/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjallemark.  
 * All Rights Reserved.  
 * Use, reproduction, distribution, and modification of this code is subject to the terms and 
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjallemark
 * Project: https://github.com/CodeSeven/toastr
 */
 .toaster-icon {
    position: absolute;
    left: 0.0em;
    top: 0.0em;
    font-weight: normal;
    color: #ffffff;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  z-index: 999;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-content {
  display: inline-block;
  width: 95%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-center {
  top: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-center {
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-center {
  top: 45%;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
  pointer-events: auto;
}
#toast-container.toast-center,
#toast-container.toast-top-center,
#toast-container.toast-bottom-center{
  width: 100%;
  pointer-events: none;
  left: 0;
  right: 0;
}
#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div{
  margin: 6px auto;
  pointer-events: auto;
}
#toast-container.toast-center > button,
#toast-container.toast-top-center > button,
#toast-container.toast-bottom-center > button{
  pointer-events: auto;
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
.icon-info {
  width:35px;
  height:100%;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
.icon-wait {
  width:35px;
  height:100%;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important;
}
.icon-error {
  width:35px;
  height:100%;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
.icon-success {
  width:35px;
  height:100%;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
.icon-warning {
  width:35px;
  height:100%;
  display:inline-block;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  position:relative;
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-wait {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
}
  }
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container  > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

 /*
  * AngularJS-Toaster
  * Version 0.3
 */
:not(.no-enter)#toast-container > div.ng-enter,
:not(.no-leave)#toast-container > div.ng-leave
{ 
    -webkit-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active, 
:not(.no-leave)#toast-container > div.ng-leave {
    opacity: 0.8;
}

:not(.no-leave)#toast-container > div.ng-leave.ng-leave-active,
:not(.no-enter)#toast-container > div.ng-enter {
    opacity: 0;
}.ng-busy {
  z-index: 1002;
}
.ng-busy,
.ng-busy > *,
.ng-busy > ng-component > * {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.ng-busy-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: #fff;
  opacity: .7;
}
.ng-busy-default-wrapper {
  text-align: center;
}
.ng-busy-default-sign {
  position: relative;
  display: inline-block;
  z-index: 1003;
  padding: 12px 14px;
  border: 1px solid #d8d8d8;
  border-top: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background: #f8f8f8;
  color: #333;
}
.ng-busy-default-text {
  display: inline-block;
  margin-left: 6px;
  max-width: 400px;
  font-size: 14px;
  text-align: left;
}
.ng-busy-default-spinner {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.ng-busy-default-spinner div {
  position: absolute;
  left: 44.5%;
  top: 37%;
  width: 10%;
  height: 26%;
  background: #666;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-animation: busy-spinner-anim 1s linear infinite;
          animation: busy-spinner-anim 1s linear infinite;
}
.ng-busy-default-spinner .bar1 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
          transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.ng-busy-default-spinner .bar2 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
          transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.91666667s;
          animation-delay: -0.91666667s;
}
.ng-busy-default-spinner .bar3 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
          transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -0.83333333s;
          animation-delay: -0.83333333s;
}
.ng-busy-default-spinner .bar4 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
          transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}
.ng-busy-default-spinner .bar5 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
          transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -0.66666667s;
          animation-delay: -0.66666667s;
}
.ng-busy-default-spinner .bar6 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
          transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -0.58333333s;
          animation-delay: -0.58333333s;
}
.ng-busy-default-spinner .bar7 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
          transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.ng-busy-default-spinner .bar8 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
          transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -0.41666667s;
          animation-delay: -0.41666667s;
}
.ng-busy-default-spinner .bar9 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
          transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -0.33333333s;
          animation-delay: -0.33333333s;
}
.ng-busy-default-spinner .bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
          transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}
.ng-busy-default-spinner .bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
          transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -0.16666667s;
          animation-delay: -0.16666667s;
}
.ng-busy-default-spinner .bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
          transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -0.08333333s;
          animation-delay: -0.08333333s;
}
@-webkit-keyframes busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
@charset "UTF-8";
/**
 * CoreUI - Open Source Bootstrap Admin Template
 * @version v1.0.0-alpha.6
 * @link http://coreui.io
 * Copyright (c) 2017 creativeLabs Łukasz Holeczek
 * @license MIT
 */
article,
aside,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
main {
  display: block; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #03a9f4;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #0275a8;
    text-decoration: underline; }

img {
  vertical-align: middle;
  border-style: none; }

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

a,
area,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 576px) {
    .container {
      width: 540px;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      width: 720px;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .container {
      width: 960px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 1140px;
      max-width: 100%; } }

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 992px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto {
      padding-right: 15px;
      padding-left: 15px; } }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

.pull-0 {
  right: auto; }

.pull-1 {
  right: 8.33333%; }

.pull-2 {
  right: 16.66667%; }

.pull-3 {
  right: 25%; }

.pull-4 {
  right: 33.33333%; }

.pull-5 {
  right: 41.66667%; }

.pull-6 {
  right: 50%; }

.pull-7 {
  right: 58.33333%; }

.pull-8 {
  right: 66.66667%; }

.pull-9 {
  right: 75%; }

.pull-10 {
  right: 83.33333%; }

.pull-11 {
  right: 91.66667%; }

.pull-12 {
  right: 100%; }

.push-0 {
  left: auto; }

.push-1 {
  left: 8.33333%; }

.push-2 {
  left: 16.66667%; }

.push-3 {
  left: 25%; }

.push-4 {
  left: 33.33333%; }

.push-5 {
  left: 41.66667%; }

.push-6 {
  left: 50%; }

.push-7 {
  left: 58.33333%; }

.push-8 {
  left: 66.66667%; }

.push-9 {
  left: 75%; }

.push-10 {
  left: 83.33333%; }

.push-11 {
  left: 91.66667%; }

.push-12 {
  left: 100%; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 8.33333%; }
  .pull-sm-2 {
    right: 16.66667%; }
  .pull-sm-3 {
    right: 25%; }
  .pull-sm-4 {
    right: 33.33333%; }
  .pull-sm-5 {
    right: 41.66667%; }
  .pull-sm-6 {
    right: 50%; }
  .pull-sm-7 {
    right: 58.33333%; }
  .pull-sm-8 {
    right: 66.66667%; }
  .pull-sm-9 {
    right: 75%; }
  .pull-sm-10 {
    right: 83.33333%; }
  .pull-sm-11 {
    right: 91.66667%; }
  .pull-sm-12 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 8.33333%; }
  .push-sm-2 {
    left: 16.66667%; }
  .push-sm-3 {
    left: 25%; }
  .push-sm-4 {
    left: 33.33333%; }
  .push-sm-5 {
    left: 41.66667%; }
  .push-sm-6 {
    left: 50%; }
  .push-sm-7 {
    left: 58.33333%; }
  .push-sm-8 {
    left: 66.66667%; }
  .push-sm-9 {
    left: 75%; }
  .push-sm-10 {
    left: 83.33333%; }
  .push-sm-11 {
    left: 91.66667%; }
  .push-sm-12 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 8.33333%; }
  .pull-md-2 {
    right: 16.66667%; }
  .pull-md-3 {
    right: 25%; }
  .pull-md-4 {
    right: 33.33333%; }
  .pull-md-5 {
    right: 41.66667%; }
  .pull-md-6 {
    right: 50%; }
  .pull-md-7 {
    right: 58.33333%; }
  .pull-md-8 {
    right: 66.66667%; }
  .pull-md-9 {
    right: 75%; }
  .pull-md-10 {
    right: 83.33333%; }
  .pull-md-11 {
    right: 91.66667%; }
  .pull-md-12 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 8.33333%; }
  .push-md-2 {
    left: 16.66667%; }
  .push-md-3 {
    left: 25%; }
  .push-md-4 {
    left: 33.33333%; }
  .push-md-5 {
    left: 41.66667%; }
  .push-md-6 {
    left: 50%; }
  .push-md-7 {
    left: 58.33333%; }
  .push-md-8 {
    left: 66.66667%; }
  .push-md-9 {
    left: 75%; }
  .push-md-10 {
    left: 83.33333%; }
  .push-md-11 {
    left: 91.66667%; }
  .push-md-12 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 8.33333%; }
  .pull-lg-2 {
    right: 16.66667%; }
  .pull-lg-3 {
    right: 25%; }
  .pull-lg-4 {
    right: 33.33333%; }
  .pull-lg-5 {
    right: 41.66667%; }
  .pull-lg-6 {
    right: 50%; }
  .pull-lg-7 {
    right: 58.33333%; }
  .pull-lg-8 {
    right: 66.66667%; }
  .pull-lg-9 {
    right: 75%; }
  .pull-lg-10 {
    right: 83.33333%; }
  .pull-lg-11 {
    right: 91.66667%; }
  .pull-lg-12 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 8.33333%; }
  .push-lg-2 {
    left: 16.66667%; }
  .push-lg-3 {
    left: 25%; }
  .push-lg-4 {
    left: 33.33333%; }
  .push-lg-5 {
    left: 41.66667%; }
  .push-lg-6 {
    left: 50%; }
  .push-lg-7 {
    left: 58.33333%; }
  .push-lg-8 {
    left: 66.66667%; }
  .push-lg-9 {
    left: 75%; }
  .push-lg-10 {
    left: 83.33333%; }
  .push-lg-11 {
    left: 91.66667%; }
  .push-lg-12 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 8.33333%; }
  .pull-xl-2 {
    right: 16.66667%; }
  .pull-xl-3 {
    right: 25%; }
  .pull-xl-4 {
    right: 33.33333%; }
  .pull-xl-5 {
    right: 41.66667%; }
  .pull-xl-6 {
    right: 50%; }
  .pull-xl-7 {
    right: 58.33333%; }
  .pull-xl-8 {
    right: 66.66667%; }
  .pull-xl-9 {
    right: 75%; }
  .pull-xl-10 {
    right: 83.33333%; }
  .pull-xl-11 {
    right: 91.66667%; }
  .pull-xl-12 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 8.33333%; }
  .push-xl-2 {
    left: 16.66667%; }
  .push-xl-3 {
    left: 25%; }
  .push-xl-4 {
    left: 33.33333%; }
  .push-xl-5 {
    left: 41.66667%; }
  .push-xl-6 {
    left: 50%; }
  .push-xl-7 {
    left: 58.33333%; }
  .push-xl-8 {
    left: 66.66667%; }
  .push-xl-9 {
    left: 75%; }
  .push-xl-10 {
    left: 83.33333%; }
  .push-xl-11 {
    left: 91.66667%; }
  .push-xl-12 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #cfd8dc; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #cfd8dc; }
  .table tbody + tbody {
    border-top: 2px solid #cfd8dc; }
  .table .table {
    background-color: #e4e5e6; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #cfd8dc; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #cfd8dc; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #eceff1; }

.table-hover tbody tr:hover {
  background-color: #eceff1; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: #eceff1; }

.table-hover .table-active:hover {
  background-color: #dde3e6; }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: #dde3e6; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8; }

.table-hover .table-success:hover {
  background-color: #d0e9c6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.thead-inverse th {
  color: #e4e5e6;
  background-color: #263238; }

.thead-default th {
  color: #607d8b;
  background-color: #cfd8dc; }

.table-inverse {
  color: #e4e5e6;
  background-color: #263238; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #35464f; }
  .table-inverse.table-bordered {
    border: 0; }
  .table-inverse.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-inverse.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 991px) {
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive.table-bordered {
      border: 0; } }

.form-control {
  display: block;
  width: 100%;
  padding: 6px 5px;
  font-size: 12.5px;
  line-height: 1.25;
  color: #607d8b;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #607d8b;
    background-color: #fff;
    border-color: #79d4fd;
    outline: none; }
  .form-control::placeholder {
    color: #b0bec5;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #cfd8dc;
    opacity: 1; }

.form-control-file,
.form-control-range {
  display: block; }

.col-form-label {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  margin-bottom: 0; }

.col-form-label-lg {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  font-size: 1.25rem; }

.col-form-label-sm {
  padding-top: calc(0.25rem - 1px * 2);
  padding-bottom: calc(0.25rem - 1px * 2);
  font-size: 0.875rem; }

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 0.875rem; }

.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px); }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px); }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem; }
  .form-check.disabled .form-check-label {
    color: #b0bec5; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0; }

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem; }
  .form-check-input:only-child {
    position: static; }

.form-check-inline {
  display: inline-block; }
  .form-check-inline .form-check-label {
    vertical-align: middle; }
  .form-check-inline + .form-check-inline {
    margin-left: 0.75rem; }

.form-control-feedback {
  margin-top: 0.25rem; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 3rem;
  background-repeat: no-repeat;
  background-position: center right 0.52344rem;
  background-size: 1.04688rem 1.04688rem; }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #4dbd74; }

.has-success .form-control,
.has-success .custom-select,
.has-success .custom-file-control {
  border-color: #4dbd74; }

.has-success .input-group-addon {
  color: #4dbd74;
  background-color: #e2f4e8;
  border-color: #4dbd74; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234dbd74' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #f8cb00; }

.has-warning .form-control,
.has-warning .custom-select,
.has-warning .custom-file-control {
  border-color: #f8cb00; }

.has-warning .input-group-addon {
  color: #f8cb00;
  background-color: #fff4c5;
  border-color: #f8cb00; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8cb00' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
  color: #f86c6b; }

.has-danger .form-control,
.has-danger .custom-select,
.has-danger .custom-file-control {
  border-color: #f86c6b; }

.has-danger .input-group-addon {
  color: #f86c6b;
  background-color: white;
  border-color: #f86c6b; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f86c6b' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23f86c6b' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-static {
      display: inline-block; }
    .form-inline .input-group {
      width: auto; }
    .form-inline .form-control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      margin-top: 0;
      margin-bottom: 0; }
    .form-inline .form-check-label {
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 0; }
    .form-inline .custom-control-indicator {
      position: static;
      display: inline-block;
      margin-right: 0.25rem;
      vertical-align: text-bottom; }
    .form-inline .has-feedback .form-control-feedback {
      top: 0; } }

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25;
  transition: all 0.2s ease-in-out; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: .65; }
  .btn:active, .btn.active {
    background-image: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4; }
  .btn-primary:hover {
    color: #fff;
    background-color: #0286c2;
    border-color: #027fb8; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #03a9f4;
    border-color: #03a9f4; }
  .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    background-image: none;
    border-color: #027fb8; }

.btn-secondary {
  color: #263238;
  background-color: #fff;
  border-color: #ccc; }
  .btn-secondary:hover {
    color: #263238;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc; }
  .btn-secondary:active, .btn-secondary.active,
  .show > .btn-secondary.dropdown-toggle {
    color: #263238;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }

.btn-info {
  color: #fff;
  background-color: #63c2de;
  border-color: #63c2de; }
  .btn-info:hover {
    color: #fff;
    background-color: #39b2d5;
    border-color: #30aed3; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 2px rgba(99, 194, 222, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #63c2de;
    border-color: #63c2de; }
  .btn-info:active, .btn-info.active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #39b2d5;
    background-image: none;
    border-color: #30aed3; }

.btn-success {
  color: #fff;
  background-color: #4dbd74;
  border-color: #4dbd74; }
  .btn-success:hover {
    color: #fff;
    background-color: #3a9d5d;
    border-color: #379558; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 2px rgba(77, 189, 116, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #4dbd74;
    border-color: #4dbd74; }
  .btn-success:active, .btn-success.active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #3a9d5d;
    background-image: none;
    border-color: #379558; }

.btn-warning {
  color: #fff;
  background-color: #f8cb00;
  border-color: #f8cb00; }
  .btn-warning:hover {
    color: #fff;
    background-color: #c5a100;
    border-color: #bb9900; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 2px rgba(248, 203, 0, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #f8cb00;
    border-color: #f8cb00; }
  .btn-warning:active, .btn-warning.active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c5a100;
    background-image: none;
    border-color: #bb9900; }

.btn-danger {
  color: #fff;
  background-color: #f86c6b;
  border-color: #f86c6b; }
  .btn-danger:hover {
    color: #fff;
    background-color: #f63c3a;
    border-color: #f53231; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 2px rgba(248, 108, 107, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #f86c6b;
    border-color: #f86c6b; }
  .btn-danger:active, .btn-danger.active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f63c3a;
    background-image: none;
    border-color: #f53231; }

.btn-outline-primary {
  color: #03a9f4;
  background-color: transparent;
  background-image: none;
  border-color: #03a9f4; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #03a9f4;
    background-color: transparent; }
  .btn-outline-primary:active, .btn-outline-primary.active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4; }

.btn-outline-secondary {
  color: #ccc;
  background-color: transparent;
  background-image: none;
  border-color: #ccc; }
  .btn-outline-secondary:hover {
    color: #263238;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent; }
  .btn-outline-secondary:active, .btn-outline-secondary.active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #263238;
    background-color: #ccc;
    border-color: #ccc; }

.btn-outline-info {
  color: #63c2de;
  background-color: transparent;
  background-image: none;
  border-color: #63c2de; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #63c2de;
    border-color: #63c2de; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 2px rgba(99, 194, 222, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #63c2de;
    background-color: transparent; }
  .btn-outline-info:active, .btn-outline-info.active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #63c2de;
    border-color: #63c2de; }

.btn-outline-success {
  color: #4dbd74;
  background-color: transparent;
  background-image: none;
  border-color: #4dbd74; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #4dbd74;
    border-color: #4dbd74; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 2px rgba(77, 189, 116, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #4dbd74;
    background-color: transparent; }
  .btn-outline-success:active, .btn-outline-success.active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #4dbd74;
    border-color: #4dbd74; }

.btn-outline-warning {
  color: #f8cb00;
  background-color: transparent;
  background-image: none;
  border-color: #f8cb00; }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #f8cb00;
    border-color: #f8cb00; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 2px rgba(248, 203, 0, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f8cb00;
    background-color: transparent; }
  .btn-outline-warning:active, .btn-outline-warning.active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f8cb00;
    border-color: #f8cb00; }

.btn-outline-danger {
  color: #f86c6b;
  background-color: transparent;
  background-image: none;
  border-color: #f86c6b; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #f86c6b;
    border-color: #f86c6b; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 2px rgba(248, 108, 107, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #f86c6b;
    background-color: transparent; }
  .btn-outline-danger:active, .btn-outline-danger.active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #f86c6b;
    border-color: #f86c6b; }

.btn-link {
  font-weight: normal;
  color: #03a9f4;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #0275a8;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled {
    color: #b0bec5; }
    .btn-link:disabled:focus, .btn-link:disabled:hover {
      text-decoration: none; }

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #263238;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cfd8dc; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #eceff1; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: normal;
  color: #263238;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #1c2429;
    text-decoration: none;
    background-color: #eceff1; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #03a9f4; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #b0bec5;
    background-color: transparent; }

.show > .dropdown-menu {
  display: block; }

.show > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 0 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #b0bec5;
  white-space: nowrap; }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem; }

.input-group {
  position: relative;
  display: flex;
  width: 100%; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: flex;
  align-items: center; }

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.25;
  color: #607d8b;
  text-align: center;
  background-color: #cfd8dc;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group-addon:not(:last-child) {
  border-right: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #03a9f4; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 1px #e4e5e6, 0 0 0 3px #03a9f4; }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #ace4fe; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    background-color: #cfd8dc; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #b0bec5; }

.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #03a9f4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked {
  display: flex;
  flex-direction: column; }
  .custom-controls-stacked .custom-control {
    margin-bottom: 0.25rem; }
    .custom-controls-stacked .custom-control + .custom-control {
      margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.09375rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #607d8b;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  appearance: none; }
  .custom-select:focus {
    border-color: #79d4fd;
    outline: none; }
    .custom-select:focus::-ms-value {
      color: #607d8b;
      background-color: #fff; }
  .custom-select:disabled {
    color: #b0bec5;
    background-color: #cfd8dc; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  opacity: 0; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #607d8b;
  pointer-events: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .custom-file-control:lang(en):empty::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #607d8b;
    background-color: #cfd8dc;
    border: 1px solid rgba(0, 0, 0, 0.15); }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link, .navbar .dropdown-toggle {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:focus, .navbar .dropdown-toggle:focus, .nav-link:hover, .navbar .dropdown-toggle:hover {
    text-decoration: none; }
  .nav-link.disabled, .navbar .disabled.dropdown-toggle {
    color: #b0bec5; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
    border: 1px solid transparent; }
    .nav-tabs .nav-link:focus, .nav-tabs .navbar .dropdown-toggle:focus, .navbar .nav-tabs .dropdown-toggle:focus, .nav-tabs .nav-link:hover, .nav-tabs .navbar .dropdown-toggle:hover, .navbar .nav-tabs .dropdown-toggle:hover {
      border-color: #cfd8dc #cfd8dc #ddd; }
    .nav-tabs .nav-link.disabled, .nav-tabs .navbar .disabled.dropdown-toggle, .navbar .nav-tabs .disabled.dropdown-toggle {
      color: #b0bec5;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle,
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-item.show .navbar .dropdown-toggle,
  .navbar .nav-tabs .nav-item.show .dropdown-toggle {
    color: #607d8b;
    background-color: #e4e5e6;
    border-color: #ddd #ddd #e4e5e6; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px; }

.nav-pills .nav-link.active, .nav-pills .navbar .active.dropdown-toggle, .navbar .nav-pills .active.dropdown-toggle,
.show .nav-pills .nav-link,
.show .nav-pills .navbar .dropdown-toggle,
.navbar .show .nav-pills .dropdown-toggle {
  color: #fff;
  background-color: #03a9f4; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 575px) {
      .navbar > .container,
      .navbar > .container-fluid {
        width: 100%;
        margin-right: 0;
        margin-left: 0; } }

.navbar-brand {
  display: inline-block;
  padding-top: 0.21875rem;
  padding-bottom: 0.21875rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
    padding-right: 0;
    padding-left: 0; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-sm .navbar-nav .dropdown-toggle {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-md .navbar-nav .dropdown-toggle {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-lg .navbar-nav .dropdown-toggle {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand-xl .navbar-nav .dropdown-toggle {
        padding-right: .5rem;
        padding-left: .5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start; }
  .navbar-expand .navbar-nav .dropdown-menu {
    position: static;
    float: none; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-expand .navbar-nav .dropdown-toggle {
      padding-right: .5rem;
      padding-left: .5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-light .navbar-nav .dropdown-toggle {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-light .navbar-nav .dropdown-toggle:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-light .navbar-nav .dropdown-toggle:hover {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-light .navbar-nav .disabled.dropdown-toggle {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-light .navbar-nav .show > .dropdown-toggle,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .navbar .active > .dropdown-toggle,
.navbar .navbar-light .navbar-nav .active > .dropdown-toggle,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .navbar .show.dropdown-toggle,
.navbar .navbar-light .navbar-nav .show.dropdown-toggle,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .navbar .active.dropdown-toggle,
.navbar .navbar-light .navbar-nav .active.dropdown-toggle {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }

.navbar-inverse .navbar-brand {
  color: white; }
  .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: white; }

.navbar-inverse .navbar-nav .nav-link, .navbar-inverse .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-inverse .navbar-nav .dropdown-toggle {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-inverse .navbar-nav .dropdown-toggle:focus, .navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-inverse .navbar-nav .dropdown-toggle:hover {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-inverse .navbar-nav .nav-link.disabled, .navbar-inverse .navbar-nav .navbar .disabled.dropdown-toggle, .navbar .navbar-inverse .navbar-nav .disabled.dropdown-toggle {
    color: rgba(255, 255, 255, 0.25); }

.navbar-inverse .navbar-nav .show > .nav-link, .navbar-inverse .navbar-nav .navbar .show > .dropdown-toggle, .navbar .navbar-inverse .navbar-nav .show > .dropdown-toggle,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .navbar .active > .dropdown-toggle,
.navbar .navbar-inverse .navbar-nav .active > .dropdown-toggle,
.navbar-inverse .navbar-nav .nav-link.show,
.navbar-inverse .navbar-nav .navbar .show.dropdown-toggle,
.navbar .navbar-inverse .navbar-nav .show.dropdown-toggle,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .navbar .active.dropdown-toggle,
.navbar .navbar-inverse .navbar-nav .active.dropdown-toggle {
  color: white; }

.navbar-inverse .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar-inverse .navbar-text {
  color: rgba(255, 255, 255, 0.5); }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #eee; }

.login-card {
  border-radius: 12px;
  margin: -160px 0 0;
  padding: 20px 40px 100px;
  border: 1px solid #f7f7f7;
  box-shadow: 0 6px 16px -6px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 635px) {
    .login-card {
      width: 100%;
      box-shadow: none;
      border: none;
      padding: 0; } }
  .login-card .card-block h1 {
    font-size: 23px;
    margin: 0 0 20px; }
    .login-card .card-block h1 img {
      vertical-align: sub;
      margin: 0 6px 0 0; }
  .login-card .card-block .bottom-login {
    margin: 10px 0 0; }
    .login-card .card-block .bottom-login > div input {
      width: auto;
      text-align: left;
      margin: 0 3px 0 0;
      vertical-align: middle; }
    .login-card .card-block .bottom-login > div button {
      margin: 55px auto 0;
      left: 0;
      right: 0;
      -moz-box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
      -webkit-box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
      box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7); }
      .login-card .card-block .bottom-login > div button:hover {
        border: 1px solid #967ADC;
        background: #967ADC;
        -moz-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
        -webkit-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
        box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7); }
  .login-card .card-block .input-group-addon {
    background: #f6f7fb; }

.card-block {
  position: relative;
  flex: 1 1 auto;
  padding: 20px 0; }
  .card-block button {
    width: 120px;
    padding: 10px 0; }
    @media screen and (max-width: 635px) {
      .card-block button {
        width: 90px;
        padding: 6px 0; } }
    .card-block button:nth-child(3) {
      position: absolute;
      right: 0;
      box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.4); }
      .card-block button:nth-child(3):hover, .card-block button:nth-child(3):focus {
        background: #9575e2;
        box-shadow: 0px 3px 11px rgba(150, 122, 220, 0.4); }

.card-title {
  margin-bottom: 0.75rem;
  word-break: break-all; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #eceff1;
  border-bottom: 1px solid #cfd8dc; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #eceff1;
  border-top: 1px solid #cfd8dc; }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-primary {
  background-color: #03a9f4;
  border-color: #03a9f4; }
  .card-primary .card-header,
  .card-primary .card-footer {
    background-color: transparent; }

.card-success {
  background-color: #4dbd74;
  border-color: #4dbd74; }
  .card-success .card-header,
  .card-success .card-footer {
    background-color: transparent; }

.card-info {
  background-color: #63c2de;
  border-color: #63c2de; }
  .card-info .card-header,
  .card-info .card-footer {
    background-color: transparent; }

.card-warning {
  background-color: #f8cb00;
  border-color: #f8cb00; }
  .card-warning .card-header,
  .card-warning .card-footer {
    background-color: transparent; }

.card-danger {
  background-color: #f86c6b;
  border-color: #f86c6b; }
  .card-danger .card-header,
  .card-danger .card-footer {
    background-color: transparent; }

.card-outline-primary {
  background-color: transparent;
  border-color: #03a9f4; }
  .card-outline-primary .card-header,
  .card-outline-primary .card-footer {
    background-color: transparent;
    border-color: #03a9f4; }

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc; }
  .card-outline-secondary .card-header,
  .card-outline-secondary .card-footer {
    background-color: transparent;
    border-color: #ccc; }

.card-outline-info {
  background-color: transparent;
  border-color: #63c2de; }
  .card-outline-info .card-header,
  .card-outline-info .card-footer {
    background-color: transparent;
    border-color: #63c2de; }

.card-outline-success {
  background-color: transparent;
  border-color: #4dbd74; }
  .card-outline-success .card-header,
  .card-outline-success .card-footer {
    background-color: transparent;
    border-color: #4dbd74; }

.card-outline-warning {
  background-color: transparent;
  border-color: #f8cb00; }
  .card-outline-warning .card-header,
  .card-outline-warning .card-footer {
    background-color: transparent;
    border-color: #f8cb00; }

.card-outline-danger {
  background-color: transparent;
  border-color: #f86c6b; }
  .card-outline-danger .card-header,
  .card-outline-danger .card-footer {
    background-color: transparent;
    border-color: #f86c6b; }

.card-inverse {
  color: rgba(255, 255, 255, 0.65); }
  .card-inverse .card-header,
  .card-inverse .card-footer {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2); }
  .card-inverse .card-header,
  .card-inverse .card-footer,
  .card-inverse .card-title,
  .card-inverse .card-blockquote {
    color: #fff; }
  .card-inverse .card-link,
  .card-inverse .card-text,
  .card-inverse .card-subtitle,
  .card-inverse .card-blockquote .blockquote-footer {
    color: rgba(255, 255, 255, 0.65); }
  .card-inverse .card-link:focus, .card-inverse .card-link:hover {
    color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%; }

.card-img-top {
  width: 100%; }

.card-img-bottom {
  width: 100%; }

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .card-deck .card {
      display: flex;
      flex: 1 0 0;
      flex-direction: column;
      margin-right: 15px;
      margin-left: 15px; } }

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group .card {
      flex: 1 0 0; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fff; }
  .breadcrumb::after {
    display: block;
    clear: both;
    content: ""; }

.breadcrumb-item {
  float: left; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #b0bec5;
    content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #b0bec5; }

.pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-left: 0;
  list-style: none; }

.page-item, .pagination-datatables li, .pagination li {
  display: inline-block; }
  .page-item:first-child .page-link, .pagination-datatables li:first-child .page-link, .pagination li:first-child .page-link, .page-item:first-child .pagination-datatables li a, .pagination-datatables li .page-item:first-child a, .pagination-datatables li:first-child a, .page-item:first-child .pagination li a, .pagination li .page-item:first-child a, .pagination li:first-child a {
    margin-left: 0; }
  .page-item.active .page-link, .pagination-datatables li.active .page-link, .pagination li.active .page-link, .page-item.active .pagination-datatables li a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a {
    z-index: 2;
    color: #fff;
    background-color: #198cff;
    border-color: #198cff; }
  .page-item.disabled .page-link, .pagination-datatables li.disabled .page-link, .pagination li.disabled .page-link, .page-item.disabled .pagination-datatables li a, .pagination-datatables li .page-item.disabled a, .pagination-datatables li.disabled a, .page-item.disabled .pagination li a, .pagination li .page-item.disabled a, .pagination li.disabled a {
    color: #b0bec5;
    pointer-events: none;
    background-color: #fff;
    border-color: #ddd; }

.page-link, .pagination-datatables li a, .pagination li a {
  position: relative;
  display: block;
  padding: 8px;
  margin-left: -1px;
  color: #198cff;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .pagination-datatables li a:focus, .pagination li a:focus, .page-link:hover, .pagination-datatables li a:hover, .pagination li a:hover {
    color: #0275a8;
    text-decoration: none;
    background-color: #cfd8dc;
    border-color: #ddd; }
  .page-link i, .pagination-datatables li a i, .pagination li a i {
    font-size: 10px; }

.pagination-lg .page-link, .pagination-lg .pagination-datatables li a, .pagination-datatables li .pagination-lg a, .pagination-lg .pagination li a, .pagination li .pagination-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem; }

.pagination-sm .page-link, .pagination-sm .pagination-datatables li a, .pagination-datatables li .pagination-sm a, .pagination-sm .pagination li a, .pagination li .pagination-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem; }

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d0e9c6; }
  .alert-success hr {
    border-top-color: #c1e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bcdff1; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faf2cc; }
  .alert-warning hr {
    border-top-color: #f7ecb5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebcccc; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75; }

button.close {
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #cfd8dc; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #cfd8dc; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.rounded-circle {
  border-radius: 50%; }

.rounded-0 {
  border-radius: 0; }

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

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.order-first {
  order: -1; }

.order-last {
  order: 1; }

.order-0 {
  order: 0; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 1; }
  .order-sm-0 {
    order: 0; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 1; }
  .order-md-0 {
    order: 0; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 1; }
  .order-lg-0 {
    order: 0; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 1; }
  .order-xl-0 {
    order: 0; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mr-4 {
  margin-right: 1.5rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.ml-4 {
  margin-left: 1.5rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mr-5 {
  margin-right: 3rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.ml-5 {
  margin-left: 3rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

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

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

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

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pr-4 {
  padding-right: 1.5rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pl-4 {
  padding-left: 1.5rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pr-5 {
  padding-right: 3rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.pl-5 {
  padding-left: 3rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0 {
    margin-left: 0 !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1 {
    margin-left: 0.25rem !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2 {
    margin-left: 0.5rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3 {
    margin-left: 1rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4 {
    margin-left: 1.5rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5 {
    margin-left: 3rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0 {
    padding-left: 0 !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1 {
    padding-left: 0.25rem !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2 {
    padding-left: 0.5rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3 {
    padding-left: 1rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4 {
    padding-left: 1.5rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5 {
    padding-left: 3rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto {
    margin-left: auto !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1 {
    margin-left: 0.25rem !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2 {
    margin-left: 0.5rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3 {
    margin-left: 1rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4 {
    margin-left: 1.5rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5 {
    margin-left: 3rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1 {
    padding-left: 0.25rem !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2 {
    padding-left: 0.5rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3 {
    padding-left: 1rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4 {
    padding-left: 1.5rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5 {
    padding-left: 3rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .mr-md-auto {
    margin-right: auto !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto {
    margin-left: auto !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0 {
    margin-left: 0 !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1 {
    margin-left: 0.25rem !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2 {
    margin-left: 0.5rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3 {
    margin-left: 1rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4 {
    margin-left: 1.5rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5 {
    margin-left: 3rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0 {
    padding-left: 0 !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1 {
    padding-left: 0.25rem !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2 {
    padding-left: 0.5rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3 {
    padding-left: 1rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4 {
    padding-left: 1.5rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5 {
    padding-left: 3rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto {
    margin-left: auto !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0 {
    margin-left: 0 !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1 {
    margin-left: 0.25rem !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2 {
    margin-left: 0.5rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3 {
    margin-left: 1rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4 {
    margin-left: 1.5rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5 {
    margin-left: 3rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0 {
    padding-left: 0 !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1 {
    padding-left: 0.25rem !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2 {
    padding-left: 0.5rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3 {
    padding-left: 1rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4 {
    padding-left: 1.5rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5 {
    padding-left: 3rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto {
    margin-left: auto !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; } }

.breadcrumb {
  position: relative;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #cfd8dc; }

.card {
  margin-bottom: 1.5rem; }

.card-header .icon-bg {
  display: inline-block;
  padding: 0.75rem 1.25rem !important;
  margin-top: -0.75rem;
  margin-right: 1.25rem;
  margin-bottom: -0.75rem;
  margin-left: -1.25rem;
  line-height: inherit;
  color: #263238;
  vertical-align: bottom;
  background: transparent;
  border-right: 1px solid #cfd8dc; }

.card-header .nav.nav-tabs {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  border-bottom: 0; }
  .card-header .nav.nav-tabs .nav-item {
    border-top: 0; }
  .card-header .nav.nav-tabs .nav-link, .card-header .nav.nav-tabs .navbar .dropdown-toggle, .navbar .card-header .nav.nav-tabs .dropdown-toggle {
    padding: 0.75rem 0.625rem;
    color: #b0bec5;
    border-top: 0; }
    .card-header .nav.nav-tabs .nav-link.active, .card-header .nav.nav-tabs .navbar .active.dropdown-toggle, .navbar .card-header .nav.nav-tabs .active.dropdown-toggle {
      color: #263238;
      background: #fff; }

.card-header.card-header-inverse {
  color: #fff; }

.card-header.card-header-primary {
  margin: -1px -1px 0;
  background: #03a9f4;
  border-bottom: 1px solid #03a9f4; }

.card-header.card-header-secondary {
  margin: -1px -1px 0;
  background: #cfd8dc;
  border-bottom: 1px solid #cfd8dc; }

.card-header.card-header-success {
  margin: -1px -1px 0;
  background: #4dbd74;
  border-bottom: 1px solid #4dbd74; }

.card-header.card-header-info {
  margin: -1px -1px 0;
  background: #63c2de;
  border-bottom: 1px solid #63c2de; }

.card-header.card-header-warning {
  margin: -1px -1px 0;
  background: #f8cb00;
  border-bottom: 1px solid #f8cb00; }

.card-header.card-header-danger {
  margin: -1px -1px 0;
  background: #f86c6b;
  border-bottom: 1px solid #f86c6b; }

.card-header .btn {
  margin-top: -0.5rem; }

.card-header .btn-sm {
  margin-top: -0.25rem; }

.card-header .btn-lg {
  margin-top: -0.5rem; }

.card-footer ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  table-layout: fixed; }
  .card-footer ul li {
    display: table-cell;
    padding: 0 1.25rem;
    text-align: center; }

.card-primary {
  background-color: #03a9f4; }
  .card-primary .card-header {
    border-color: #0398db; }
  .card-primary .card-header,
  .card-primary .card-footer {
    background-color: #0398db; }

.card-secondary {
  background-color: #cfd8dc; }
  .card-secondary .card-header {
    border-color: #c0ccd1; }
  .card-secondary .card-header, .card-secondary .card-footer {
    background-color: #c0ccd1; }

.card-success {
  background-color: #4dbd74; }
  .card-success .card-header {
    border-color: #41af67; }
  .card-success .card-header,
  .card-success .card-footer {
    background-color: #41af67; }

.card-info {
  background-color: #63c2de; }
  .card-info .card-header {
    border-color: #4ebada; }
  .card-info .card-header,
  .card-info .card-footer {
    background-color: #4ebada; }

.card-warning {
  background-color: #f8cb00; }
  .card-warning .card-header {
    border-color: #dfb600; }
  .card-warning .card-header,
  .card-warning .card-footer {
    background-color: #dfb600; }

.card-danger {
  background-color: #f86c6b; }
  .card-danger .card-header {
    border-color: #f75453; }
  .card-danger .card-header,
  .card-danger .card-footer {
    background-color: #f75453; }

.card-inverse {
  color: #fff; }
  .card-inverse .text-muted {
    color: rgba(255, 255, 255, 0.6) !important; }

[class*="card-outline-"] .card-block {
  background: #fff !important; }

[class*="card-outline-"].card-outline-top {
  border-top-width: 2px;
  border-right-color: #cfd8dc;
  border-bottom-color: #cfd8dc;
  border-left-color: #cfd8dc; }

.card-accent-primary {
  border-top-width: 2px;
  border-top-color: #03a9f4; }

.card-accent-secondary {
  border-top-width: 2px;
  border-top-color: #b0bec5; }

.card-accent-info {
  border-top-width: 2px;
  border-top-color: #63c2de; }

.card-accent-success {
  border-top-width: 2px;
  border-top-color: #4dbd74; }

.card-accent-warning {
  border-top-width: 2px;
  border-top-color: #f8cb00; }

.card-accent-danger {
  border-top-width: 2px;
  border-top-color: #f86c6b; }

.card-header > i {
  margin-right: 0.5rem; }

.card-header .card-actions {
  position: absolute;
  top: 0;
  right: 0; }
  .card-header .card-actions a, .card-header .card-actions button {
    display: block;
    float: left;
    width: 50px;
    padding: 0.75rem 0;
    margin: 0 !important;
    color: #263238;
    text-align: center;
    background: transparent;
    border: 0;
    border-left: 1px solid #cfd8dc;
    box-shadow: 0; }
    .card-header .card-actions a:hover, .card-header .card-actions button:hover {
      text-decoration: none; }
    .card-header .card-actions a [class^="icon-"], .card-header .card-actions a [class*=" icon-"], .card-header .card-actions button [class^="icon-"], .card-header .card-actions button [class*=" icon-"] {
      display: inline-block;
      vertical-align: middle; }
    .card-header .card-actions a i, .card-header .card-actions button i {
      display: inline-block;
      transition: .4s; }
    .card-header .card-actions a .r180, .card-header .card-actions button .r180 {
      transform: rotate(180deg); }
  .card-header .card-actions .input-group {
    width: 230px;
    margin: 6px; }
    .card-header .card-actions .input-group .input-group-addon {
      background: #fff; }
    .card-header .card-actions .input-group input {
      border-left: 0; }

.card-full {
  margin-top: -1rem;
  margin-right: -15px;
  margin-left: -15px;
  border: 0;
  border-bottom: 1px solid #cfd8dc; }

@media (min-width: 576px) {
  .card-columns.cols-2 {
    column-count: 2; } }

.card.drag, .card .drag {
  cursor: move; }

.card-placeholder {
  background: rgba(0, 0, 0, 0.025);
  border: 1px dashed #b0bec5; }

.dropdown-item {
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #cfd8dc; }
  .dropdown-item:last-child {
    border-bottom: 0; }
  .dropdown-item i {
    display: inline-block;
    color: #cfd8dc;
    text-align: center;
    margin: 0 3px 0 0;
    vertical-align: middle; }

.dropdown-header {
  padding: 8px 20px;
  background: #eceff1;
  border-bottom: 1px solid #cfd8dc; }
  .dropdown-header .btn {
    margin-top: -7px;
    color: #b0bec5; }
    .dropdown-header .btn:hover {
      color: #263238; }
    .dropdown-header .btn.pull-right {
      margin-right: -20px; }

.dropdown-menu-lg {
  width: 250px; }

.row.row-equal {
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: -15px;
  margin-left: -15px; }
  .row.row-equal [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px; }

@media only screen and (max-width: 635px) {
  .main .container-fluid {
    padding: 0 10px; } }

.input-group-addon,
.input-group-btn {
  min-width: 40px;
  white-space: nowrap;
  vertical-align: middle; }

.modal-primary .modal-content {
  border-color: #03a9f4; }

.modal-primary .modal-header {
  color: #fff;
  background-color: #03a9f4; }

.modal-secondary .modal-content {
  border-color: #cfd8dc; }

.modal-secondary .modal-header {
  color: #fff;
  background-color: #cfd8dc; }

.modal-success .modal-content {
  border-color: #4dbd74; }

.modal-success .modal-header {
  color: #fff;
  background-color: #4dbd74; }

.modal-info .modal-content {
  border-color: #63c2de; }

.modal-info .modal-header {
  color: #fff;
  background-color: #63c2de; }

.modal-warning .modal-content {
  border-color: #f8cb00; }

.modal-warning .modal-header {
  color: #fff;
  background-color: #f8cb00; }

.modal-danger .modal-content {
  border-color: #f86c6b; }

.modal-danger .modal-header {
  color: #fff;
  background-color: #f86c6b; }

.nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
  color: #607d8b; }
  .nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle {
    color: #263238;
    background: #fff;
    border-color: #cfd8dc;
    border-bottom-color: #fff; }
    .nav-tabs .nav-link.active:focus, .nav-tabs .navbar .active.dropdown-toggle:focus, .navbar .nav-tabs .active.dropdown-toggle:focus {
      background: #fff;
      border-color: #cfd8dc;
      border-bottom-color: #fff; }

.card-block .tab-content {
  margin-top: 0;
  border: 0; }

.app-header.navbar {
  position: relative;
  flex-direction: row;
  height: 55px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #cfd8dc; }
  .app-header.navbar .navbar-brand {
    display: inline-block;
    width: 155px;
    height: 55px;
    padding: 0.5rem 1rem;
    margin-right: 0;
    background-color: #fff;
    background-image: url("/assets/img/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70px auto;
    border-bottom: 1px solid #cfd8dc; }
  .app-header.navbar .navbar-nav {
    flex-direction: row;
    align-items: center; }
  .app-header.navbar .nav-item {
    position: relative;
    min-width: 50px;
    margin: 0 !important;
    text-align: center; }
    .app-header.navbar .nav-item button {
      margin: 0 auto; }
    .app-header.navbar .nav-item .nav-link, .app-header.navbar .nav-item .dropdown-toggle {
      padding-top: 0;
      padding-bottom: 0;
      border: 0;
      background: 0; }
  .app-header.navbar .dropdown-menu {
    min-width: 100%;
    padding: 10px;
    border: none;
    box-shadow: 0 4px 12px -3px rgba(0, 0, 0, 0.2); }
  .app-header.navbar .dropdown-item {
    display: inline-block;
    padding: 0; }
    .app-header.navbar .dropdown-item:hover {
      color: #198cff;
      background: #fff; }

.navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-brand:focus, .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }

.navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
  color: #000; }
  .navbar-nav .nav-link:focus, .navbar-nav .navbar .dropdown-toggle:focus, .navbar .navbar-nav .dropdown-toggle:focus, .navbar-nav .nav-link:hover, .navbar-nav .navbar .dropdown-toggle:hover, .navbar .navbar-nav .dropdown-toggle:hover {
    color: #198cff; }

.navbar-nav .open > .nav-link, .navbar-nav .navbar .open > .dropdown-toggle, .navbar .navbar-nav .open > .dropdown-toggle, .navbar-nav .open > .nav-link:focus, .navbar-nav .navbar .open > .dropdown-toggle:focus, .navbar .navbar-nav .open > .dropdown-toggle:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .navbar .open > .dropdown-toggle:hover, .navbar .navbar-nav .open > .dropdown-toggle:hover,
.navbar-nav .active > .nav-link,
.navbar-nav .navbar .active > .dropdown-toggle,
.navbar .navbar-nav .active > .dropdown-toggle,
.navbar-nav .active > .nav-link:focus,
.navbar-nav .navbar .active > .dropdown-toggle:focus,
.navbar .navbar-nav .active > .dropdown-toggle:focus,
.navbar-nav .active > .nav-link:hover,
.navbar-nav .navbar .active > .dropdown-toggle:hover,
.navbar .navbar-nav .active > .dropdown-toggle:hover,
.navbar-nav .nav-link.open,
.navbar-nav .navbar .open.dropdown-toggle,
.navbar .navbar-nav .open.dropdown-toggle,
.navbar-nav .nav-link.open:focus,
.navbar-nav .navbar .open.dropdown-toggle:focus,
.navbar .navbar-nav .open.dropdown-toggle:focus,
.navbar-nav .nav-link.open:hover,
.navbar-nav .navbar .open.dropdown-toggle:hover,
.navbar .navbar-nav .open.dropdown-toggle:hover,
.navbar-nav .nav-link.active,
.navbar-nav .navbar .active.dropdown-toggle,
.navbar .navbar-nav .active.dropdown-toggle,
.navbar-nav .nav-link.active:focus,
.navbar-nav .navbar .active.dropdown-toggle:focus,
.navbar .navbar-nav .active.dropdown-toggle:focus,
.navbar-nav .nav-link.active:hover,
.navbar-nav .navbar .active.dropdown-toggle:hover,
.navbar .navbar-nav .active.dropdown-toggle:hover {
  color: rgba(0, 0, 0, 0.8); }

.navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.sidebar {
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #263238; }
  .sidebar .sidebar-close {
    position: absolute;
    right: 0;
    display: none;
    padding: 0 1rem;
    font-size: 24px;
    font-weight: 800;
    line-height: 55px;
    color: #fff;
    background: 0;
    border: 0;
    opacity: .8; }
    .sidebar .sidebar-close:hover {
      opacity: 1; }
  .sidebar .sidebar-nav {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 200px; }
    .sidebar .sidebar-nav::-webkit-scrollbar {
      position: absolute;
      width: 10px;
      margin-left: -10px;
      -webkit-appearance: none; }
    .sidebar .sidebar-nav::-webkit-scrollbar-track {
      background-color: #304047;
      border-right: 1px solid #1c2429;
      border-left: 1px solid #1c2429; }
    .sidebar .sidebar-nav::-webkit-scrollbar-thumb {
      height: 50px;
      background-color: #11171a;
      background-clip: content-box;
      border-color: transparent;
      border-style: solid;
      border-width: 1px 2px; }
  .sidebar .nav {
    width: 200px;
    flex-direction: column !important;
    margin-bottom: 60px; }
    .sidebar .nav .nav-title {
      padding: 0.75rem 1rem;
      font-size: 11px;
      font-weight: 600;
      color: #cfd8dc;
      text-transform: uppercase; }
    .sidebar .nav .divider {
      height: 10px; }
    .sidebar .nav .nav-item {
      position: relative;
      margin: 0;
      transition: background .3s ease-in-out; }
      .sidebar .nav .nav-item ul {
        max-height: 0;
        padding: 0;
        margin: 0;
        overflow-y: hidden;
        transition: max-height .3s ease-in-out; }
        .sidebar .nav .nav-item ul li {
          padding: 0;
          list-style: none; }
      .sidebar .nav .nav-item .nav-link, .sidebar .nav .nav-item .navbar .dropdown-toggle, .navbar .sidebar .nav .nav-item .dropdown-toggle {
        display: block;
        padding: 0.75rem 1rem;
        color: #fff;
        text-decoration: none;
        background: transparent; }
        .sidebar .nav .nav-item .nav-link:hover, .sidebar .nav .nav-item .navbar .dropdown-toggle:hover, .navbar .sidebar .nav .nav-item .dropdown-toggle:hover, .sidebar .nav .nav-item .nav-link.active, .sidebar .nav .nav-item .navbar .active.dropdown-toggle, .navbar .sidebar .nav .nav-item .active.dropdown-toggle {
          color: #fff;
          background: #198cff; }
          .sidebar .nav .nav-item .nav-link:hover i, .sidebar .nav .nav-item .navbar .dropdown-toggle:hover i, .navbar .sidebar .nav .nav-item .dropdown-toggle:hover i, .sidebar .nav .nav-item .nav-link.active i, .sidebar .nav .nav-item .navbar .active.dropdown-toggle i, .navbar .sidebar .nav .nav-item .active.dropdown-toggle i {
            color: #fff !important; }
          .sidebar .nav .nav-item .nav-link:hover:before, .sidebar .nav .nav-item .navbar .dropdown-toggle:hover:before, .navbar .sidebar .nav .nav-item .dropdown-toggle:hover:before, .sidebar .nav .nav-item .nav-link.active:before, .sidebar .nav .nav-item .navbar .active.dropdown-toggle:before, .navbar .sidebar .nav .nav-item .active.dropdown-toggle:before {
            position: absolute;
            content: "\F105";
            top: 9px;
            right: 15px; }
        .sidebar .nav .nav-item .nav-link [class^="icon-"], .sidebar .nav .nav-item .navbar .dropdown-toggle [class^="icon-"], .navbar .sidebar .nav .nav-item .dropdown-toggle [class^="icon-"], .sidebar .nav .nav-item .nav-link [class*=" icon-"], .sidebar .nav .nav-item .navbar .dropdown-toggle [class*=" icon-"], .navbar .sidebar .nav .nav-item .dropdown-toggle [class*=" icon-"] {
          display: inline-block;
          margin-top: -4px;
          vertical-align: middle; }
        .sidebar .nav .nav-item .nav-link i, .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar .nav .nav-item .dropdown-toggle i {
          width: 20px;
          margin: 0 0.5rem 0 0;
          font-size: 14px;
          color: #b0bec5;
          text-align: center; }
        .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle:before, .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle:before, .navbar .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle:before {
          position: absolute;
          top: 15px;
          right: 1rem;
          display: block;
          width: 0.875rem;
          height: 0.875rem;
          padding: 0;
          font-size: 0.875rem;
          line-height: 0.65625rem;
          text-align: center;
          content: "\F107";
          transition: .3s;
          color: rgba(255, 255, 255, 0.4); }
        .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle:hover:before, .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle:hover:before, .navbar .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle:hover:before {
          color: white; }
      .sidebar .nav .nav-item.nav-dropdown.open {
        background: #198cff; }
        .sidebar .nav .nav-item.nav-dropdown.open > ul, .sidebar .nav .nav-item.nav-dropdown.open > ol {
          max-height: 1000px;
          background: #000; }
          .sidebar .nav .nav-item.nav-dropdown.open > ul li a:hover, .sidebar .nav .nav-item.nav-dropdown.open > ol li a:hover {
            color: #00fff5;
            background: transparent; }
            .sidebar .nav .nav-item.nav-dropdown.open > ul li a:hover:before, .sidebar .nav .nav-item.nav-dropdown.open > ol li a:hover:before {
              position: absolute;
              content: "\F105";
              top: 9px;
              right: 15px; }
        .sidebar .nav .nav-item.nav-dropdown.open .nav-link, .sidebar .nav .nav-item.nav-dropdown.open .navbar .dropdown-toggle, .navbar .sidebar .nav .nav-item.nav-dropdown.open .dropdown-toggle {
          color: #fff;
          border-left: 0 !important; }
          .sidebar .nav .nav-item.nav-dropdown.open .nav-link.active, .sidebar .nav .nav-item.nav-dropdown.open .navbar .active.dropdown-toggle, .navbar .sidebar .nav .nav-item.nav-dropdown.open .active.dropdown-toggle {
            color: #00fff5;
            background: transparent; }
            .sidebar .nav .nav-item.nav-dropdown.open .nav-link.active:before, .sidebar .nav .nav-item.nav-dropdown.open .navbar .active.dropdown-toggle:before, .navbar .sidebar .nav .nav-item.nav-dropdown.open .active.dropdown-toggle:before {
              position: absolute;
              content: "\F105";
              top: 9px;
              right: 15px; }
        .sidebar .nav .nav-item.nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, .sidebar .nav .navbar .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar .nav .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
          top: 11px;
          transform: rotate(180deg);
          color: white; }
        .sidebar .nav .nav-item.nav-dropdown.open .nav-dropdown.open {
          border-left: 0; }
        .sidebar .nav .nav-item.nav-dropdown.open i {
          color: #fff; }
      .sidebar .nav .nav-item.nav-dropdown.nt {
        transition: 0s !important; }
        .sidebar .nav .nav-item.nav-dropdown.nt > ul, .sidebar .nav .nav-item.nav-dropdown.nt > ol {
          transition: 0s !important; }
        .sidebar .nav .nav-item.nav-dropdown.nt .nav-link.nav-dropdown-toggle::before, .sidebar .nav .nav-item.nav-dropdown.nt .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar .nav .nav-item.nav-dropdown.nt .nav-dropdown-toggle.dropdown-toggle::before {
          transition: 0s !important; }
      .sidebar .nav .nav-item .nav-label {
        display: block;
        padding: 0.09375rem 1rem;
        color: #cfd8dc; }
        .sidebar .nav .nav-item .nav-label:hover {
          color: #fff;
          text-decoration: none; }
        .sidebar .nav .nav-item .nav-label i {
          width: 20px;
          margin: -3px 0.5rem 0 0;
          font-size: 10px;
          color: #b0bec5;
          text-align: center;
          vertical-align: middle; }
      .sidebar .nav .nav-item .progress {
        background-color: #455b66 !important; }

@media (min-width: 992px) {
  .sidebar-compact .sidebar .sidebar-nav {
    width: 150px; }
  .sidebar-compact .sidebar .nav {
    width: 150px; }
    .sidebar-compact .sidebar .nav .nav-title {
      text-align: center; }
    .sidebar-compact .sidebar .nav .nav-item {
      width: 150px;
      border-left: 0 !important; }
      .sidebar-compact .sidebar .nav .nav-item .nav-link, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle {
        text-align: center; }
        .sidebar-compact .sidebar .nav .nav-item .nav-link i, .sidebar-compact .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar-compact .sidebar .nav .nav-item .dropdown-toggle i {
          display: block;
          width: 100%;
          margin: 0.25rem 0;
          font-size: 24px; }
        .sidebar-compact .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before, .sidebar-compact .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-compact .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
          top: 30px; }
  .sidebar-minimized .hidden-cn {
    display: none; }
  .sidebar-minimized .sidebar {
    z-index: 1019; }
    .sidebar-minimized .sidebar:hover {
      overflow: visible; }
    .sidebar-minimized .sidebar .sidebar-nav {
      overflow: visible;
      width: 50px; }
    .sidebar-minimized .sidebar .nav {
      width: 50px; }
      .sidebar-minimized .sidebar .nav .nav-title, .sidebar-minimized .sidebar .nav .divider {
        display: none; }
      .sidebar-minimized .sidebar .nav .nav-item {
        width: 50px;
        overflow: hidden;
        border-left: 0 !important; }
        .sidebar-minimized .sidebar .nav .nav-item ul {
          background: #263238; }
        .sidebar-minimized .sidebar .nav .nav-item .nav-link, .sidebar-minimized .sidebar .nav .nav-item .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav .nav-item .dropdown-toggle {
          position: relative;
          padding-left: 0;
          margin: 0;
          white-space: nowrap;
          border-left: 0 !important; }
          .sidebar-minimized .sidebar .nav .nav-item .nav-link.nav-dropdown-toggle::before, .sidebar-minimized .sidebar .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar .sidebar-minimized .sidebar .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
            display: none; }
          .sidebar-minimized .sidebar .nav .nav-item .nav-link i, .sidebar-minimized .sidebar .nav .nav-item .navbar .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .nav .nav-item .dropdown-toggle i {
            display: block;
            float: left;
            width: 50px;
            padding: 0;
            margin: 0 !important;
            font-size: 18px; }
          .sidebar-minimized .sidebar .nav .nav-item .nav-link:hover, .sidebar-minimized .sidebar .nav .nav-item .navbar .dropdown-toggle:hover, .navbar .sidebar-minimized .sidebar .nav .nav-item .dropdown-toggle:hover {
            width: 200px; }
        .sidebar-minimized .sidebar .nav .nav-item ul {
          position: absolute;
          left: 50px; }
          .sidebar-minimized .sidebar .nav .nav-item ul li {
            position: relative;
            padding: 0; }
            .sidebar-minimized .sidebar .nav .nav-item ul li .nav-link, .sidebar-minimized .sidebar .nav .nav-item ul li .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav .nav-item ul li .dropdown-toggle {
              width: 150px; }
            .sidebar-minimized .sidebar .nav .nav-item ul li ul, .sidebar-minimized .sidebar .nav .nav-item ul li ol {
              position: absolute;
              top: 0;
              left: 100%; }
        .sidebar-minimized .sidebar .nav .nav-item.nav-dropdown.open {
          background: #304047; }
          .sidebar-minimized .sidebar .nav .nav-item.nav-dropdown.open > .nav-link i, .sidebar-minimized .sidebar .nav .navbar .nav-item.nav-dropdown.open > .dropdown-toggle i, .navbar .sidebar-minimized .sidebar .nav .nav-item.nav-dropdown.open > .dropdown-toggle i {
            color: #03a9f4; }
          .sidebar-minimized .sidebar .nav .nav-item.nav-dropdown.open > ul, .sidebar-minimized .sidebar .nav .nav-item.nav-dropdown.open > ol {
            display: none; }
        .sidebar-minimized .sidebar .nav .nav-item:hover {
          width: 250px;
          overflow: visible;
          background: #03a9f4;
          transition: 0s; }
          .sidebar-minimized .sidebar .nav .nav-item:hover > .nav-link, .sidebar-minimized .sidebar .nav .navbar .nav-item:hover > .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav .nav-item:hover > .dropdown-toggle {
            width: 250px; }
          .sidebar-minimized .sidebar .nav .nav-item:hover > ul, .sidebar-minimized .sidebar .nav .nav-item:hover > ol {
            display: inline;
            max-height: 10000px;
            transition: 0s; }
            .sidebar-minimized .sidebar .nav .nav-item:hover > ul li, .sidebar-minimized .sidebar .nav .nav-item:hover > ol li {
              width: 200px; }
              .sidebar-minimized .sidebar .nav .nav-item:hover > ul li .nav-link, .sidebar-minimized .sidebar .nav .nav-item:hover > ul li .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav .nav-item:hover > ul li .dropdown-toggle, .sidebar-minimized .sidebar .nav .nav-item:hover > ol li .nav-link, .sidebar-minimized .sidebar .nav .nav-item:hover > ol li .navbar .dropdown-toggle, .navbar .sidebar-minimized .sidebar .nav .nav-item:hover > ol li .dropdown-toggle {
                width: 200px; }
          .sidebar-minimized .sidebar .nav .nav-item:hover.nav-dropdown.open > ul, .sidebar-minimized .sidebar .nav .nav-item:hover.nav-dropdown.open > ol {
            display: inline; } }

.switch.switch-default {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer; }
  .switch.switch-default .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch.switch-default .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    transition: opacity background .15s ease-out; }
  .switch.switch-default .switch-input:checked ~ .switch-label::before {
    opacity: 0; }
  .switch.switch-default .switch-input:checked ~ .switch-label::after {
    opacity: 1; }
  .switch.switch-default .switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 1px;
    transition: left .15s ease-out; }
  .switch.switch-default .switch-input:checked ~ .switch-handle {
    left: 18px; }
  .switch.switch-default.switch-lg {
    width: 48px;
    height: 28px; }
    .switch.switch-default.switch-lg .switch-label {
      font-size: 12px; }
    .switch.switch-default.switch-lg .switch-handle {
      width: 24px;
      height: 24px; }
    .switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle {
      left: 22px; }
  .switch.switch-default.switch-sm {
    width: 32px;
    height: 20px; }
    .switch.switch-default.switch-sm .switch-label {
      font-size: 8px; }
    .switch.switch-default.switch-sm .switch-handle {
      width: 16px;
      height: 16px; }
    .switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle {
      left: 14px; }
  .switch.switch-default.switch-xs {
    width: 24px;
    height: 16px; }
    .switch.switch-default.switch-xs .switch-label {
      font-size: 7px; }
    .switch.switch-default.switch-xs .switch-handle {
      width: 12px;
      height: 12px; }
    .switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle {
      left: 10px; }

.switch.switch-text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer; }
  .switch.switch-text .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch.switch-text .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    transition: opacity background .15s ease-out; }
  .switch.switch-text .switch-label::before,
  .switch.switch-text .switch-label::after {
    position: absolute;
    top: 50%;
    width: 50%;
    margin-top: -.5em;
    line-height: 1;
    text-align: center;
    transition: inherit; }
  .switch.switch-text .switch-label::before {
    right: 1px;
    color: #cfd8dc;
    content: attr(data-off); }
  .switch.switch-text .switch-label::after {
    left: 1px;
    color: #fff;
    content: attr(data-on);
    opacity: 0; }
  .switch.switch-text .switch-input:checked ~ .switch-label::before {
    opacity: 0; }
  .switch.switch-text .switch-input:checked ~ .switch-label::after {
    opacity: 1; }
  .switch.switch-text .switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 1px;
    transition: left .15s ease-out; }
  .switch.switch-text .switch-input:checked ~ .switch-handle {
    left: 26px; }
  .switch.switch-text.switch-lg {
    width: 56px;
    height: 28px; }
    .switch.switch-text.switch-lg .switch-label {
      font-size: 12px; }
    .switch.switch-text.switch-lg .switch-handle {
      width: 24px;
      height: 24px; }
    .switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle {
      left: 30px; }
  .switch.switch-text.switch-sm {
    width: 40px;
    height: 20px; }
    .switch.switch-text.switch-sm .switch-label {
      font-size: 8px; }
    .switch.switch-text.switch-sm .switch-handle {
      width: 16px;
      height: 16px; }
    .switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle {
      left: 22px; }
  .switch.switch-text.switch-xs {
    width: 32px;
    height: 16px; }
    .switch.switch-text.switch-xs .switch-label {
      font-size: 7px; }
    .switch.switch-text.switch-xs .switch-handle {
      width: 12px;
      height: 12px; }
    .switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle {
      left: 18px; }

.switch.switch-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer; }
  .switch.switch-icon .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch.switch-icon .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    transition: opacity background .15s ease-out; }
  .switch.switch-icon .switch-label::before,
  .switch.switch-icon .switch-label::after {
    position: absolute;
    top: 50%;
    width: 50%;
    margin-top: -.5em;
    line-height: 1;
    text-align: center;
    transition: inherit; }
  .switch.switch-icon .switch-label::before {
    right: 1px;
    color: #cfd8dc;
    content: attr(data-off); }
  .switch.switch-icon .switch-label::after {
    left: 1px;
    color: #fff;
    content: attr(data-on);
    opacity: 0; }
  .switch.switch-icon .switch-input:checked ~ .switch-label::before {
    opacity: 0; }
  .switch.switch-icon .switch-input:checked ~ .switch-label::after {
    opacity: 1; }
  .switch.switch-icon .switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 1px;
    transition: left .15s ease-out; }
  .switch.switch-icon .switch-input:checked ~ .switch-handle {
    left: 26px; }
  .switch.switch-icon.switch-lg {
    width: 56px;
    height: 28px; }
    .switch.switch-icon.switch-lg .switch-label {
      font-size: 12px; }
    .switch.switch-icon.switch-lg .switch-handle {
      width: 24px;
      height: 24px; }
    .switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle {
      left: 30px; }
  .switch.switch-icon.switch-sm {
    width: 40px;
    height: 20px; }
    .switch.switch-icon.switch-sm .switch-label {
      font-size: 8px; }
    .switch.switch-icon.switch-sm .switch-handle {
      width: 16px;
      height: 16px; }
    .switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle {
      left: 22px; }
  .switch.switch-icon.switch-xs {
    width: 32px;
    height: 16px; }
    .switch.switch-icon.switch-xs .switch-label {
      font-size: 7px; }
    .switch.switch-icon.switch-xs .switch-handle {
      width: 12px;
      height: 12px; }
    .switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle {
      left: 18px; }

.switch.switch-3d {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer; }
  .switch.switch-3d .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch.switch-3d .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #eceff1;
    border: 1px solid #cfd8dc;
    border-radius: 2px;
    transition: opacity background .15s ease-out; }
  .switch.switch-3d .switch-input:checked ~ .switch-label::before {
    opacity: 0; }
  .switch.switch-3d .switch-input:checked ~ .switch-label::after {
    opacity: 1; }
  .switch.switch-3d .switch-handle {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #cfd8dc;
    border-radius: 1px;
    transition: left .15s ease-out;
    border: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
  .switch.switch-3d .switch-input:checked ~ .switch-handle {
    left: 16px; }
  .switch.switch-3d.switch-lg {
    width: 48px;
    height: 28px; }
    .switch.switch-3d.switch-lg .switch-label {
      font-size: 12px; }
    .switch.switch-3d.switch-lg .switch-handle {
      width: 28px;
      height: 28px; }
    .switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle {
      left: 20px; }
  .switch.switch-3d.switch-sm {
    width: 32px;
    height: 20px; }
    .switch.switch-3d.switch-sm .switch-label {
      font-size: 8px; }
    .switch.switch-3d.switch-sm .switch-handle {
      width: 20px;
      height: 20px; }
    .switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle {
      left: 12px; }
  .switch.switch-3d.switch-xs {
    width: 24px;
    height: 16px; }
    .switch.switch-3d.switch-xs .switch-label {
      font-size: 7px; }
    .switch.switch-3d.switch-xs .switch-handle {
      width: 16px;
      height: 16px; }
    .switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle {
      left: 8px; }

.switch-pill .switch-label, .switch.switch-3d .switch-label,
.switch-pill .switch-handle,
.switch.switch-3d .switch-handle {
  border-radius: 50em !important; }

.switch-pill .switch-label::before, .switch.switch-3d .switch-label::before {
  right: 2px !important; }

.switch-pill .switch-label::after, .switch.switch-3d .switch-label::after {
  left: 2px !important; }

.switch-primary > .switch-input:checked ~ .switch-label {
  background: #03a9f4 !important;
  border-color: #0286c2; }

.switch-primary > .switch-input:checked ~ .switch-handle {
  border-color: #0286c2; }

.switch-primary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #03a9f4; }
  .switch-primary-outline > .switch-input:checked ~ .switch-label::after {
    color: #03a9f4; }

.switch-primary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #03a9f4; }

.switch-primary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #03a9f4; }
  .switch-primary-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #03a9f4; }

.switch-primary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #03a9f4 !important;
  border-color: #03a9f4; }

.switch-secondary > .switch-input:checked ~ .switch-label {
  background: #cfd8dc !important;
  border-color: #b2c0c6; }

.switch-secondary > .switch-input:checked ~ .switch-handle {
  border-color: #b2c0c6; }

.switch-secondary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #cfd8dc; }
  .switch-secondary-outline > .switch-input:checked ~ .switch-label::after {
    color: #cfd8dc; }

.switch-secondary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #cfd8dc; }

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #cfd8dc; }
  .switch-secondary-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #cfd8dc; }

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #cfd8dc !important;
  border-color: #cfd8dc; }

.switch-success > .switch-input:checked ~ .switch-label {
  background: #4dbd74 !important;
  border-color: #3a9d5d; }

.switch-success > .switch-input:checked ~ .switch-handle {
  border-color: #3a9d5d; }

.switch-success-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #4dbd74; }
  .switch-success-outline > .switch-input:checked ~ .switch-label::after {
    color: #4dbd74; }

.switch-success-outline > .switch-input:checked ~ .switch-handle {
  border-color: #4dbd74; }

.switch-success-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #4dbd74; }
  .switch-success-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #4dbd74; }

.switch-success-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #4dbd74 !important;
  border-color: #4dbd74; }

.switch-info > .switch-input:checked ~ .switch-label {
  background: #63c2de !important;
  border-color: #39b2d5; }

.switch-info > .switch-input:checked ~ .switch-handle {
  border-color: #39b2d5; }

.switch-info-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #63c2de; }
  .switch-info-outline > .switch-input:checked ~ .switch-label::after {
    color: #63c2de; }

.switch-info-outline > .switch-input:checked ~ .switch-handle {
  border-color: #63c2de; }

.switch-info-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #63c2de; }
  .switch-info-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #63c2de; }

.switch-info-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #63c2de !important;
  border-color: #63c2de; }

.switch-warning > .switch-input:checked ~ .switch-label {
  background: #f8cb00 !important;
  border-color: #c5a100; }

.switch-warning > .switch-input:checked ~ .switch-handle {
  border-color: #c5a100; }

.switch-warning-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8cb00; }
  .switch-warning-outline > .switch-input:checked ~ .switch-label::after {
    color: #f8cb00; }

.switch-warning-outline > .switch-input:checked ~ .switch-handle {
  border-color: #f8cb00; }

.switch-warning-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8cb00; }
  .switch-warning-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #f8cb00; }

.switch-warning-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #f8cb00 !important;
  border-color: #f8cb00; }

.switch-danger > .switch-input:checked ~ .switch-label {
  background: #f86c6b !important;
  border-color: #f63c3a; }

.switch-danger > .switch-input:checked ~ .switch-handle {
  border-color: #f63c3a; }

.switch-danger-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f86c6b; }
  .switch-danger-outline > .switch-input:checked ~ .switch-label::after {
    color: #f86c6b; }

.switch-danger-outline > .switch-input:checked ~ .switch-handle {
  border-color: #f86c6b; }

.switch-danger-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f86c6b; }
  .switch-danger-outline-alt > .switch-input:checked ~ .switch-label::after {
    color: #f86c6b; }

.switch-danger-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #f86c6b !important;
  border-color: #f86c6b; }

@media all and (-ms-high-contrast: none) {
  html {
    display: flex;
    flex-direction: column; } }

.app,
app-dashboard,
app-root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: auto !important; }

.app-header {
  flex: 0 0 55px; }

.app-body {
  display: flex;
  flex-direction: row;
  flex-grow: 1; }
  .app-body .main {
    position: relative;
    flex: 1;
    min-width: 0; }
  .app-body .sidebar {
    flex: 0 0 200px;
    order: -1; }

.header-fixed .app-header {
  position: fixed;
  z-index: 1020;
  width: 100%; }

.header-fixed .app-body {
  margin-top: 55px; }

.sidebar-hidden .sidebar {
  margin-left: -200px; }

.sidebar-fixed .sidebar {
  position: fixed;
  width: 200px;
  height: 100%; }
  .sidebar-fixed .sidebar .sidebar-nav {
    height: calc(100vh - 55px); }

.sidebar-fixed .main {
  margin-left: 200px; }

.sidebar-fixed.sidebar-hidden .main {
  margin-left: 0; }

.sidebar-off-canvas .sidebar {
  position: fixed;
  z-index: 1019;
  height: 100%; }
  .sidebar-off-canvas .sidebar .sidebar-nav {
    height: calc(100vh - 55px); }

@media (min-width: 992px) {
  .sidebar-compact .sidebar {
    flex: 0 0 150px; }
  .sidebar-compact.sidebar-hidden .sidebar {
    margin-left: -150px; }
  .sidebar-compact.sidebar-fixed .main {
    margin-left: 150px; }
  .sidebar-compact.sidebar-fixed .sidebar {
    width: 150px; }
  .sidebar-compact.sidebar-fixed.sidebar-hidden .main {
    margin-left: 0; }
  .sidebar-minimized .sidebar {
    flex: 0 0 50px; }
  .sidebar-minimized.sidebar-hidden .sidebar {
    margin-left: -50px; }
  .sidebar-minimized.sidebar-fixed .main {
    margin-left: 50px; }
  .sidebar-minimized.sidebar-fixed .sidebar {
    width: 50px; }
  .sidebar-minimized.sidebar-fixed.sidebar-hidden .main {
    margin-left: 0; } }

.app-header,
.sidebar,
.main {
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s; }

@media only screen and (max-width: 1280px) {
  .app-header {
    position: fixed !important;
    z-index: 1020;
    width: 100%; }
    .app-header .navbar-toggler {
      position: absolute;
      display: block !important;
      top: 0;
      left: 0;
      width: 70px;
      height: inherit; }
    .app-header .navbar-toggler {
      color: rgba(0, 0, 0, 0.3); }
    .app-header .navbar-brand {
      margin: 0 auto !important; }
    .app-header .navbar-nav {
      position: absolute;
      top: 0;
      right: 15px;
      height: inherit; }
  .app-body {
    margin-top: 55px; }
  .sidebar {
    position: fixed;
    width: 220px;
    height: 100%;
    margin-left: -220px; }
    .sidebar .sidebar-nav,
    .sidebar .nav {
      width: 220px !important; }
  .main {
    margin-left: 0 !important; }
  .sidebar-mobile-show .app-body {
    overflow-x: hidden; }
  .sidebar-mobile-show .sidebar {
    width: 220px;
    margin-left: 0; }
    .sidebar-mobile-show .sidebar .sidebar-nav {
      height: calc(100vh - 55px); }
  .sidebar-mobile-show .main {
    margin-right: -220px !important;
    margin-left: 220px !important; }
  .d-md-down-none-nav {
    display: none; } }

.b-a-0 {
  border: 0 !important; }

.b-t-0 {
  border-top: 0 !important; }

.b-r-0 {
  border-right: 0 !important; }

.b-b-0 {
  border-bottom: 0 !important; }

.b-l-0 {
  border-left: 0 !important; }

.b-a-1 {
  border: 1px solid #cfd8dc !important; }

.b-t-1 {
  border-top: 1px solid #cfd8dc !important; }

.b-r-1 {
  border-right: 1px solid #cfd8dc !important; }

.b-b-1 {
  border-bottom: 1px solid #cfd8dc !important; }

.b-l-1 {
  border-left: 1px solid #cfd8dc !important; }

.b-a-2 {
  border: 2px solid #cfd8dc !important; }

.b-t-2 {
  border-top: 2px solid #cfd8dc !important; }

.b-r-2 {
  border-right: 2px solid #cfd8dc !important; }

.b-b-2 {
  border-bottom: 2px solid #cfd8dc !important; }

.b-l-2 {
  border-left: 2px solid #cfd8dc !important; }

@media (max-width: 575px) {
  .d-down-none {
    display: none !important; } }

@media (max-width: 767px) {
  .d-sm-down-none {
    display: none !important; } }

@media (max-width: 991px) {
  .d-md-down-none {
    display: none !important; } }

@media (max-width: 1199px) {
  .d-lg-down-none {
    display: none !important; } }

.d-xl-down-none {
  display: none !important; }

.label-pill {
  border-radius: 1rem !important; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

*[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed; }
  *[dir="rtl"] ul {
    -webkit-padding-start: 0; }
  *[dir="rtl"] table tr th {
    text-align: right; }
  *[dir="rtl"] .breadcrumb-item {
    float: right; }
  *[dir="rtl"] .dropdown-item {
    text-align: right; }
    *[dir="rtl"] .dropdown-item i {
      margin-right: -10px;
      margin-left: 10px; }
  *[dir="rtl"] .sidebar-hidden .sidebar {
    margin-right: -200px; }
  *[dir="rtl"] .sidebar-fixed .main {
    margin-right: 200px; }
  *[dir="rtl"] .sidebar-fixed.sidebar-hidden .main {
    margin-right: 0; }
  *[dir="rtl"] .sidebar-minimized .sidebar {
    flex: 0 0 50px; }
  *[dir="rtl"] .sidebar-minimized.sidebar-hidden .sidebar {
    margin-left: -50px; }
  *[dir="rtl"] .sidebar-minimized.sidebar-fixed .main {
    margin-left: 50px; }
  *[dir="rtl"] .sidebar-minimized.sidebar-fixed.sidebar-hidden .main {
    margin-left: 0; }
  *[dir="rtl"] .sidebar .sidebar-nav {
    direction: ltr; }
    *[dir="rtl"] .sidebar .sidebar-nav * {
      direction: rtl; }
    *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link [class^="icon-"], *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle [class^="icon-"], .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle [class^="icon-"], *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link [class*=" icon-"], *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .dropdown-toggle [class*=" icon-"], .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .dropdown-toggle [class*=" icon-"] {
      margin-right: -4px; }
    *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .navbar .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item .nav-dropdown-toggle.dropdown-toggle::before {
      position: absolute;
      right: auto !important;
      left: 1rem; }
    *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-link.nav-dropdown-toggle::before, *[dir="rtl"] .sidebar .sidebar-nav .nav .navbar .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before, .navbar *[dir="rtl"] .sidebar .sidebar-nav .nav .nav-item.nav-dropdown.open > .nav-dropdown-toggle.dropdown-toggle::before {
      transform: rotate(90deg); }

.table tr.active td {
  background-color: #123456 !important;
  color: white; }

.app-header.navbar .navbar-brand {
  background-size: 80%; }

h1, h2, h3 {
  font-weight: bold; }

.consult-detail .step-state ul li:after {
  box-sizing: content-box; }
.si-float-wrapper {
  position: absolute;
  width: 100%; }
  .si-float-wrapper,
  .si-float-wrapper * {
    box-sizing: border-box; }

[class*='si-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  cursor: default; }

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%); }

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

[class*='si-shadow-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.29804;
  z-index: 1; }

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1; }

.si-shadow-frame {
  box-shadow: 0 1px 3px 0 #000; }

[class*='si-shadow-pointer'] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto; }

[class*='si-shadow-inner-pointer'] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -0.70711px 0.70711px 3px 0 #000; }

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg); }

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
          transform: translate(50%, -50%) rotate(-45deg); }

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2; }

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 30px;
  background-color: #fff; }
  .si-has-border .si-content-wrapper {
    border: 1px solid #bbb; }

.si-content {
  overflow: auto; }

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .si-close-button:hover, .si-close-button:focus {
    opacity: 0.7; }

[class*='si-pointer-border'] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3; }

[class*='si-pointer-bg'] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4; }
  .si-has-border [class*='si-pointer-bg'] {
    border-width: 15px; }

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.si-pointer-top {
  border-bottom: 0; }

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb; }

.si-pointer-bg-top {
  border-top-color: #fff; }
  .si-has-border .si-pointer-bg-top {
    top: -1px;
    margin-bottom: 0px; }

.si-pointer-bottom {
  border-top: 0; }

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb; }

.si-pointer-bg-bottom {
  border-bottom-color: #fff; }
  .si-has-border .si-pointer-bg-bottom {
    bottom: -1px;
    margin-top: 0px; }

.si-pointer-left {
  border-right: 0; }

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb; }

.si-pointer-bg-left {
  border-left-color: #fff; }
  .si-has-border .si-pointer-bg-left {
    left: -1px;
    margin-right: 0px; }

.si-pointer-right {
  border-left: 0; }

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb; }

.si-pointer-bg-right {
  border-right-color: #fff; }
  .si-has-border .si-pointer-bg-right {
    right: -1px;
    margin-left: 0px; }
@charset "UTF-8";
/* Meterial */
.acc-container {
  width: 100%;
  margin: 20px auto 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #eee; }
  .acc-container .acc-btn {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    border-top: 1px solid #eee;
    background: #f7f7f7; }
    .acc-container .acc-btn section ul {
      display: table;
      width: 100%; }
      .acc-container .acc-btn section ul li {
        display: inline-block;
        width: 20%;
        text-align: center;
        vertical-align: middle; }
        @media screen and (max-width: 635px) {
          .acc-container .acc-btn section ul li {
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: normal;
            white-space: nowrap;
            padding: 0px 5px; } }
        .acc-container .acc-btn section ul li p {
          margin: 3px 0px 0px;
          font-size: 11px;
          color: #999; }
        .acc-container .acc-btn section ul li i {
          font-size: 12px;
          vertical-align: text-top; }
          .acc-container .acc-btn section ul li i::before {
            content: "\F078"; }
          .acc-container .acc-btn section ul li i::after {
            speak: none;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
    .acc-container .acc-btn section.acc-title {
      padding: 15px 0px; }
    .acc-container .acc-btn section.selected {
      color: #fff;
      background: #198cff; }
      .acc-container .acc-btn section.selected ul li p {
        color: #f7fcff; }
      .acc-container .acc-btn section.selected ul li i::before {
        content: "\F077"; }
  .acc-container .acc-content {
    height: 0px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; }
    .acc-container .acc-content .acc-content-inner {
      position: relative;
      float: left;
      width: 100%; }
  .acc-container .open {
    height: auto; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes myfirstkeyframe {
  from {
    margin-top: 0; }
  to {
    margin-top: 10px; } }

@-moz-keyframes myfirstkeyframe {
  from {
    margin-top: 0; }
  to {
    margin-top: 10px; } }

@-o-keyframes myfirstkeyframe {
  from {
    margin-top: 0; }
  to {
    margin-top: 10px; } }

@keyframes myfirstkeyframe {
  from {
    margin-top: 0; }
  to {
    margin-top: 10px; } }

@-webkit-keyframes updown {
  from {
    margin-top: 0; }
  to {
    margin-top: 12px; } }

@-moz-keyframes updown {
  from {
    margin-top: 0; }
  to {
    margin-top: 12px; } }

@-o-keyframes updown {
  from {
    margin-top: 0; }
  to {
    margin-top: 12px; } }

@keyframes updown {
  from {
    margin-top: 0; }
  to {
    margin-top: 12px; } }

.calendar {
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  margin: 6px 0px 0px; }

.dtp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .dtp > .dtp-content {
    background: #fff;
    max-width: 300px;
    max-height: 520px;
    position: relative;
    left: 50%;
    box-shadow: 0 25px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
    .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
      background: #109ede;
      color: #fff;
      text-align: center;
      padding: 0.3em; }
  .dtp div.dtp-date, .dtp div.dtp-time {
    background: #198cff;
    text-align: center;
    color: #fff;
    padding: 10px; }
  .dtp div.dtp-date > div {
    padding: 0;
    margin: 0; }
    .dtp div.dtp-date > div .center {
      text-align: center;
      font-weight: 700;
      margin: 0; }
  .dtp div.dtp-actual-month {
    font-size: 1.5em; }
  .dtp div.dtp-actual-num, .dtp div.dtp-actual-maxtime {
    font-size: 3em;
    line-height: 0.9; }
  .dtp div.dtp-actual-year {
    font-size: 1.5em;
    color: #79d5ff; }
  .dtp div.dtp-picker {
    padding: 30px 10px;
    text-align: center; }
    .dtp div.dtp-picker line.hour-hand {
      stroke: #198cff; }
  .dtp div.dtp-picker-month, .dtp div.dtp-actual-time {
    font-weight: 500;
    text-align: center; }
  .dtp div.dtp-picker-month {
    padding-bottom: 20px !important;
    text-transform: uppercase !important;
    display: none; }
  .dtp .dtp-close {
    position: absolute;
    top: 3px;
    right: 1em; }
    .dtp .dtp-close > a {
      color: #fff; }
      .dtp .dtp-close > a:hover {
        color: #0d85bb; }
      .dtp .dtp-close > a > i {
        font-size: 16px;
        font-weight: bold; }
  .dtp table.dtp-picker-days {
    margin: 0;
    width: 100%;
    min-height: 251px;
    border: none; }
    .dtp table.dtp-picker-days thead tr th {
      border: none; }
    .dtp table.dtp-picker-days tr {
      border: none; }
      .dtp table.dtp-picker-days tr > td {
        border: none;
        font-weight: 700;
        font-size: 0.8em;
        text-align: center;
        padding: 0.5em 0.3em; }
        .dtp table.dtp-picker-days tr > td > span.dtp-select-day {
          color: #BDBDBD !important;
          padding: 9px; }
        .dtp table.dtp-picker-days tr > td > a {
          color: #212121;
          text-decoration: none;
          padding: 9px;
          border-radius: 50% !important; }
          .dtp table.dtp-picker-days tr > td > a:hover {
            color: #fff;
            background: #198cff; }
  .dtp .dtp-picker-time > a {
    color: #212121;
    text-decoration: none;
    padding: 9px;
    border-radius: 50% !important; }
  .dtp table.dtp-picker-days tr > td > a.selected {
    background: #03a9f4;
    color: #fff;
    box-shadow: 0 6px 12px -4px rgba(3, 118, 216, 0.8); }
  .dtp table.dtp-picker-days tr > th {
    color: #757575;
    text-align: center;
    font-weight: 700;
    padding: 0.4em 0.3em; }
    .dtp table.dtp-picker-days tr > th:first-child {
      color: #f44336; }
  .dtp .p10 {
    width: 6%;
    display: inline-block;
    vertical-align: middle; }
    .dtp .p10 > a {
      color: #0d85bb;
      text-decoration: none; }
      .dtp .p10 > a:hover {
        color: #6ed3ff; }
      .dtp .p10 > a .ion-ios-arrow-left {
        font-family: "Ionicons";
        content: "\F36A"; }
  .dtp .p20 {
    width: 20%;
    display: inline-block; }
  .dtp .p60 {
    width: 60%;
    display: inline-block; }
  .dtp .p80 {
    width: auto;
    display: inline-block;
    vertical-align: middle; }
  .dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
    position: relative;
    top: 10px;
    color: #212121;
    font-weight: 500;
    padding: 0.7em 0.5em;
    border-radius: 50% !important;
    text-decoration: none;
    background: #eee;
    font-size: 1em; }
  .dtp .dtp-actual-meridien a.selected {
    background: #689F38;
    color: #fff; }
  .dtp .dtp-picker-time > .dtp-select-hour, .dtp .dtp-picker-time > .dtp-select-minute {
    cursor: pointer; }
  .dtp .dtp-buttons {
    padding: 0 1em 1em 1em;
    text-align: center; }
    .dtp .dtp-buttons button {
      margin: 0px 2px;
      padding: 3px 8px;
      border-radius: 4px;
      background: #eee; }
  .dtp.hidden, .dtp .hidden {
    display: none; }
  .dtp .invisible {
    visibility: hidden; }
  .dtp .left {
    float: none;
    padding: 0 10px 0 0; }
  .dtp .right {
    float: none;
    padding: 0 0 0 10px; }
  .dtp .clearfix {
    clear: both; }
  .dtp .center {
    text-align: center;
    font-weight: bold; }

.dtp-picker-year {
  margin-bottom: 1px; }

.year-picker-item {
  text-align: center;
  padding-top: 5px;
  font-size: large;
  cursor: pointer;
  margin: 0 auto; }

.dtp-actual-year:hover {
  cursor: pointer; }

.dtp-actual-year.disabled:hover {
  cursor: inherit; }

.year-picker-item:hover {
  color: #689F38; }

.year-picker-item.active {
  color: #689F38;
  font-weight: bold; }

.dtp-select-year-range {
  display: inline-block;
  text-align: center;
  width: 100%; }

.chip {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px; }

.chip-blue {
  color: #fff;
  border: 1px solid #03a9f4;
  background: #03a9f4; }

.chip-aqua {
  color: #fff;
  border: 1px solid #00ceff;
  background: #00ceff; }

.chip-red {
  color: #fff;
  border: 1px solid #f44336;
  background: #f44336; }

.chip-green {
  color: #fff;
  border: 1px solid #8CC152;
  background: #8CC152; }

.chip-orange {
  color: #fff;
  border: 1px solid #FFA631;
  background: #FFA631; }

.chip-gray {
  color: #000;
  border: 1px solid #E6E9ED;
  background: #E6E9ED; }

#onclick-menu {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  #onclick-menu:focus {
    pointer-events: none;
    outline: none; }
    #onclick-menu:focus #onclick-menu-content {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }

#onclick-menu-content {
  position: absolute;
  width: 340px;
  right: -22px;
  top: 33px;
  z-index: 1;
  opacity: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eee;
  transition: visibility 0.5s;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
  #onclick-menu-content:before {
    content: "";
    position: absolute;
    top: -8%;
    left: 80%;
    margin-left: 11px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1; }
  #onclick-menu-content:after {
    content: "";
    position: absolute;
    top: -8%;
    left: 80%;
    margin-left: 11px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    z-index: 2; }
  #onclick-menu-content a {
    color: #000 !important;
    margin: 0 !important;
    font-size: 13px !important; }
  #onclick-menu-content li {
    display: block !important;
    padding: 10px;
    line-height: 18px !important; }

.two-menu {
  position: absolute;
  right: 0;
  top: 58px;
  width: 80%;
  cursor: pointer;
  background: #fff;
  z-index: 5;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 1024px) {
    .two-menu {
      width: 100%; } }
  .two-menu .sub-drop {
    padding: 5px 10px;
    border-top: 1px solid #eee; }
    .two-menu .sub-drop li {
      display: inline-block;
      width: 100%;
      color: #000;
      text-align: left;
      transition: all 0.3s;
      margin: 5px 0px;
      position: relative; }
      .two-menu .sub-drop li p {
        float: left;
        width: 20%;
        line-height: 14px;
        text-align: center; }
      .two-menu .sub-drop li span {
        position: relative;
        width: 100%;
        height: 40px;
        padding: 12px 10px 10px;
        border: none;
        font-size: 14px;
        color: #fff;
        background: #000;
        display: block; }
        .two-menu .sub-drop li span::before {
          content: "\F104";
          font-family: 'ionicons';
          position: absolute;
          right: 10px; }
      .two-menu .sub-drop li .menu {
        position: absolute;
        right: 0;
        top: 58px;
        width: 70%;
        max-height: 260px;
        cursor: pointer;
        background: #e6e9f0;
        z-index: 5;
        overflow: auto;
        box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
        .two-menu .sub-drop li .menu.auto {
          width: 80%; }
        @media screen and (max-width: 1024px) {
          .two-menu .sub-drop li .menu {
            width: 100%; } }
        .two-menu .sub-drop li .menu li {
          padding: 10px 10px;
          border-bottom: 1px dotted #fff;
          color: #000;
          text-align: left;
          transition: all 0.3s;
          font-size: 13px; }
          .two-menu .sub-drop li .menu li:hover, .two-menu .sub-drop li .menu li.selected {
            color: #fff;
            background: #61ccfd;
            padding-left: 20px; }
          .two-menu .sub-drop li .menu li:last-child {
            border: none; }
      .two-menu .sub-drop li ul.menu {
        top: 40px;
        left: 0;
        width: 100%; }
        @media screen and (max-width: 1024px) {
          .two-menu .sub-drop li ul.menu {
            width: 98%; } }
        @media screen and (max-width: 855px) {
          .two-menu .sub-drop li ul.menu {
            width: 97%; } }
        @media screen and (max-width: 635px) {
          .two-menu .sub-drop li ul.menu {
            width: 96%; } }
        .two-menu .sub-drop li ul.menu li {
          padding: 10px;
          margin: 0; }

.material {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px 0px;
  z-index: 2; }

.inner-material {
  position: relative;
  width: 100%;
  margin: 10px 0px;
  z-index: 1; }
  .inner-material .input-right-text {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #999; }
    .inner-material .input-right-text a {
      color: #000; }
  .inner-material.half {
    width: 49%;
    display: inline-block; }

.inner-small-width {
  display: inline-block;
  width: 22%; }

.inner-md-width {
  display: inline-block;
  width: 49%;
  vertical-align: middle; }

.effect-1, .effect-2, .effect-3 {
  border: 0;
  padding: 7px 0;
  border-bottom: 1px solid #e2e2e2; }

.effect-1 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-1:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s; }

.effect-2 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-2:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0; }

.effect-3 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 99; }
  .effect-3 ~ .focus-border:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #198cff;
    transition: 0.4s; }
  .effect-3 ~ .focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #198cff;
    transition: 0.4s;
    left: auto;
    right: 0; }

.effect-3:focus ~ .focus-border:before, .effect-3:focus ~ .focus-border:after {
  width: 50%;
  transition: 0.4s; }

.effect-4, .effect-5, .effect-6 {
  border: 0;
  padding: 5px 0 7px;
  border: 1px solid transparent;
  border-bottom-color: #e2e2e2;
  transition: 0.4s; }

.effect-4:focus, .effect-5:focus, .effect-6:focus {
  padding: 5px 14px 7px;
  transition: 0.4s; }

.effect-4 ~ .focus-border {
  position: absolute;
  height: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  z-index: -1; }

.effect-4:focus ~ .focus-border {
  transition: 0.4s;
  height: 36px;
  border: 2px solid #198cff;
  z-index: 1; }

.effect-5 ~ .focus-border {
  position: absolute;
  height: 36px;
  bottom: 0;
  left: 0;
  width: 0;
  transition: 0.4s; }

.effect-5:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  border: 2px solid #198cff; }

.effect-6 ~ .focus-border {
  position: absolute;
  height: 36px;
  bottom: 0;
  right: 0;
  width: 0;
  transition: 0.4s; }

.effect-6:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  border: 2px solid #198cff; }

.effect-7, .effect-8, .effect-9 {
  border: 1px solid #e2e2e2;
  padding: 7px 10px;
  transition: 0.4s; }
  .effect-7:focus, .effect-8:focus, .effect-9:focus {
    background: #fcfdf4; }

.effect-7 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-7 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s;
  top: auto;
  bottom: 0; }

.effect-7 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.6s; }

.effect-7 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.6s;
  left: auto;
  right: 0; }

.effect-7:focus ~ .focus-border:before, .effect-7:focus ~ .focus-border:after {
  left: 0;
  width: 100%;
  transition: 0.4s; }

.effect-7:focus ~ .focus-border i:before, .effect-7:focus ~ .focus-border i:after {
  top: 0;
  height: 100%;
  transition: 0.6s; }

.effect-8 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.3s; }

.effect-8 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.3s;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0; }

.effect-8 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.4s; }

.effect-8 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.4s;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0; }

.effect-8:focus ~ .focus-border:before, .effect-8:focus ~ .focus-border:after {
  width: 100%;
  transition: 0.3s; }

.effect-8:focus ~ .focus-border i:before, .effect-8:focus ~ .focus-border i:after {
  height: 100%;
  transition: 0.4s; }

.effect-9 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.2s;
  transition-delay: 0.2s; }

.effect-9 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.2s;
  transition-delay: 0.2s;
  top: auto;
  bottom: 0;
  right: auto;
  left: 0;
  transition-delay: 0.6s; }

.effect-9 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.2s; }

.effect-9 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.2s;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transition-delay: 0.4s; }

.effect-9:focus ~ .focus-border:before {
  width: 100%;
  transition: 0.2s;
  transition-delay: 0.6s; }

.effect-9:focus ~ .focus-border:after {
  width: 100%;
  transition: 0.2s;
  transition-delay: 0.6s;
  transition-delay: 0.2s; }

.effect-9:focus ~ .focus-border i:before {
  height: 100%;
  transition: 0.2s; }

.effect-9:focus ~ .focus-border i:after {
  height: 100%;
  transition: 0.2s;
  transition-delay: 0.4s; }

.effect-10, .effect-11, .effect-12, .effect-13, .effect-14, .effect-15 {
  border: 0;
  padding: 7px 10px;
  border: 1px solid #e2e2e2;
  position: relative;
  background: transparent; }

.effect-10 ~ .focus-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  opacity: 0;
  transition: 0.5s;
  z-index: -1; }

.effect-10:focus ~ .focus-bg {
  transition: 0.5s;
  opacity: 1; }

.effect-11 ~ .focus-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #f7fcff;
  transition: 0.3s;
  z-index: -1; }

.effect-11:focus ~ .focus-bg {
  transition: 0.3s;
  width: 100%; }

.effect-12 ~ .focus-bg {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-12:focus ~ .focus-bg {
  transition: 0.3s;
  width: 100%;
  left: 0; }

.effect-13 ~ .focus-bg:before, .effect-13 ~ .focus-bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-13:focus ~ .focus-bg:before, .effect-13:focus ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%; }

.effect-13 ~ .focus-bg:after {
  left: auto;
  right: 0; }

.effect-14 ~ .focus-bg:before, .effect-14 ~ .focus-bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-14:focus ~ .focus-bg:before, .effect-14:focus ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%; }

.effect-14 ~ .focus-bg:after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0; }

.effect-15 ~ .focus-bg:before, .effect-15 ~ .focus-bg:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-15:focus ~ .focus-bg:before {
  transition: 0.3s;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%; }

.effect-15:focus ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0; }

.effect-15 ~ .focus-bg:after {
  left: auto;
  right: 50%;
  top: auto;
  bottom: 50%; }

.effect-16, .effect-17, .effect-18 {
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid #e2e2e2;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 99; }

.effect-16 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-16:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s; }

.has-content.effect-16 ~ .focus-border {
  width: 100%;
  transition: 0.4s; }

.effect-16 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #999;
  transition: 0.3s;
  letter-spacing: 0.5px; }

.effect-16:focus ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-16 ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-17 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-17:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0; }

.effect-17:hover, .effect-17:focus {
  border: none;
  border-bottom: 1px solid #e2e2e2;
  background: transparent; }

.has-content.effect-17 ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0; }

.effect-17 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: -6px;
  color: #999;
  transition: 0.3s;
  letter-spacing: 0.5px;
  line-height: 24px; }

.effect-17:focus ~ label {
  top: -24px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-17 ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-18 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 99; }
  .effect-18 ~ .focus-border:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #198cff;
    transition: 0.4s; }
  .effect-18 ~ .focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #198cff;
    transition: 0.4s;
    left: auto;
    right: 0; }

.effect-18:focus ~ .focus-border:before, .effect-18:focus ~ .focus-border:after {
  width: 50%;
  transition: 0.4s; }

.has-content.effect-18 ~ .focus-border:before, .has-content.effect-18 ~ .focus-border:after {
  width: 50%;
  transition: 0.4s; }

.effect-18 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-18:focus ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-18 ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-19, .effect-20, .effect-21 {
  border: 1px solid #e2e2e2;
  padding: 7px 10px;
  transition: 0.4s;
  background: transparent; }
  .effect-19:hover, .effect-20:hover, .effect-21:hover {
    background: transparent; }

.effect-19 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s; }

.effect-19 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.4s;
  top: auto;
  bottom: 0; }

.effect-19 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.6s; }

.effect-19 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.6s;
  left: auto;
  right: 0; }

.effect-19:focus ~ .focus-border:before, .effect-19:focus ~ .focus-border:after {
  left: 0;
  width: 100%;
  transition: 0.4s; }

.has-content.effect-19 ~ .focus-border:before, .has-content.effect-19 ~ .focus-border:after {
  left: 0;
  width: 100%;
  transition: 0.4s; }

.effect-19:focus ~ .focus-border i:before, .effect-19:focus ~ .focus-border i:after {
  top: -1px;
  height: 100%;
  transition: 0.6s; }

.has-content.effect-19 ~ .focus-border i:before, .has-content.effect-19 ~ .focus-border i:after {
  top: -1px;
  height: 100%;
  transition: 0.6s; }

.effect-19 ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 8px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-19:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-19 ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-20:hover {
  background: transparent; }

.effect-20 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.3s; }

.effect-20 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.3s;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0; }

.effect-20 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.4s; }

.effect-20 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.4s;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0; }

.effect-20:focus ~ .focus-border:before, .effect-20:focus ~ .focus-border:after {
  width: 100%;
  transition: 0.3s; }

.has-content.effect-20 ~ .focus-border:before, .has-content.effect-20 ~ .focus-border:after {
  width: 100%;
  transition: 0.3s; }

.effect-20:focus ~ .focus-border i:before, .effect-20:focus ~ .focus-border i:after {
  height: 100%;
  transition: 0.4s; }

.has-content.effect-20 ~ .focus-border i:before, .has-content.effect-20 ~ .focus-border i:after {
  height: 100%;
  transition: 0.4s; }

.effect-20 ~ label {
  position: absolute;
  left: 10px;
  top: 15px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-20:focus ~ label {
  top: -11px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-20 ~ label {
  top: -9px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-21 ~ .focus-border:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.2s;
  transition-delay: 0.2s; }

.effect-21 ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #198cff;
  transition: 0.2s;
  transition-delay: 0.2s;
  top: auto;
  bottom: 0;
  right: auto;
  left: 0;
  transition-delay: 0.6s; }

.effect-21 ~ .focus-border i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.2s; }

.effect-21 ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 0;
  background-color: #198cff;
  transition: 0.2s;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transition-delay: 0.4s; }

.effect-21:focus ~ .focus-border:before, .effect-21:focus ~ .focus-border:after {
  width: 100%;
  transition: 0.2s;
  transition-delay: 0.6s; }

.has-content.effect-21 ~ .focus-border:before, .has-content.effect-21 ~ .focus-border:after {
  width: 100%;
  transition: 0.2s;
  transition-delay: 0.6s; }

.effect-21:focus ~ .focus-border:after, .has-content.effect-21 ~ .focus-border:after {
  transition-delay: 0.2s; }

.effect-21:focus ~ .focus-border i:before, .effect-21:focus ~ .focus-border i:after {
  height: 100%;
  transition: 0.2s; }

.has-content.effect-21 ~ .focus-border i:before, .has-content.effect-21 ~ .focus-border i:after {
  height: 100%;
  transition: 0.2s; }

.effect-21:focus ~ .focus-border i:after, .has-conten.effect-21 ~ .focus-border i:after {
  transition-delay: 0.4s; }

.effect-21 ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 10px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-21:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.has-content.effect-21 ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.effect-22, .effect-23, .effect-24 {
  border: 0;
  padding: 7px 10px;
  border: 1px solid #e2e2e2;
  position: relative;
  background: transparent; }

.effect-22 ~ .focus-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: transparent;
  transition: 0.4s;
  z-index: -1; }

.effect-22:focus ~ .focus-bg {
  transition: 0.4s;
  width: 100%;
  background-color: #f7fcff; }

.has-content.effect-22 ~ .focus-bg {
  transition: 0.4s;
  width: 100%;
  background-color: #f7f7f7; }

.effect-22 ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 10px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-22:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

.has-content.effect-22 ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

.effect-23 ~ .focus-bg:before, .effect-23 ~ .focus-bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-23:focus ~ .focus-bg:before {
  transition: 0.3s;
  width: 50%;
  height: 100%; }

.has-content.effect-23 ~ .focus-bg:before {
  transition: 0.3s;
  width: 50%;
  height: 100%; }

.effect-23 ~ .focus-bg:after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0; }

.effect-23:focus ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%; }

.has-content.effect-23 ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%; }

.effect-23 ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 10px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-23:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

.has-content.effect-23 ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

.effect-24 ~ .focus-bg:before, .effect-24 ~ .focus-bg:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background-color: #ededed;
  transition: 0.3s;
  z-index: -1; }

.effect-24:focus ~ .focus-bg:before {
  transition: 0.3s;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%; }

.has-content.effect-24 ~ .focus-bg:before {
  transition: 0.3s;
  width: 50%;
  left: 0;
  top: 0;
  height: 100%; }

.effect-24 ~ .focus-bg:after {
  left: auto;
  right: 50%;
  top: auto;
  bottom: 50%; }

.effect-24:focus ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0; }

.has-content.effect-24 ~ .focus-bg:after {
  transition: 0.3s;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0; }

.effect-24 ~ label {
  position: absolute;
  left: 14px;
  width: 100%;
  top: 10px;
  color: #999;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px; }

.effect-24:focus ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

.has-content.effect-24 ~ label {
  top: -18px;
  left: 0;
  font-size: 12px;
  color: #333;
  transition: 0.3s; }

ul.pagination2 {
  text-align: center;
  font-size: 12px;
  padding-top: 10px; }
  ul.pagination2 li {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
    color: #8c8f94;
    line-height: 1; }
    ul.pagination2 li.box {
      border: 1px solid #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
    ul.pagination2 li:hover, ul.pagination2 li.active {
      text-decoration: underline;
      color: #198cff; }
    ul.pagination2 li.active {
      cursor: default;
      font-weight: bold; }
    ul.pagination2 li.disabled {
      color: #ccc; }
      ul.pagination2 li.disabled:hover {
        text-decoration: none;
        color: #ccc;
        cursor: not-allowed; }

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px; }
  .switch .switch input {
    display: none; }
  .switch .slider, .switch .switch-bg {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3f3f3;
    box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s;
    transition: .3s;
    transition-delay: 0s, .08s; }
  .switch .slider:before, .switch .switch-bg:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .3s;
    transition: .3s;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .switch input:checked + .slider,
  .switch input:checked + .switch-bg {
    background-color: #198cff;
    box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.05);
    -webkit-transition: .3s;
    transition: .3s;
    transition-delay: 0s, .08s; }
  .switch input:disabled + .slider,
  .switch input:disabled + .switch-bg {
    cursor: not-allowed; }
  .switch input:checked + .slider:before,
  .switch input:checked + .switch-bg:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: .3s;
    transition: .3s;
    transition-delay: 0s, .08s; }
  .switch .slider.round,
  .switch .switch-bg.round {
    border-radius: 20px; }
  .switch .slider.round:before,
  .switch .switch-bg.round:before {
    border-radius: 50%; }

.mat-card {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  position: relative;
  padding: 24px;
  border-radius: 2px;
  background: #fff;
  color: rgba(0, 0, 0, 0.87); }

ul.ngx-pagination {
  margin-top: 1rem;
  text-align: center;
  clear: both;
  display: block; }

.new-label label {
  position: absolute;
  top: -17px;
  left: 0px;
  color: #999; }

.cbx {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 1px solid #c8ccd4;
  border-radius: 3px;
  vertical-align: text-top;
  transition: background 0.1s ease;
  cursor: pointer; }
  .cbx:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 3px;
    width: 3px;
    height: 7px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s; }

.lbl {
  margin-left: 3px;
  vertical-align: text-top;
  cursor: pointer;
  font-size: 12px;
  color: #999; }
  .lbl::after {
    color: #198cff; }
  .lbl:hover {
    color: #000; }

.cbx:checked ~ .cbx {
  border-color: transparent;
  background: #198cff;
  animation: jelly 0.6s ease; }
  .cbx:checked ~ .cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1); }

.cbx:checked ~ .lbl {
  color: #000; }

.cntr {
  position: relative;
  margin: 3px 0px 0px; }
  .cntr input {
    display: none; }
  .cntr label {
    margin-bottom: 0; }

@-moz-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }

@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }

@-o-keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }

@keyframes jelly {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }

.half-input {
  position: relative;
  float: right;
  width: 48%; }
  .half-input:first-child {
    float: left; }

.full-width-input {
  position: relative;
  display: inline-block;
  margin: 20px 0px 0px;
  width: 100%; }

.select-effect {
  float: left; }

.check-btn,
.radio-btn {
  display: inline-block; }
  .check-btn input,
  .radio-btn input {
    position: absolute;
    left: -9999px; }
    .check-btn input:checked + label,
    .radio-btn input:checked + label {
      background-color: #f44336;
      transition: background-color .2s, box-shadow .2s; }
      .check-btn input:checked + label::before,
      .radio-btn input:checked + label::before {
        color: #fff; }
      .check-btn input:checked + label.blue,
      .radio-btn input:checked + label.blue {
        background-color: #198cff;
        transition: background-color .2s, box-shadow .2s; }
      .check-btn input:checked + label::before,
      .radio-btn input:checked + label::before {
        color: #fff; }
  .check-btn label.blue,
  .radio-btn label.blue {
    display: inline-block;
    position: relative;
    min-width: 90px;
    margin: 0px;
    padding: 5px 15px 5px 30px;
    border: 3px solid #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    background-color: #ccc;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s; }
    .check-btn label.blue::before,
    .radio-btn label.blue::before {
      font-family: "Ionicons";
      content: "\F121";
      display: block;
      position: absolute;
      top: 8px;
      bottom: 10px;
      left: 10px;
      width: 32px;
      text-align: left;
      color: #8c8f94;
      transition: background-color .2s; }
    .check-btn label.blue.blue-trans,
    .radio-btn label.blue.blue-trans {
      padding: 5px 15px;
      margin: 3px 0px 0px; }
      .check-btn label.blue.blue-trans::before,
      .radio-btn label.blue.blue-trans::before {
        content: ''; }
  .check-btn label:hover,
  .check-btn input:focus + label,
  .radio-btn label:hover,
  .radio-btn input:focus + label {
    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .check-btn label.blue:hover,
  .check-btn input:focus + label,
  .radio-btn label.blue:hover,
  .radio-btn input:focus + label {
    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.radiobtn-info {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin: 10px 0px;
  padding: 10px 0px;
  background: #f7f7f7; }
  .radiobtn-info:first-child {
    margin: 21px 0px 0px; }

.checkbox-info {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin: 10px 0px;
  padding: 10px 0px; }

.radiobtn {
  position: relative;
  height: 45px;
  line-height: 29px; }
  .radiobtn.disabled input[type="radio"] {
    cursor: no-drop; }
  .radiobtn.disabled label:before {
    background: #999; }
  .radiobtn label {
    margin-left: 50px; }
    .radiobtn label:before {
      content: "";
      width: 9px;
      height: 9px;
      background: #198cff;
      position: absolute;
      left: 25px;
      top: 19px;
      box-sizing: border-box;
      border-radius: 50%; }
  .radiobtn input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 100;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    cursor: pointer; }
  .radiobtn .bullet {
    position: relative;
    width: 25px;
    height: 25px;
    left: 17px;
    top: 11px;
    border: 5px solid #198cff;
    opacity: 0;
    border-radius: 50%;
    z-index: 99; }
  .radiobtn input[type="radio"]:checked ~ .bullet {
    position: absolute;
    opacity: 1;
    animation-name: explode;
    animation-duration: 0.350s; }
  .radiobtn .line {
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #198cff;
    opacity: 0; }
    .radiobtn .line.zero {
      left: 11px;
      top: -21px;
      transform: translateY(20px);
      width: 2px;
      height: 10px; }
    .radiobtn .line.one {
      right: -7px;
      top: -11px;
      transform: rotate(-55deg) translate(-9px); }
    .radiobtn .line.two {
      right: -20px;
      top: 11px;
      transform: translate(-9px); }
    .radiobtn .line.three {
      right: -8px;
      top: 35px;
      transform: rotate(55deg) translate(-9px); }
    .radiobtn .line.four {
      left: -8px;
      top: -11px;
      transform: rotate(55deg) translate(9px); }
    .radiobtn .line.five {
      left: -20px;
      top: 11px;
      transform: translate(9px); }
    .radiobtn .line.six {
      left: -8px;
      top: 35px;
      transform: rotate(-55deg) translate(9px); }
    .radiobtn .line.seven {
      left: 11px;
      bottom: -21px;
      transform: translateY(-20px);
      width: 2px;
      height: 10px; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.zero {
    animation-name: drop-zero;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.one {
    animation-name: drop-one;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.two {
    animation-name: drop-two;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.three {
    animation-name: drop-three;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.four {
    animation-name: drop-four;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.five {
    animation-name: drop-five;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.six {
    animation-name: drop-six;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }
  .radiobtn input[type="radio"]:checked ~ .bullet .line.seven {
    animation-name: drop-seven;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards; }

@keyframes explode {
  0% {
    opacity: 0;
    transform: scale(10); }
  60% {
    opacity: 1;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes drop-zero {
  0% {
    opacity: 0;
    transform: translateY(20px);
    height: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: translateY(-2px);
    height: 0px;
    opacity: 0; } }

@keyframes drop-one {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(-20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: rotate(-55deg) translate(9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-two {
  0% {
    opacity: 0;
    transform: translate(-20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: translate(9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-three {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(-20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: rotate(55deg) translate(9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-four {
  0% {
    opacity: 0;
    transform: rotate(55deg) translate(20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: rotate(55deg) translate(-9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-five {
  0% {
    opacity: 0;
    transform: translate(20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: translate(-9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-six {
  0% {
    opacity: 0;
    transform: rotate(-55deg) translate(20px);
    width: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: rotate(-55deg) translate(-9px);
    width: 0px;
    opacity: 0; } }

@keyframes drop-seven {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    height: 10px; }
  20% {
    opacity: 1; }
  100% {
    transform: translateY(2px);
    height: 0px;
    opacity: 0; } }

.auto-complate-open {
  position: absolute;
  width: 100%;
  max-height: 300px;
  background: #198cff;
  color: #fff;
  z-index: 99;
  overflow-y: auto;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
  .auto-complate-open ul {
    position: relative;
    z-index: 9; }
    .auto-complate-open ul li {
      display: block;
      padding: 10px 0px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      word-wrap: normal;
      padding: 10px;
      border-top: 1px solid #1483f3;
      font-size: 12px;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .auto-complate-open ul li:first-child {
        border: none; }
      .auto-complate-open ul li:hover {
        background: #1483f3;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .auto-complate-open ul li.selected {
        background: #1483f3; }
      .auto-complate-open ul li .port-label {
        display: inline-block;
        width: 42px;
        text-align: center;
        padding: 2px 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        margin: 0px 4px 0px 0px;
        background: #967ADC; }
      .auto-complate-open ul li .air-label {
        display: inline-block;
        width: 42px;
        text-align: center;
        padding: 2px 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        margin: 0px 4px 0px 0px;
        background: #48CFAD; }
      .auto-complate-open ul li .city-label {
        display: inline-block;
        width: 42px;
        text-align: center;
        padding: 2px 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        margin: 0px 4px 0px 0px;
        background: #E9573F; }

.filebox {
  float: right;
  font-size: 12px; }
  .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .filebox label {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .filebox label:hover {
      color: #fff;
      border: 1px solid #198cff;
      background: #198cff;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .filebox .upload-name {
    display: inline-block;
    padding: .5em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.basic-input {
  font-size: 12px;
  border: 1px solid #eee;
  padding: 2px 5px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .basic-input:focus {
    border: 1px solid #ccc;
    background: #fefff6;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.sweet-modal-overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transform: translate3D(0, 0, 0);
  -webkit-perspective: 500px;
  opacity: 0;
  transition: opacity 0.26s; }
  .sweet-modal-overlay.bounce .sweet-modal-box {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate;
    animation-name: bounce;
    animation-duration: 0.1s;
    animation-iteration-count: 2;
    animation-direction: alternate; }
  .sweet-modal-overlay .sweet-modal-box {
    -webkit-transform: scale(0.9) translateY(-32px);
    transform: scale(0.9) translateY(-32px);
    opacity: 0;
    transition-property: transform, -webkit-transform, opacity;
    transition-duration: 0.3s;
    transition-delay: 0.05s;
    transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); }
    .sweet-modal-overlay .sweet-modal-box .sweet-modal-content {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px); }
    .sweet-modal-overlay .sweet-modal-box .sweet-modal-buttons {
      -webkit-transform: translateY(16px);
      transform: translateY(16px); }
    .sweet-modal-overlay .sweet-modal-box .sweet-modal-content, .sweet-modal-overlay .sweet-modal-box .sweet-modal-buttons {
      opacity: 0;
      transition-property: transform, -webkit-transform, opacity;
      transition-duration: 0.3s;
      transition-delay: 0.141s;
      transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02); }
  .sweet-modal-overlay.open {
    display: block;
    opacity: 1; }
    .sweet-modal-overlay.open .sweet-modal-box {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
      top: 5% !important; }
      @media screen and (max-width: 635px) {
        .sweet-modal-overlay.open .sweet-modal-box {
          top: 0% !important; } }
      .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content, .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-buttons {
        -webkit-transform: none;
        transform: none;
        opacity: 1; }
      .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer {
        padding: 0; }
        .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer h3 {
          float: none;
          display: inline-block;
          width: auto;
          font-size: 18px;
          margin: 0 10px 0 0; }
        .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .search-btn-area {
          position: absolute;
          top: -5px;
          left: 140px; }
          @media screen and (max-width: 1024px) {
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .search-btn-area {
              position: relative;
              top: 0;
              left: 0; } }
          .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .search-btn-area button {
            vertical-align: middle; }
        .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search {
          position: absolute;
          width: 20%;
          margin: 0;
          right: 0;
          top: -12px; }
          @media screen and (max-width: 1024px) {
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search {
              position: relative;
              width: 100%;
              margin: 10px 0 20px;
              top: 0; } }
          .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search .effect-11 {
            padding: 7px 10px; }
          .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search .input-right-text {
            top: 7px;
            right: 10px;
            color: #999; }
        .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .company-layer {
          width: 100%; }
          .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .company-layer .company-info-box {
            padding: 20px; }
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .company-layer .company-info-box .check-list-layer-top {
              margin: 0; }
        .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .table-mobile-scroll {
          margin: 0 0 20px; }
          @media screen and (max-width: 635px) {
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .table-mobile-scroll {
              width: 100%;
              overflow-x: auto;
              white-space: nowrap; } }
          @media screen and (max-width: 635px) {
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .table-mobile-scroll .fwder-list {
              width: auto; } }
          .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .table-mobile-scroll .fwder-list tbody tr td {
            font-size: 12px; }
            .sweet-modal-overlay.open .sweet-modal-box .sweet-modal-content .contents .management-layer .table-mobile-scroll .fwder-list tbody tr td .ui-select-match span.btn {
              font-size: 12px;
              padding: 5px; }
      .sweet-modal-overlay.open .sweet-modal-box .modal-bottom-btn {
        display: block;
        text-align: center;
        margin: 0 auto 40px; }
        .sweet-modal-overlay.open .sweet-modal-box .modal-bottom-btn button {
          border-radius: 50px;
          padding: 6px 25px; }
          .sweet-modal-overlay.open .sweet-modal-box .modal-bottom-btn button.btn-gray:hover {
            color: #fff;
            border: 1px solid #f44336;
            background: #f44336; }
      .sweet-modal-overlay.open .sweet-modal-box.big {
        top: 0% !important;
        margin: 10px 0; }
      .sweet-modal-overlay.open .sweet-modal-box.md {
        top: 0% !important; }

.sweet-modal-close {
  position: absolute;
  z-index: 4000;
  right: 18px;
  top: 10px;
  cursor: pointer; }
  .sweet-modal-close a.sweet-modal-close-link {
    font-family: "Ionicons";
    display: block;
    font-size: 16px;
    line-height: 21px;
    color: #999; }
    .sweet-modal-close a.sweet-modal-close-link::before {
      content: "\F12A"; }
    .sweet-modal-close a.sweet-modal-close-link:hover {
      color: #f44336; }

.sweet-modal-overlay.tabbed .sweet-modal-close {
  top: 6px;
  right: 12px; }

@media screen and (max-width: 420px) {
  .sweet-modal-close {
    top: 14px;
    right: 18px; } }

.sweet-modal-box {
  font-size: 14px;
  position: absolute;
  width: 64%;
  left: 18%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 96px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 8px 46px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.03);
  top: 20%;
  overflow: hidden; }
  .sweet-modal-box .sweet-modal-content + .sweet-modal-buttons {
    margin: 0 auto 40px;
    text-align: center; }
  .sweet-modal-box.alert, .sweet-modal-box.prompt {
    width: 50%;
    left: 25%; }
  .sweet-modal-box.big {
    width: 80%;
    left: 10%; }
    @media only screen and (max-width: 768px) {
      .sweet-modal-box.big {
        width: 90%;
        left: 5%;
        margin: 0; } }
    @media screen and (max-width: 635px) {
      .sweet-modal-box.big {
        width: 100%;
        left: 0%;
        margin: 0; } }
  .sweet-modal-box.md {
    width: 40%;
    min-width: 710px;
    left: 30%;
    top: 0%; }
    @media screen and (max-width: 1024px) {
      .sweet-modal-box.md {
        width: 100%;
        left: 0;
        margin: 0; } }
    @media screen and (max-width: 635px) {
      .sweet-modal-box.md {
        width: 100%;
        left: 0;
        margin: 0; } }

@media screen and (max-width: 777px) {
  .sweet-modal-box {
    width: 82%;
    left: 9%; } }

@media screen and (max-width: 420px) {
  .sweet-modal-box {
    width: 100%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0px; }
    .sweet-modal-box.prompt, .sweet-modal-box.alert {
      width: 100%;
      height: 100%;
      max-height: 100%;
      left: 0;
      margin-top: 0;
      margin-bottom: 0;
      border-radius: 0px; } }

.sweet-modal-title-wrap {
  padding: 10px;
  border-bottom: 1px solid #eee;
  background: #f3f7f9; }

.sweet-modal-overlay.tabbed .sweet-modal-title-wrap {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px; }

.sweet-modal-title h3 {
  font-size: 20px;
  margin: 0;
  text-align: center; }

.sweet-modal-title h2 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  color: #292c34;
  margin-top: 2px;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .sweet-modal-title h2 {
      font-size: 14px; } }

.sweet-modal-title .sweet-modal-tabs-links {
  margin-left: -36px;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-right: -16px; }
  .sweet-modal-title .sweet-modal-tabs-links ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto; }
    .sweet-modal-title .sweet-modal-tabs-links ul li {
      display: block; }
      .sweet-modal-title .sweet-modal-tabs-links ul li a {
        display: block;
        position: relative;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        color: #999;
        transition: all 0.2s;
        cursor: pointer; }
        .sweet-modal-title .sweet-modal-tabs-links ul li a label {
          cursor: pointer;
          display: block; }
        .sweet-modal-title .sweet-modal-tabs-links ul li a .icon {
          display: block;
          margin: auto;
          height: 24px;
          width: 28px; }
          .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg {
            width: 100%;
            height: 100%;
            fill: #999;
            transition: fill 0.2s; }
            .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg path {
              fill: #999;
              transition: fill 0.2s; }
          .sweet-modal-title .sweet-modal-tabs-links ul li a .icon + label {
            margin-top: 8px; }
        .sweet-modal-title .sweet-modal-tabs-links ul li a::after {
          content: '';
          opacity: 0;
          width: 0px;
          height: 0px;
          border: 6px solid transparent;
          border-bottom-color: #e0e0e0;
          position: absolute;
          bottom: 0px;
          left: 50%;
          margin-left: -6px;
          transition: all 0.2s; }
      .sweet-modal-title .sweet-modal-tabs-links ul li + li a {
        border-left: 1px solid #e0e0e0; }
      .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a {
        border-right: 1px solid #e0e0e0; }
      .sweet-modal-title .sweet-modal-tabs-links ul li:hover a {
        color: #292c34; }
        .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg {
          fill: #292c34; }
          .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg path {
            fill: #292c34; }
      .sweet-modal-title .sweet-modal-tabs-links ul li.active a {
        color: #09c;
        font-weight: 600;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        cursor: default; }
        .sweet-modal-title .sweet-modal-tabs-links ul li.active a label {
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
          cursor: default; }
        .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg {
          fill: #09c; }
          .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg path {
            fill: #09c; }
        .sweet-modal-title .sweet-modal-tabs-links ul li.active a::after {
          opacity: 1; }

.sweet-modal-overlay.tabbed .sweet-modal-title .sweet-modal-tabs-links {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -16px;
  margin-bottom: -16px; }
  .sweet-modal-overlay.tabbed .sweet-modal-title .sweet-modal-tabs-links ul li a {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px; }

.sweet-modal-content {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 12.5px;
  padding: 30px; }
  @media screen and (max-width: 1024px) {
    .sweet-modal-content {
      position: relative;
      padding: 20px 10px; } }
  .sweet-modal-content p:first-child {
    margin-top: 0; }
  .sweet-modal-content pre {
    overflow-x: auto; }
  .sweet-modal-content b {
    font-weight: 600; }
  .sweet-modal-content .sweet-modal-icon {
    margin-bottom: 24px; }
  .sweet-modal-content .sweet-modal-prompt [type=text], .sweet-modal-content .sweet-modal-prompt [type=password], .sweet-modal-content .sweet-modal-prompt [type=number] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

.add-port-modal .sub-title {
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px solid #e2e2e2; }
  .add-port-modal .sub-title h2 {
    font-size: 14px;
    margin: 0; }

.add-port-modal .form-group {
  margin: 0; }
  .add-port-modal .form-group .col-form-label {
    width: 120px;
    padding: 12px 0 0 13px; }
  .add-port-modal .form-group .col-md-9 {
    padding: 0;
    margin: 5px 0; }
    .add-port-modal .form-group .col-md-9 .inner-material {
      margin: 0; }
    .add-port-modal .form-group .col-md-9 .agm-map-container-inner {
      margin: 10px 0 0; }

.add-port-modal .form-horizontal .sub-title {
  margin: 20px 0 5px; }

.add-port-modal .bottom-btn button {
  border-radius: 50px; }
  .add-port-modal .bottom-btn button.btn-gray:hover {
    background: #f44336;
    box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }

@media screen and (max-width: 420px) {
  .sweet-modal-content {
    overflow: auto;
    margin-bottom: 64px; } }

.sweet-modal-box.alert .sweet-modal-content {
  text-align: center;
  font-size: 16px;
  padding-top: 64px;
  padding-bottom: 64px; }

.sweet-modal-buttons {
  border-top: 1px solid #e0e0e0;
  margin-top: 48px;
  text-align: center;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 18px;
  padding-bottom: 18px; }
  .sweet-modal-buttons a.button, .sweet-modal-buttons button {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 5px;
    min-width: 64px;
    transition: all 0.2s;
    outline: 0; }
  .sweet-modal-buttons a.button:active, .sweet-modal-buttons button:active {
    background: #006b8f;
    color: #ccf2ff;
    border-color: #004d66;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.4); }
  .sweet-modal-buttons a.accentB.button, .sweet-modal-buttons button.accentB {
    background: #09c;
    border-color: #006b8f; }
  .sweet-modal-buttons a.accentB.button:hover, .sweet-modal-buttons button.accentB:hover {
    background: #00b8f5; }
  .sweet-modal-buttons a.accentB.button:active, .sweet-modal-buttons button.accentB:active {
    background: #006b8f;
    color: #ccf2ff;
    border-color: #004d66; }
  .sweet-modal-buttons a.accentB.bordered.button, .sweet-modal-buttons button.accentB.bordered {
    background: none;
    border-color: #09c;
    color: #09c; }
  .sweet-modal-buttons a.accentB.bordered.button:hover, .sweet-modal-buttons button.accentB.bordered:hover {
    background: #09c;
    color: #fff;
    border-color: #006b8f; }
  .sweet-modal-buttons a.accentB.bordered.button:active, .sweet-modal-buttons button.accentB.bordered:active {
    background: #006b8f;
    color: #ccf2ff;
    border-color: #004d66; }
  .sweet-modal-buttons a.redB.button, .sweet-modal-buttons button.redB {
    background: #E64A33;
    border-color: #c42e18; }
  .sweet-modal-buttons a.redB.button:hover, .sweet-modal-buttons button.redB:hover {
    background: #ea6a57; }
  .sweet-modal-buttons a.redB.button:active, .sweet-modal-buttons button.redB:active {
    background: #c42e18;
    color: #fff;
    border-color: #9f2614; }
  .sweet-modal-buttons a.redB.bordered.button, .sweet-modal-buttons button.redB.bordered {
    background: none;
    border-color: #E64A33;
    color: #E64A33; }
  .sweet-modal-buttons a.redB.bordered.button:hover, .sweet-modal-buttons button.redB.bordered:hover {
    background: #E64A33;
    color: #fff;
    border-color: #c42e18; }
  .sweet-modal-buttons a.redB.bordered.button:active, .sweet-modal-buttons button.redB.bordered:active {
    background: #c42e18;
    color: #fff;
    border-color: #9f2614; }
  .sweet-modal-buttons a.blueB.button, .sweet-modal-buttons button.blueB {
    background: #27AAE1;
    border-color: #1985b2; }
  .sweet-modal-buttons a.blueB.button:hover, .sweet-modal-buttons button.blueB:hover {
    background: #1e9ed4; }
  .sweet-modal-buttons a.blueB.button:active, .sweet-modal-buttons button.blueB:active {
    background: #1985b2;
    color: #fff;
    border-color: #146a8e; }
  .sweet-modal-buttons a.blueB.bordered.button, .sweet-modal-buttons button.blueB.bordered {
    background: none;
    border-color: #27AAE1;
    color: #27AAE1; }
  .sweet-modal-buttons a.blueB.bordered.button:hover, .sweet-modal-buttons button.blueB.bordered:hover {
    background: #27AAE1;
    color: #fff;
    border-color: #1985b2; }
  .sweet-modal-buttons a.blueB.bordered.button:active, .sweet-modal-buttons button.blueB.bordered:active {
    background: #1985b2;
    color: #fff;
    border-color: #146a8e; }
  .sweet-modal-buttons a.greenA.button, .sweet-modal-buttons button.greenA {
    background: #22ad6d;
    border-color: #22ad6d; }
  .sweet-modal-buttons a.greenB.button, .sweet-modal-buttons button.greenB {
    background: #B7D968;
    border-color: #a0cd37; }
  .sweet-modal-buttons a.greenB.button:hover, .sweet-modal-buttons button.greenB:hover {
    background: #c7e189; }
  .sweet-modal-buttons a.greenB.button:active, .sweet-modal-buttons button.greenB:active {
    background: #a0cd37;
    color: #fff;
    border-color: #88af2c; }
  .sweet-modal-buttons a.greenB.bordered.button, .sweet-modal-buttons button.greenB.bordered {
    background: none;
    border-color: #B7D968;
    color: #B7D968; }
  .sweet-modal-buttons a.greenB.bordered.button:hover, .sweet-modal-buttons button.greenB.bordered:hover {
    background: #B7D968;
    color: #fff;
    border-color: #a0cd37; }
  .sweet-modal-buttons a.greenB.bordered.button:active, .sweet-modal-buttons button.greenB.bordered:active {
    background: #a0cd37;
    color: #fff;
    border-color: #88af2c; }
  .sweet-modal-buttons a.darkGreyB.button, .sweet-modal-buttons button.darkGreyB {
    background: #5A5A5A;
    border-color: #3b3b3b;
    color: #292c34; }
  .sweet-modal-buttons a.darkGreyB.button:hover, .sweet-modal-buttons button.darkGreyB:hover {
    background: #464646;
    color: #343842; }
  .sweet-modal-buttons a.darkGreyB.button:active, .sweet-modal-buttons button.darkGreyB:active {
    background: #3b3b3b;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
    border-color: #272727; }
  .sweet-modal-buttons a.darkGreyB.bordered.button, .sweet-modal-buttons button.darkGreyB.bordered {
    background: none;
    border-color: #5A5A5A;
    color: #5A5A5A; }
  .sweet-modal-buttons a.darkGreyB.bordered.button:hover, .sweet-modal-buttons button.darkGreyB.bordered:hover {
    background: #5A5A5A;
    color: #292c34;
    border-color: #5A5A5A; }
  .sweet-modal-buttons a.darkGreyB.bordered.button:active, .sweet-modal-buttons button.darkGreyB.bordered:active {
    background: #3b3b3b;
    color: #000;
    border-color: #272727; }
  .sweet-modal-buttons a.lightGreyB.button, .sweet-modal-buttons button.lightGreyB {
    background: #999;
    border-color: #7a7a7a;
    color: #292c34; }
  .sweet-modal-buttons a.lightGreyB.button:hover, .sweet-modal-buttons button.lightGreyB:hover {
    background: #858585;
    color: #343842; }
  .sweet-modal-buttons a.lightGreyB.button:active, .sweet-modal-buttons button.lightGreyB:active {
    background: #7a7a7a;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
    border-color: #666; }
  .sweet-modal-buttons a.lightGreyB.bordered.button, .sweet-modal-buttons button.lightGreyB.bordered {
    background: none;
    border-color: #999;
    color: #999; }
  .sweet-modal-buttons a.lightGreyB.bordered.button:hover, .sweet-modal-buttons button.lightGreyB.bordered:hover {
    background: #999;
    color: #292c34;
    border-color: #999; }
  .sweet-modal-buttons a.lightGreyB.bordered.button:active, .sweet-modal-buttons button.lightGreyB.bordered:active {
    background: #7a7a7a;
    color: #1a1a1a;
    border-color: #666; }
  .sweet-modal-buttons a.yellowB.button, .sweet-modal-buttons button.yellowB {
    background: #f39c12;
    border-color: #be780a; }
  .sweet-modal-buttons a.yellowB.button:hover, .sweet-modal-buttons button.yellowB:hover {
    background: #f5ac39; }
  .sweet-modal-buttons a.yellowB.button:active, .sweet-modal-buttons button.yellowB:active {
    background: #be780a;
    color: #fff;
    border-color: #976008; }
  .sweet-modal-buttons a.yellowB.bordered.button, .sweet-modal-buttons button.yellowB.bordered {
    background: none;
    border-color: #f39c12;
    color: #f39c12; }
  .sweet-modal-buttons a.yellowB.bordered.button:hover, .sweet-modal-buttons button.yellowB.bordered:hover {
    background: #f39c12;
    color: #fff;
    border-color: #be780a; }
  .sweet-modal-buttons a.yellowB.bordered.button:active, .sweet-modal-buttons button.yellowB.bordered:active {
    background: #be780a;
    color: #fff;
    border-color: #976008; }
  .sweet-modal-buttons a.purpleB.button, .sweet-modal-buttons button.purpleB {
    background: #673AB7;
    border-color: #4d2b89; }
  .sweet-modal-buttons a.purpleB.button:hover, .sweet-modal-buttons button.purpleB:hover {
    background: #7c52c8; }
  .sweet-modal-buttons a.purpleB.button:active, .sweet-modal-buttons button.purpleB:active {
    background: #4d2b89;
    color: #f7f4fc;
    border-color: #3b216a; }
  .sweet-modal-buttons a.purpleB.bordered.button, .sweet-modal-buttons button.purpleB.bordered {
    background: none;
    border-color: #673AB7;
    color: #673AB7; }
  .sweet-modal-buttons a.purpleB.bordered.button:hover, .sweet-modal-buttons button.purpleB.bordered:hover {
    background: #673AB7;
    color: #fff;
    border-color: #4d2b89; }
  .sweet-modal-buttons a.purpleB.bordered.button:active, .sweet-modal-buttons button.purpleB.bordered:active {
    background: #4d2b89;
    color: #f7f4fc;
    border-color: #3b216a; }
  .sweet-modal-buttons a.tealB.button, .sweet-modal-buttons button.tealB {
    background: #009688;
    border-color: #005951; }
  .sweet-modal-buttons a.tealB.button:hover, .sweet-modal-buttons button.tealB:hover {
    background: #00bfad; }
  .sweet-modal-buttons a.tealB.button:active, .sweet-modal-buttons button.tealB:active {
    background: #005951;
    color: #96fff5;
    border-color: #00302c; }
  .sweet-modal-buttons a.tealB.bordered.button, .sweet-modal-buttons button.tealB.bordered {
    background: none;
    border-color: #009688;
    color: #009688; }
  .sweet-modal-buttons a.tealB.bordered.button:hover, .sweet-modal-buttons button.tealB.bordered:hover {
    background: #009688;
    color: #fff;
    border-color: #005951; }
  .sweet-modal-buttons a.tealB.bordered.button:active, .sweet-modal-buttons button.tealB.bordered:active {
    background: #005951;
    color: #96fff5;
    border-color: #00302c; }
  .sweet-modal-buttons a.brownB.button, .sweet-modal-buttons button.brownB {
    background: #795548;
    border-color: #533a31; }
  .sweet-modal-buttons a.brownB.button:hover, .sweet-modal-buttons button.brownB:hover {
    background: #936757; }
  .sweet-modal-buttons a.brownB.button:active, .sweet-modal-buttons button.brownB:active {
    background: #533a31;
    color: #e8dcd8;
    border-color: #392822; }
  .sweet-modal-buttons a.brownB.bordered.button, .sweet-modal-buttons button.brownB.bordered {
    background: none;
    border-color: #795548;
    color: #795548; }
  .sweet-modal-buttons a.brownB.bordered.button:hover, .sweet-modal-buttons button.brownB.bordered:hover {
    background: #795548;
    color: #fff;
    border-color: #533a31; }
  .sweet-modal-buttons a.brownB.bordered.button:active, .sweet-modal-buttons button.brownB.bordered:active {
    background: #533a31;
    color: #e8dcd8;
    border-color: #392822; }
  .sweet-modal-buttons a.orangeB.button, .sweet-modal-buttons button.orangeB {
    background: #F57C00;
    border-color: #b85d00; }
  .sweet-modal-buttons a.orangeB.button:hover, .sweet-modal-buttons button.orangeB:hover {
    background: #ff901f; }
  .sweet-modal-buttons a.orangeB.button:active, .sweet-modal-buttons button.orangeB:active {
    background: #b85d00;
    color: #fffaf5;
    border-color: #8f4800; }
  .sweet-modal-buttons a.orangeB.bordered.button, .sweet-modal-buttons button.orangeB.bordered {
    background: none;
    border-color: #F57C00;
    color: #F57C00; }
  .sweet-modal-buttons a.orangeB.bordered.button:hover, .sweet-modal-buttons button.orangeB.bordered:hover {
    background: #F57C00;
    color: #fff;
    border-color: #b85d00; }
  .sweet-modal-buttons a.orangeB.bordered.button:active, .sweet-modal-buttons button.orangeB.bordered:active {
    background: #b85d00;
    color: #fffaf5;
    border-color: #8f4800; }
  .sweet-modal-buttons a.pinkB.button, .sweet-modal-buttons button.pinkB {
    background: #E91E63;
    border-color: #b8124a; }
  .sweet-modal-buttons a.pinkB.button:hover, .sweet-modal-buttons button.pinkB:hover {
    background: #ed437d; }
  .sweet-modal-buttons a.pinkB.button:active, .sweet-modal-buttons button.pinkB:active {
    background: #b8124a;
    color: #fff;
    border-color: #930e3b; }
  .sweet-modal-buttons a.pinkB.bordered.button, .sweet-modal-buttons button.pinkB.bordered {
    background: none;
    border-color: #E91E63;
    color: #E91E63; }
  .sweet-modal-buttons a.pinkB.bordered.button:hover, .sweet-modal-buttons button.pinkB.bordered:hover {
    background: #E91E63;
    color: #fff;
    border-color: #b8124a; }
  .sweet-modal-buttons a.pinkB.bordered.button:active, .sweet-modal-buttons button.pinkB.bordered:active {
    background: #b8124a;
    color: #fff;
    border-color: #930e3b; }
  .sweet-modal-buttons a.secondaryB.button, .sweet-modal-buttons button.secondaryB {
    background: #292c34;
    border-color: #0e0f12; }
  .sweet-modal-buttons a.secondaryB.button:hover, .sweet-modal-buttons button.secondaryB:hover {
    background: #3b3f4b; }
  .sweet-modal-buttons a.secondaryB.button:active, .sweet-modal-buttons button.secondaryB:active {
    background: #0e0f12;
    color: #a4aab8;
    border-color: #000; }
  .sweet-modal-buttons a.secondaryB.bordered.button, .sweet-modal-buttons button.secondaryB.bordered {
    background: none;
    border-color: #292c34;
    color: #292c34; }
  .sweet-modal-buttons a.secondaryB.bordered.button:hover, .sweet-modal-buttons button.secondaryB.bordered:hover {
    background: #292c34;
    color: #fff;
    border-color: #0e0f12; }
  .sweet-modal-buttons a.secondaryB.bordered.button:active, .sweet-modal-buttons button.secondaryB.bordered:active {
    background: #0e0f12;
    color: #a4aab8;
    border-color: #000; }
  .sweet-modal-buttons a.whiteA.button, .sweet-modal-buttons button.whiteA {
    background: transparent;
    border-color: #bbb;
    color: #e4e4e4; }
  .sweet-modal-buttons a.whiteA.button:hover, .sweet-modal-buttons button.whiteA:hover {
    background: #00ceff;
    border-color: #00ceff;
    color: #fff; }
  .sweet-modal-buttons a.whiteB.button, .sweet-modal-buttons button.whiteB {
    background: #fff;
    border-color: #e0e0e0;
    color: #292c34; }
  .sweet-modal-buttons a.whiteB.button:hover, .sweet-modal-buttons button.whiteB:hover {
    background: #ebebeb;
    color: #343842; }
  .sweet-modal-buttons a.whiteB.button:active, .sweet-modal-buttons button.whiteB:active {
    background: #e0e0e0;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
    border-color: #ccc; }
  .sweet-modal-buttons a.whiteB.bordered.button, .sweet-modal-buttons button.whiteB.bordered {
    background: none;
    border-color: #fff;
    color: #fff; }
  .sweet-modal-buttons a.whiteB.bordered.button:hover, .sweet-modal-buttons button.whiteB.bordered:hover {
    background: #fff;
    color: #292c34;
    border-color: #fff; }
  .sweet-modal-buttons a.whiteB.bordered.button:active, .sweet-modal-buttons button.whiteB.bordered:active {
    background: #e0e0e0;
    color: gray;
    border-color: #ccc; }
  .sweet-modal-buttons a.darkB.button, .sweet-modal-buttons button.darkB {
    background: #5A5A5A;
    border-color: #3b3b3b; }
  .sweet-modal-buttons a.darkB.button:hover, .sweet-modal-buttons button.darkB:hover {
    background: #6e6e6e; }
  .sweet-modal-buttons a.darkB.button:active, .sweet-modal-buttons button.darkB:active {
    background: #3b3b3b;
    color: #dadada;
    border-color: #272727; }
  .sweet-modal-buttons a.darkB.bordered.button, .sweet-modal-buttons button.darkB.bordered {
    background: none;
    border-color: #5A5A5A;
    color: #5A5A5A; }
  .sweet-modal-buttons a.darkB.bordered.button:hover, .sweet-modal-buttons button.darkB.bordered:hover {
    background: #5A5A5A;
    color: #fff;
    border-color: #3b3b3b; }
  .sweet-modal-buttons a.darkB.bordered.button:active, .sweet-modal-buttons button.darkB.bordered:active {
    background: #3b3b3b;
    color: #dadada;
    border-color: #272727; }
  .sweet-modal-buttons a.disabledB.button, .sweet-modal-buttons button.disabledB {
    background: #81cded;
    border-color: #66c3ea;
    color: #1d9cd1;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .sweet-modal-buttons a.bordered.flat.button, .sweet-modal-buttons button.bordered.flat {
    border-color: transparent; }

@media screen and (max-width: 420px) {
  .sweet-modal-buttons {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #25272f; } }

@-webkit-keyframes bounce {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); } }

@keyframes bounce {
  from {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); } }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sweet-modal-icon.sweet-modal-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #fff9c4; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #fff9c4; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #fff9c4; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #fff9c4; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.sweet-modal-icon {
  position: relative;
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 30px auto 0px;
  padding: 0;
  box-sizing: content-box; }
  .sweet-modal-icon.sweet-modal-error {
    border-color: #E64A33; }
    .sweet-modal-icon.sweet-modal-error .sweet-modal-x-mark {
      position: relative;
      display: block; }
    .sweet-modal-icon.sweet-modal-error .sweet-modal-line {
      display: block;
      position: absolute;
      top: 37px;
      height: 5px;
      width: 47px;
      background-color: #E64A33;
      border-radius: 2px; }
      .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-left {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 17px; }
      .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-right {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 16px; }
  .sweet-modal-icon.sweet-modal-warning {
    border-color: #F57C00; }
    .sweet-modal-icon.sweet-modal-warning .sweet-modal-body {
      position: absolute;
      width: 5px;
      height: 47px;
      left: 50%;
      top: 10px;
      margin-left: -2px;
      border-radius: 2px;
      background-color: #F57C00; }
    .sweet-modal-icon.sweet-modal-warning .sweet-modal-dot {
      position: absolute;
      left: 50%;
      bottom: 10px;
      width: 7px;
      height: 7px;
      margin-left: -3px;
      border-radius: 50%;
      background-color: #F57C00; }
  .sweet-modal-icon.sweet-modal-info {
    border-color: #27AAE1; }
    .sweet-modal-icon.sweet-modal-info::before {
      content: '';
      position: absolute;
      width: 5px;
      height: 29px;
      left: 50%;
      bottom: 17px;
      margin-left: -2px;
      border-radius: 2px;
      background-color: #27AAE1; }
    .sweet-modal-icon.sweet-modal-info::after {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      top: 19px;
      margin-left: -3px;
      border-radius: 50%;
      background-color: #27AAE1; }
  .sweet-modal-icon.sweet-modal-success {
    border-color: #B7D968; }
    .sweet-modal-icon.sweet-modal-success::before, .sweet-modal-icon.sweet-modal-success::after {
      content: '';
      position: absolute;
      border-radius: 40px;
      width: 60px;
      height: 120px;
      background: white;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-modal-icon.sweet-modal-success::before {
      border-radius: 120px 0 0 120px;
      top: -7px;
      left: -33px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 60px 60px;
      transform-origin: 60px 60px; }
    .sweet-modal-icon.sweet-modal-success::after {
      border-radius: 0 120px 120px 0;
      top: -11px;
      left: 30px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 0px 60px;
      transform-origin: 0px 60px; }
    .sweet-modal-icon.sweet-modal-success .sweet-modal-placeholder {
      box-sizing: content-box;
      position: absolute;
      left: -4px;
      top: -4px;
      z-index: 2;
      width: 80px;
      height: 80px;
      border: 4px solid rgba(183, 217, 104, 0.2);
      border-radius: 50%; }
    .sweet-modal-icon.sweet-modal-success .sweet-modal-fix {
      position: absolute;
      left: 28px;
      top: 8px;
      z-index: 1;
      width: 7px;
      height: 90px;
      background-color: white;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-modal-icon.sweet-modal-success .sweet-modal-line {
      display: block;
      position: absolute;
      z-index: 2;
      height: 5px;
      background-color: #B7D968;
      border-radius: 2px; }
      .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-tip {
        width: 25px;
        left: 14px;
        top: 46px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-modal-icon.sweet-modal-success .sweet-modal-line.sweet-modal-long {
        width: 47px;
        right: 8px;
        top: 38px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .sweet-modal-icon.sweet-modal-custom {
    border-radius: 0;
    border: none;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }

.sweet-modal-overlay input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #25272e inset;
  -webkit-text-fill-color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.sweet-modal-overlay input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #1d1f25 inset;
  -webkit-text-fill-color: #fff;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.sweet-modal-overlay.dark-overlay {
  background: rgba(28, 30, 35, 0.9); }

.sweet-modal-overlay.dark-modal .sweet-modal-box {
  background: #25272e;
  color: #fff;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.03); }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title-wrap {
    border-color: #141619;
    box-shadow: 0px 1px 0px #2b2e37; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title h2 {
    color: #fff; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a {
    color: #61646b; }
    .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg {
      fill: #61646b; }
      .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li a .icon svg path {
        fill: #61646b; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a {
    color: #fff; }
    .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg {
      fill: #fff; }
      .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:hover a .icon svg path {
        fill: #fff; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a {
    color: #09c; }
    .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg {
      fill: #09c; }
      .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a .icon svg path {
        fill: #09c; }
    .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li.active a::after {
      border-bottom-color: #1c1e23; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li + li a {
    border-left-color: #1c1e23; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title .sweet-modal-tabs-links ul li:last-child a {
    border-right-color: #1c1e23; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-close a.sweet-modal-close-link {
    background-color: #1c1e23;
    background-image: none;
    padding: 1px 0 0;
    text-align: center;
    color: #fff; }
    .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-close a.sweet-modal-close-link:hover {
      background-color: #09c; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success::before, .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success::after, .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon.sweet-modal-success .sweet-modal-fix {
    background: #25272e; }
  .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-buttons {
    border-color: #0c0d0e;
    box-shadow: inset 0px 1px 0px #2b2e37; }

.sweet-modal-overlay.dark-modal div::-webkit-scrollbar-thumb, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-thumb {
  background: #32363f; }

.sweet-modal-overlay.dark-modal div::-webkit-scrollbar-thumb:hover, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-thumb:hover {
  background: #09c; }

.sweet-modal-overlay.dark-modal div::-webkit-scrollbar-track-piece, .sweet-modal-overlay.dark-modal pre::-webkit-scrollbar-track-piece {
  background: #25272e; }

.tabs {
  position: relative;
  background: white;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eee;
  border-top: none;
  margin: 40px 0px 140px 0px; }
  .tabs input[name="tab-control"] {
    display: none; }
  .tabs .content section h2 {
    font-weight: bold;
    font-size: 18px;
    color: #428BFF; }
  .tabs ul.tab-btn {
    position: absolute;
    width: 55%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 9; }
    @media screen and (max-width: 855px) {
      .tabs ul.tab-btn {
        width: 100%; } }
  .tabs ul li {
    width: 49%;
    padding: 10px;
    text-align: center;
    display: inline-block; }
    .tabs ul li label {
      font-weight: bold;
      font-size: 14px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: #999;
      padding: 1px 0px;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      white-space: nowrap;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media screen and (max-width: 855px) {
        .tabs ul li label {
          font-size: 12px;
          padding: 3px 0px 0px; } }
      .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
        outline: 0;
        color: #000; }
  .tabs .slider {
    position: absolute;
    width: 30%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin: -4px 0 0;
    -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    box-shadow: rgba(14, 129, 181, 0.48) 0px 16px 26px -10px, rgba(0, 0, 0, 0.12) 0px 4px 25px 0px, rgba(105, 186, 224, 0.2) 0px 8px 10px -5px;
    z-index: 2; }
    @media screen and (max-width: 855px) {
      .tabs .slider {
        width: 55%; } }
    .tabs .slider .indicator {
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      height: 36px;
      background: #198cff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
  .tabs .slider-bg {
    position: absolute;
    width: 54%;
    height: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #eee;
    z-index: 1; }
    @media screen and (max-width: 855px) {
      .tabs .slider-bg {
        width: 100%; } }
  .tabs .content {
    display: inline-block;
    width: 100%;
    padding: 10px 0 0; }
    @media screen and (max-width: 855px) {
      .tabs .content {
        margin: 0; } }
    .tabs .content section {
      float: left;
      display: none;
      width: 100%;
      -webkit-animation-name: content;
      animation-name: content;
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      line-height: 1.4;
      padding: 40px 0px 0px; }
      @media screen and (max-width: 855px) {
        .tabs .content section {
          padding: 0px; } }
      .tabs .content section h2 {
        color: #428BFF;
        display: none; }
        .tabs .content section h2::after {
          content: "";
          position: relative;
          display: block;
          width: 30px;
          height: 3px;
          background: #428BFF;
          margin-top: 5px;
          left: 1px; }
  .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #fff; }
  .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); }
  .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block; }
  .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #fff; }
  .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
    -webkit-transform: translateX(87.5%);
    transform: translateX(87.5%); }
  .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block; }
  .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #428BFF; }
  .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
    -webkit-transform: translateX(200%);
    transform: translateX(200%); }
  .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block; }
  .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #428BFF; }
  .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
    -webkit-transform: translateX(300%);
    transform: translateX(300%); }
  .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block; }
  .tabs .cnsltn-fwdrs .dropdown-menu > li {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important; }

@-webkit-keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@media (max-width: 1000px) {
  .tabs ul li label br {
    display: initial; }
  .tabs ul li label svg {
    height: 1.5em; } }

.tab-lg-width {
  width: 100%; }
  .tab-lg-width ul.tab-btn {
    width: 100%; }
  .tab-lg-width ul li {
    width: 13.5%; }
  .tab-lg-width .slider {
    width: 15.5%; }
  .tab-lg-width .slider-bg {
    width: 100%;
    border-radius: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
    -webkit-transform: translateX(87%);
    transform: translateX(87%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
    -webkit-transform: translateX(180%);
    transform: translateX(180%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
    -webkit-transform: translateX(274%);
    transform: translateX(274%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
    -webkit-transform: translateX(367%);
    transform: translateX(367%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
    -webkit-transform: translateX(459%);
    transform: translateX(459%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
    display: block; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
    cursor: default;
    color: #fff; }
  .tab-lg-width input[name="tab-control"]:nth-of-type(7):checked ~ .slider {
    -webkit-transform: translateX(551%);
    transform: translateX(551%); }
  .tab-lg-width input[name="tab-control"]:nth-of-type(7):checked ~ .content > section:nth-child(7) {
    display: block; }

.tab-md-width {
  width: 100%;
  border: none; }
  .tab-md-width ul.tab-btn {
    width: 100%; }
  .tab-md-width ul li {
    width: 32%; }
  .tab-md-width .slider {
    width: 36%; }
  .tab-md-width .slider-bg {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
  .tab-md-width input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #fff; }
  .tab-md-width input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); }
  .tab-md-width input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block; }
  .tab-md-width input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #fff; }
  .tab-md-width input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
    -webkit-transform: translateX(87.5%);
    transform: translateX(87.5%); }
  .tab-md-width input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block; }
  .tab-md-width input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #fff; }
  .tab-md-width input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
    -webkit-transform: translateX(183%);
    transform: translateX(183%); }
  .tab-md-width input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block; }

.dropdown, .dropup {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }
  .dropdown-menu > .active > a {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0; }
    .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #337ab7;
      outline: 0; }
  .dropdown-menu > .disabled > a {
    color: #777; }
    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
      color: #777; }
    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
      text-decoration: none;
      cursor: not-allowed;
      background-color: transparent;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0; } }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee; }
    .nav > li.disabled > a {
      color: #777; }
      .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a {
    background-color: #eee;
    border-color: #337ab7; }
    .nav .open > a:focus, .nav .open > a:hover {
      background-color: #eee;
      border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs:not(.section-info) {
  margin: 60px 0px 10px;
  border-bottom: 1px solid #ddd; }

.nav-tabs.section-info {
  margin: 9px 0px 0px;
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0; }
    .nav-tabs > li > a:hover {
      border-color: #eee #eee #ddd; }
  .nav-tabs > li.active > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent; }
    .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
      color: #555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }
  .nav-tabs.nav-justified > li {
    float: none; }
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs.nav-justified > .active > a {
    border: 1px solid #ddd; }
    .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
      border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #fff; }
    .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
      border-bottom-color: #fff; } }

.tab-content {
  margin-top: -1px;
  background: #fff;
  border: 1px solid #e2e2e2; }
  .tab-content > .tab-pane {
    display: none;
    padding: 1rem; }
  .tab-content > .active {
    display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

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

.nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after {
  clear: both; }

.tab-half-width {
  width: 100%;
  border: none;
  margin: 20px auto; }
  .tab-half-width ul.tab-btn {
    width: 100%; }
    .tab-half-width ul.tab-btn li {
      width: 50%; }
  .tab-half-width .slider {
    width: 52%; }
  .tab-half-width .slider-bg {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
  .tab-half-width input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #fff; }
  .tab-half-width input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
    -webkit-transform: translateX(-1%);
    transform: translateX(-1%); }
  .tab-half-width input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block; }
  .tab-half-width input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #fff; }
  .tab-half-width input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
    -webkit-transform: translateX(93.5%);
    transform: translateX(93.5%); }
  .tab-half-width input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0;
  margin: 0;
  line-height: 1px;
  word-break: break-all; }

table td[class*=col-], table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none; }

:root .inner-table {
  margin: 0px 20px \0/IE9; }

.inner-table {
  display: block;
  border: none;
  padding: 0px 20px; }
  .inner-table tbody tr td {
    padding: 0px 13px 0px 0px; }
    @media screen and (max-width: 855px) {
      .inner-table tbody tr td {
        float: left;
        width: 100%;
        margin: 7px 0px;
        padding: 0px; }
        .inner-table tbody tr td div.cs-skin-underline {
          margin: 10px 0px; } }
    .inner-table tbody tr td:last-child {
      text-align: center;
      padding: 0; }
      @media screen and (max-width: 855px) {
        .inner-table tbody tr td:last-child {
          text-align: right;
          margin: 0px 0px 10px; } }
    @media screen and (max-width: 635px) {
      .inner-table tbody tr td .cfs-inner-underline {
        width: 100%; } }
  .inner-table .cargo-delete-btn {
    float: right;
    width: 100%;
    text-align: right;
    margin: 0px 0px 20px; }
    .inner-table .cargo-delete-btn .btn-delete {
      padding: 4px 12px;
      font-size: 12px;
      border-radius: 2px; }

.table-default {
  width: 100%;
  text-align: center;
  margin: 40px 0px;
  font-size: 12px;
  border: 1px solid #eee;
  table-layout: fixed; }
  @media screen and (max-width: 1199px) {
    .table-default {
      font-size: 12px; } }
  .table-default thead {
    width: 100%;
    background: #f7f7f7; }
    .table-default thead tr {
      border-bottom: 1px solid #eee; }
      .table-default thead tr th {
        border-left: 1px solid #e2e2e2;
        line-height: 18px;
        padding: 5px;
        color: #8c8f94;
        font-weight: normal;
        text-align: center; }
        .table-default thead tr th:first-child {
          border: none; }
  .table-default tbody {
    border: 1px solid #eee; }
    .table-default tbody tr {
      border-top: 1px solid #e2e2e2; }
      .table-default tbody tr.selected {
        background-color: rgba(41, 103, 182, 0.89);
        color: #FFF; }
      .table-default tbody tr:first-child {
        border: none; }
      .table-default tbody tr:nth-child(2n+2):not(.selected) {
        background: #f7f7f7; }
        .table-default tbody tr:nth-child(2n+2):not(.selected) td {
          border-left: 1px solid #e2e2e2; }
      .table-default tbody tr td {
        border-left: 1px solid #eee;
        line-height: 16px;
        padding: 5px; }
        .table-default tbody tr td:first-child {
          border: none; }
  .table-default .location-selector {
    text-align: left;
    position: relative;
    z-index: auto;
    font-size: 12px; }
    .table-default .location-selector .material {
      z-index: unset; }
    .table-default .location-selector input[type="text"] {
      font-size: 12px; }
    .table-default .location-selector .effect-17 ~ label {
      font-size: 11px; }
    .table-default .location-selector .auto-complate-open {
      z-index: 300; }
      .table-default .location-selector .auto-complate-open ul li {
        padding: 7px; }

.fare-table {
  width: 100%;
  border: 1px solid #eee; }
  .fare-table tbody tr td .small-box {
    background: #fff; }
  .fare-table tbody tr.top-tr > td:nth-child(2n+1) {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #f7fcff; }
    .fare-table tbody tr.top-tr > td:nth-child(2n+1) .small-box {
      background: #f7fcff; }
  .fare-table tbody tr.top-tr > td:first-child {
    width: 10%;
    font-weight: bold;
    color: #fff;
    background: #198cff; }

.cargo-table {
  width: 100%;
  text-align: center;
  margin: 20px 0px;
  border: 1px solid #eee; }
  .cargo-table td {
    line-height: 1.2;
    border-bottom: 1px solid #eee;
    padding: 10px 10px 0; }
    .cargo-table td:first-child {
      width: 15%;
      background: #eee;
      border-bottom: 1px solid #fff;
      font-weight: bold;
      padding: 10px; }
  .cargo-table tr:last-child td {
    border-bottom: none; }
  .cargo-table .check-truck {
    font-weight: normal;
    margin-top: 20px; }
    .cargo-table .check-truck span {
      display: block;
      margin-bottom: 5px; }
  .cargo-table ul.three li {
    width: 27%;
    margin-right: 1.3%; }
  .cargo-table ul.three.truck {
    margin-bottom: 0;
    margin-top: 10px; }
    .cargo-table ul.three.truck:first-child {
      margin-top: 0; }
  .cargo-table ul.second li {
    width: 41%;
    margin-right: 1.5%; }
  .cargo-table ul.second.truck-con {
    padding: 10px 0 0 10px;
    background: #f2f2f2;
    margin-bottom: 0; }
  .cargo-table ul {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    text-align: left; }
    .cargo-table ul li {
      display: inline-block;
      vertical-align: top; }
      .cargo-table ul li:last-child {
        margin-right: 0; }
      .cargo-table ul li.btns {
        width: 14%;
        padding-top: 26px; }
        .cargo-table ul li.btns .btn {
          width: 95%; }
      .cargo-table ul li label {
        display: block;
        text-align: left;
        margin: 0;
        color: #999;
        font-weight: bold; }
    .cargo-table ul:last-child {
      border-bottom: none;
      margin-bottom: 0; }
  .cargo-table p.truck-info {
    margin: 5px 0 10px;
    text-align: left;
    display: block; }

.table-bordered {
  clear: both;
  border: 1px solid #e6e6e6;
  width: 100%;
  margin: 5px 0px 0px;
  font-size: 11px;
  background: #dfe2e7; }

.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  background: #f2f2f2;
  text-align: center;
  border: 1px solid #ddd;
  line-height: 16px;
  padding: 5px 0px;
  vertical-align: middle; }

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
  height: 28px;
  background: #fff;
  text-align: center;
  border: 1px solid #e6e6e6;
  padding: 10px 5px;
  line-height: 1.2;
  vertical-align: middle; }

.table-bordered > tbody > tr > td.cell-close-icon {
  color: #777;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .table-bordered > tbody > tr > td.cell-close-icon:hover {
    color: #fff;
    background: #ED5565;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.table-bordered > tbody > tr > td .inner-btn {
  width: 66px;
  border-radius: 0 !important; }

.table-bordered > tbody > tr > td input.crystal, .table-bordered > tbody > tr > td textarea.crystal {
  width: 100%;
  padding: 2px;
  border: 0;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid transparent; }
  .table-bordered > tbody > tr > td input.crystal:hover, .table-bordered > tbody > tr > td textarea.crystal:hover {
    border: 1px solid #efefef; }
  .table-bordered > tbody > tr > td input.crystal:focus, .table-bordered > tbody > tr > td textarea.crystal:focus {
    border: 1px solid #efefef;
    background: #fefff4; }

.table-bordered > tbody > tr > td textarea {
  resize: vertical;
  height: 19px; }

.table-bordered .input-line {
  font-size: 11px; }
  .table-bordered .input-line.office-dtl-adrs {
    margin: 5px 0 0; }

.check-width-small {
  width: 1%; }

.check-width {
  width: 3%; }

.small-width {
  width: 6%; }

.eight-width {
  width: 8%; }

.middle-width {
  width: 10%; }

.basic-width {
  width: 15%; }

.wide-width {
  width: 20%; }

.table-recruit {
  width: 100%;
  text-align: center;
  margin: 40px 0px 0px;
  border: 1px solid #000;
  color: #fff; }
  .table-recruit thead {
    display: none; }
  .table-recruit tbody {
    border: 1px solid #000; }
    .table-recruit tbody tr {
      border-top: 1px solid #000; }
      .table-recruit tbody tr td {
        border-left: 1px solid #000;
        line-height: 22px;
        padding: 10px;
        text-align: left; }
        .table-recruit tbody tr td.title {
          text-align: center;
          color: #47c4ed;
          font-weight: bold; }
        .table-recruit tbody tr td font {
          margin: 0px 5px;
          color: #999; }

.ssm-width {
  width: 2%; }

.ssm-width2 {
  width: 3%; }

.smm-width {
  width: 4%; }

.ssm-width3 {
  width: 5%; }

.sm-width {
  width: 6%; }

.smd-width {
  width: 10%; }

.md-width {
  width: 11%; }

.mlg-width {
  width: 17%; }

.lg-width {
  width: 20%; }

.half-width {
  width: 25%; }

.auto-width {
  width: auto; }

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

.no-border-table {
  border: 0;
  width: 100%; }
  .no-border-table tbody {
    border: 0; }

.user-memo-td {
  width: 100%;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  div.cs-select:focus {
    outline: none; }

.cs-select select {
  display: none; }

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cs-select > span {
  padding-right: 3em; }
  .cs-select > span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\2713';
  margin-left: 1em; }

.cs-select > span::after {
  content: '\25BE';
  right: 1em; }

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

/* Placeholder and selected option */
div.cs-active {
  z-index: 200; }

/* Options */
.cs-select .cs-options {
  position: absolute;
  width: 100%;
  background: #fff;
  visibility: hidden; }

.cs-select.cs-active .cs-options {
  visibility: visible; }

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.cs-select li.cs-optgroup ul {
  padding-left: 1em; }

.cs-select li.cs-optgroup > span {
  cursor: default; }

/* Optgroup and optgroup label */
div.cs-skin-underline {
  background: transparent;
  font-size: 14px; }

@media screen and (max-width: 30em) {
  div.cs-skin-underline {
    font-size: 1.2em; } }

.cs-skin-underline > span {
  padding: 7px 10px;
  border: 1px solid #e2e2e2;
  color: #999;
  font-size: 12.5px; }
  .cs-skin-underline > span::after {
    font-family: 'FontAwesome';
    content: '\F078';
    right: 7px;
    top: 14px;
    font-size: 11px;
    color: #999;
    transition: transform 0.5s; }

.cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg); }

.cs-skin-underline .cs-options {
  opacity: 0;
  -webkit-transition: opacity 0.05s;
  transition: opacity 0.05s; }

.cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .cs-skin-underline.cs-active .cs-options ul {
    max-height: 300px;
    overflow-y: auto;
    color: #fff;
    background: #198cff;
    -moz-box-shadow: 0px 9px 20px -3px rgba(6, 130, 236, 0.7);
    -webkit-box-shadow: 0px 9px 20px -3px rgba(6, 130, 236, 0.7);
    box-shadow: 0px 9px 20px -3px rgba(6, 130, 236, 0.7); }
    .cs-skin-underline.cs-active .cs-options ul li {
      display: block;
      width: 100%;
      text-align: left;
      padding: 1px;
      border-bottom: 1px solid #0597d8; }
      .cs-skin-underline.cs-active .cs-options ul li:last-child {
        float: left;
        width: 100%;
        border: none; }

.cs-skin-underline ul span {
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.cs-select ul span::after {
  content: '';
  opacity: 0; }

.cs-select .cs-selected span::after {
  font-family: 'FontAwesome';
  content: '\F00C';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s; }

.cs-skin-underline.cs-active ul span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .cs-skin-underline.cs-active ul span::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.cs-skin-underline li:nth-child(5) span, .cs-skin-underline.cs-active li:first-child span {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .cs-skin-underline li:nth-child(5) span::before, .cs-skin-underline.cs-active li:first-child span::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }

.cs-skin-underline li:nth-child(4) span, .cs-skin-underline.cs-active li:nth-child(2) span {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }
  .cs-skin-underline li:nth-child(4) span::before, .cs-skin-underline.cs-active li:nth-child(2) span::before {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s; }

.cs-skin-underline li:nth-child(3) span {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }
  .cs-skin-underline li:nth-child(3) span::before {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s; }

.cs-skin-underline li:nth-child(2) span {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
  .cs-skin-underline li:nth-child(2) span::before {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s; }

.cs-skin-underline.cs-active li:nth-child(4) span {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
  .cs-skin-underline.cs-active li:nth-child(4) span::before {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s; }

.cs-skin-underline li:first-child span, .cs-skin-underline.cs-active li:nth-child(5) span {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
  .cs-skin-underline li:first-child span::before, .cs-skin-underline.cs-active li:nth-child(5) span::before {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }

.cs-skin-underline .cs-options li span:hover, .cs-skin-underline .cs-options li.cs-focus span {
  color: #fffb54;
  background: transparent;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.cs-skin-underline li.cs-selected span {
  color: #fffb54;
  background: transparent; }

/* more items require more delay declarations */
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }
  .cd-container::after {
    content: '';
    display: table;
    clear: both; }

#cd-timeline {
  position: relative;
  padding: 4em 0; }
  #cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #eee; }
    @media only screen and (min-width: 1024px) {
      #cd-timeline::before {
        left: 50%;
        margin-left: -2px; } }

.cd-timeline-block {
  position: relative;
  margin: 2em 0; }
  @media only screen and (min-width: 1024px) {
    .cd-timeline-block {
      margin: 4em 0; }
      .cd-timeline-block:first-child {
        margin-top: 0; }
      .cd-timeline-block:last-child {
        margin-bottom: 0; } }
  .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }

.cd-timeline-date {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 42px;
  text-align: center;
  color: #fff;
  background: #198cff;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
  @media only screen and (min-width: 1024px) {
    .cd-timeline-date {
      width: 60px;
      height: 60px;
      left: 50%;
      margin-left: -30px;
      line-height: 63px;
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden; } }

.no-answer {
  background: #f44336; }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  border: 1px solid #eee;
  box-shadow: 0 3px 0 #eee; }
  .cd-timeline-content:after {
    content: "";
    display: table;
    clear: both; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 12px; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block; }

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb; }

@media only screen and (min-width: 1024px) {
  .cd-timeline-content {
    margin-left: 0;
    width: 45%;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; } }

.cd-timeline-content .cd-date {
  float: left;
  padding: 10px 0px;
  opacity: .7; }
  @media only screen and (min-width: 1024px) {
    .cd-timeline-content .cd-date {
      position: absolute;
      width: 100%;
      left: 122%;
      top: 10px;
      font-size: 12px; } }
  @media screen and (max-width: 1024px) {
    .cd-timeline-content .cd-date {
      width: 100%;
      padding: 10px 15px;
      border-top: 1px solid #d8d8d8;
      background: #f7f7f7; } }

.cd-timeline-content:hover {
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #eee; }
  @media only screen and (min-width: 1024px) {
    .cd-timeline-content::before {
      top: 24px;
      left: 100%;
      border-color: transparent;
      border-left-color: #eee; } }

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem; } }

@media only screen and (min-width: 1024px) {
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
      top: 24px;
      left: auto;
      right: 100%;
      border-color: transparent;
      border-right-color: #eee; }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
      left: auto;
      right: 122%;
      text-align: right; } }

#connected {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: auto;
  height: 400px; }
  #connected i {
    display: inline-block;
    font-size: 24px;
    padding: 7px 0px 0px 20px; }
  #connected .connented-box {
    position: relative;
    float: left;
    width: 20%;
    border: 1px solid #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
    #connected .connented-box .box-top {
      padding: 10px 15px;
      color: #000;
      background: #eee;
      font-weight: bold; }
    #connected .connented-box .connected {
      position: relative;
      margin: auto;
      padding: 10px 15px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #connected .connented-box .connected > li {
        list-style: none;
        border: 1px solid #eee;
        background: #f7f7f7;
        color: #000;
        margin: 5px 0px;
        cursor: move;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #connected .connented-box .connected > li.disabled {
          opacity: 0.5; }
        #connected .connented-box .connected > li.sortable-placeholder {
          border: 1px dashed #999;
          padding: 20px;
          background: none; }
        #connected .connented-box .connected > li dt {
          display: inline-block;
          min-width: 80px;
          text-align: center;
          padding: 10px;
          background: rgba(0, 0, 0, 0.05); }
          #connected .connented-box .connected > li dt.lavender {
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #967ADC; }
          #connected .connented-box .connected > li dt.mint {
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #48CFAD; }
          #connected .connented-box .connected > li dt.aqua {
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #00ceff; }
          #connected .connented-box .connected > li dt.blue {
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #198cff; }
          #connected .connented-box .connected > li dt.bitter {
            color: #fff;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #E9573F; }
        #connected .connented-box .connected > li dd {
          display: inline-block;
          width: 88%;
          margin: 0px 0px 0px 5px; }
          #connected .connented-box .connected > li dd form.inner-material {
            display: inline-block;
            width: 24%;
            margin: 0px;
            top: -2px;
            vertical-align: middle; }
            #connected .connented-box .connected > li dd form.inner-material .effect-17 {
              padding: 7px 0; }
              #connected .connented-box .connected > li dd form.inner-material .effect-17 ~ label {
                top: 1px; }
              #connected .connented-box .connected > li dd form.inner-material .effect-17:focus ~ label {
                display: none; }
            #connected .connented-box .connected > li dd form.inner-material .has-content.effect-17 ~ label {
              display: none; }
            #connected .connented-box .connected > li dd form.inner-material .has-content.effect-17 ~ .focus-border {
              height: 1px;
              background-color: #e2e2e2; }
          #connected .connented-box .connected > li dd form .effect-7, #connected .connented-box .connected > li dd form .effect-8, #connected .connented-box .connected > li dd form .effect-9 {
            border: 1px solid #ccc;
            padding: 4px 5px;
            transition: 0.4s;
            font-size: 12px; }
            #connected .connented-box .connected > li dd form .effect-7:focus, #connected .connented-box .connected > li dd form .effect-8:focus, #connected .connented-box .connected > li dd form .effect-9:focus {
              background: #fcfdf4; }
          #connected .connented-box .connected > li dd form .auto-complate-open {
            z-index: 1111 !important; }
    #connected .connented-box.no2 {
      float: right;
      width: 75%; }
      #connected .connented-box.no2 ul.connected::before {
        content: '';
        position: absolute;
        top: 0;
        left: 23px;
        height: 100%;
        width: 4px;
        background: #eee; }
      #connected .connented-box.no2 ul.connected > li {
        border: none;
        margin: 5px 0px 5px 32px; }
        #connected .connented-box.no2 ul.connected > li::before {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          left: 17px;
          margin-top: 15px;
          border-radius: 100px;
          background: #fff;
          border: 3px solid #eee; }
        #connected .connented-box.no2 ul.connected > li::after {
          content: '';
          position: absolute;
          width: 15px;
          height: 22px;
          left: 31px;
          border-bottom: 3px solid #eee; }
        #connected .connented-box.no2 ul.connected > li dt {
          padding: 15px; }
        #connected .connented-box.no2 ul.connected > li:hover dd {
          position: relative;
          z-index: 1000; }

.tooltips {
  position: relative;
  display: inline;
  z-index: 9; }

.tooltips .tooltip-text {
  position: absolute;
  min-width: 140px;
  bottom: 45px;
  color: #FFFFFF;
  padding: 10px 15px;
  background: #282828;
  line-height: 18px;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }

.tooltips .tooltip-text:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -59px;
  width: 0;
  height: 0;
  border-top: 8px solid #282828;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

.tooltips:hover .tooltip-text {
  visibility: visible;
  bottom: 55px;
  opacity: 0.9;
  z-index: 999;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }
  .tooltips:hover .tooltip-text.incoterms {
    bottom: 40px; }

.incoterms:after {
  left: 40px; }

button {
  outline: none;
  cursor: pointer; }

.btn {
  font-family: 'Nanum Gothic', Arial, sans-serif, 'FontAwesome';
  display: inline-block;
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 6px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:hover {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
  .btn:disabled {
    background: #ccc;
    cursor: not-allowed; }
    .btn:disabled:hover {
      color: #000;
      border: 2px solid #8c8f94;
      background: #ccc; }

.btn-default {
  border: 2px solid #ececec;
  background: #fff;
  color: #000; }
  .btn-default:hover, .btn-default:focus {
    color: #fff;
    border: 2px solid #198cff;
    background: #198cff; }

.btn-black {
  background: #000;
  color: #fff; }
  .btn-black:hover, .btn-black:focus {
    color: #fff;
    background: #313131; }

.btn-blue {
  color: #fff;
  background: #198cff; }
  .btn-blue:hover, .btn-blue:focus {
    -moz-box-shadow: 0px 8px 18px -4px rgba(80, 169, 245, 0.5);
    -webkit-box-shadow: 0px 8px 18px -4px rgba(80, 169, 245, 0.5);
    box-shadow: 0px 8px 18px -4px rgba(80, 169, 245, 0.5); }

.btn-aqua {
  color: #fff;
  background: #00ceff; }
  .btn-aqua:hover, .btn-aqua:focus {
    color: #fff;
    background: #05b3dc; }

.btn-red {
  color: #fff;
  background: #f44336; }
  .btn-red:hover, .btn-red:focus {
    color: #fff;
    background: #ea2a1c;
    box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }

.btn-green {
  color: #fff;
  background: #8CC152; }
  .btn-green:hover, .btn-green:focus {
    color: #fff;
    background: #7eb146; }

.btn-orange {
  color: #fff;
  background: #FFA631; }
  .btn-orange:hover, .btn-orange:focus {
    color: #fff;
    background: #ec982a; }

.btn-gray {
  color: #000;
  background: #E6E9ED; }
  .btn-gray:hover, .btn-gray:focus {
    color: #fff;
    background: #03a9f4; }

.btn-delete {
  color: #8c8f94;
  background: #f7f7f7; }
  .btn-delete:hover, .btn-delete:focus {
    color: #fff;
    background: #DA4453; }

.btn-lavender {
  color: #fff;
  background: #a585f5;
  box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.4); }
  .btn-lavender:hover, .btn-lavender:focus {
    background: #9575e2;
    box-shadow: 0px 3px 11px rgba(150, 122, 220, 0.4); }

.btn-blue-radius {
  color: #fff;
  border-radius: 40px;
  background: #198cff;
  -moz-box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
  -webkit-box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
  box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7); }
  .btn-blue-radius:hover, .btn-blue-radius:focus {
    border: 1px solid #967ADC;
    background: #967ADC;
    -moz-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
    -webkit-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
    box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7); }

.btn-flat {
  width: 60px;
  padding: 3px 8px 1px;
  font-size: 12px; }

.btn-sm {
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 2px; }

.btn-smfix {
  width: 60px;
  padding: 3px 8px 1px;
  font-size: 12px; }

.btn-smm {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 2px; }

.btn-md {
  padding: 6px 20px; }

.btn-mdfix {
  width: 100px;
  padding: 6px 8px;
  font-size: 12px; }

.btn-lg {
  padding: 10px 40px; }

.btn-half {
  width: 49%; }

.btn-wide {
  width: 100%; }

.btn-noradius {
  border-radius: 0px;
  padding: 6px 12px; }

.find-file-btn {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden; }
  .find-file-btn .file_input_hidden {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0; }

.dtp-btn-ok {
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  border: 1px solid #03a9f4;
  background: #03a9f4 !important; }
  .dtp-btn-ok:hover, .dtp-btn-ok:focus {
    color: #fff; }

.border-md {
  border: 2px solid #eee; }

/* Layout */
.mypage {
  position: relative; }
  .mypage .mypage-main-left {
    display: inline-block;
    width: 100%; }
    .mypage .mypage-main-left .top-state-box ul {
      display: inline-block;
      width: 100%;
      border: 1px solid #eee; }
      .mypage .mypage-main-left .top-state-box ul li {
        float: left;
        width: 14.28%;
        text-align: center;
        padding: 0px 0px 10px;
        border-left: 1px solid #eee; }
        @media screen and (max-width: 635px) {
          .mypage .mypage-main-left .top-state-box ul li {
            font-size: 12px; } }
        .mypage .mypage-main-left .top-state-box ul li:first-child {
          border: 0px; }
        .mypage .mypage-main-left .top-state-box ul li p {
          margin: 0px 0px 10px; }
          .mypage .mypage-main-left .top-state-box ul li p.state-title {
            padding: 5px 0px;
            font-weight: bold;
            background: #f7f7f7; }
  .mypage .mypage-main-right {
    display: inline-block;
    width: 100%; }
    .mypage .mypage-main-right .message-top {
      padding: 0px 0px 10px;
      margin: 20px 0px 0px;
      border-bottom: 1px solid #eee; }
      .mypage .mypage-main-right .message-top span.message-title {
        font-size: 16px;
        font-weight: bold; }
      .mypage .mypage-main-right .message-top span.new-message {
        padding: 3px 6px;
        margin: 0px 10px 0px 0px;
        color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        background: #198cff; }
      .mypage .mypage-main-right .message-top span:nth-child(3) {
        float: right; }
    .mypage .mypage-main-right .cd-container {
      width: 100%;
      max-width: 100%;
      margin: 0 auto; }
      .mypage .mypage-main-right .cd-container::after {
        content: '';
        display: table;
        clear: both; }
    .mypage .mypage-main-right #cd-timeline {
      position: relative;
      padding: 10px 10px 10px 0;
      margin-bottom: 0;
      height: 100vh;
      overflow-y: scroll; }
      .mypage .mypage-main-right #cd-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 11px;
        height: 100%;
        width: 4px;
        margin: 0px;
        background: #eee; }
    .mypage .mypage-main-right .cd-timeline-block {
      position: relative;
      margin: 10px 0; }
      .mypage .mypage-main-right .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both; }
      .mypage .mypage-main-right .cd-timeline-block:first-child {
        padding-top: 0; }
      .mypage .mypage-main-right .cd-timeline-block:last-child {
        padding-bottom: 0; }
      .mypage .mypage-main-right .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: none; }
      .mypage .mypage-main-right .cd-timeline-block a {
        color: #000; }
      .mypage .mypage-main-right .cd-timeline-block::before {
        content: '';
        position: absolute;
        top: 0;
        left: 11px;
        height: 100%;
        width: 4px;
        margin: 0px;
        background: #eee; }
    .mypage .mypage-main-right .cd-timeline-date {
      position: absolute;
      top: 0;
      left: 3px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      line-height: 22px;
      text-align: center;
      margin: 0px;
      color: #fff;
      background: #198cff;
      box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
      .mypage .mypage-main-right .cd-timeline-date i {
        font-size: 13px; }
    .mypage .mypage-main-right .no-answer {
      background: #f44336; }
    .mypage .mypage-main-right .cd-timeline-content {
      position: relative;
      width: auto;
      padding: 10px;
      margin-left: 40px;
      background: white;
      border-radius: 0.25em;
      border: 1px solid #eee;
      box-shadow: none;
      font-weight: bold;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .mypage .mypage-main-right .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both; }
      .mypage .mypage-main-right .cd-timeline-content::before {
        content: '';
        position: absolute;
        top: 5px;
        right: 100%;
        height: 0;
        width: 0;
        left: -15px;
        border: 7px solid transparent;
        border-right: 7px solid #eee; }
      .mypage .mypage-main-right .cd-timeline-content:hover {
        background: #f7fcff;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .mypage .mypage-main-right .cd-timeline-content p {
        font-weight: normal;
        margin: 3px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: normal; }
        .mypage .mypage-main-right .cd-timeline-content p.date {
          color: #999;
          font-size: 12px; }
      .mypage .mypage-main-right .cd-timeline-content i {
        position: absolute;
        right: 10px;
        color: #999;
        font-size: 11px;
        cursor: pointer;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .mypage .mypage-main-right .cd-timeline-content i:hover {
          color: #f44336;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
    .mypage .mypage-main-right .message-new {
      border: 1px solid #ddf1fb;
      background: #f7fcff;
      box-shadow: none; }
      .mypage .mypage-main-right .message-new:hover {
        background: #e1f6ff; }
      .mypage .mypage-main-right .message-new::before {
        border-right: 7px solid #ddf1fb; }
    .mypage .mypage-main-right .message-warning {
      background: #fff7f6;
      box-shadow: none;
      border: 1px solid #ffe4e1; }
      .mypage .mypage-main-right .message-warning:hover {
        background: #ffefed; }
      .mypage .mypage-main-right .message-warning::before {
        border-right: 7px solid #ffe4e1; }
    .mypage .mypage-main-right .no-touch .cd-timeline-content .cd-read-more:hover {
      background-color: #bac4cb; }
    .mypage .mypage-main-right a.message-view-all {
      display: inline-block;
      font-size: 12px;
      padding: 3px 8px;
      color: #999;
      background: #f7f7f7;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      box-shadow: none;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .mypage .mypage-main-right a.message-view-all:hover {
        color: #fff;
        background: #198cff;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1024px) {
    .mypage .tabs {
      border: none; } }
  @media screen and (max-width: 1024px) {
    .mypage .tabs .content {
      padding: 20px 0 0; } }
  @media screen and (max-width: 855px) {
    .mypage .tabs .content {
      padding: 40px 0 0; } }
  .mypage .tabs .margin-sm {
    margin-top: 10px; }

.user {
  padding: 40px 0px 10px; }
  @media screen and (max-width: 1199px) {
    .user {
      width: 100%;
      padding: 40px 20px 10px; } }
  .user .user-activity {
    min-height: 400px; }
    .user .user-activity hr {
      margin: 20px auto 50px; }
    .user .user-activity:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .user .user-activity .user-activity-box {
      float: left;
      width: 49%; }
      .user .user-activity .user-activity-box ul {
        display: inline-block;
        width: 100%;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        margin: 11px 0px 0px;
        vertical-align: top; }
        .user .user-activity .user-activity-box ul:first-child {
          margin: 0; }
        .user .user-activity .user-activity-box ul.lavender {
          background: #967ADC; }
        .user .user-activity .user-activity-box ul.mint {
          background: #48CFAD;
          text-align: center; }
        .user .user-activity .user-activity-box ul.aqua {
          background: #00ceff; }
        .user .user-activity .user-activity-box ul li {
          display: block;
          color: #fff;
          padding: 11px 0px;
          font-weight: bold; }
          .user .user-activity .user-activity-box ul li:first-child {
            width: 100%;
            padding: 5px 0px;
            text-align: center; }
          .user .user-activity .user-activity-box ul li.color-mint {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            background: #41c1a1; }
          .user .user-activity .user-activity-box ul li.color-lavender {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            background: #896fcc; }
          .user .user-activity .user-activity-box ul li.color-blue {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            background: #04c3f1; }
          .user .user-activity .user-activity-box ul li > ul {
            width: 100%;
            min-height: 0px;
            padding: 0px;
            margin: 0; }
            .user .user-activity .user-activity-box ul li > ul li {
              display: inline-block;
              width: 32.9% !important;
              text-align: center;
              padding: 0px !important; }
              .user .user-activity .user-activity-box ul li > ul li p {
                margin: 5px 0px 0px; }
    .user .user-activity .user-activity-graph {
      float: right;
      width: 49%; }
  .user .info-layer {
    float: left;
    width: 49%;
    margin: 0px 0px 40px; }
    @media screen and (max-width: 1024px) {
      .user .info-layer {
        float: none;
        width: 100%; } }
    .user .info-layer h2 {
      font-weight: bold; }
    .user .info-layer:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .user .info-layer .info-detail {
      margin: 20px 0px 10px;
      border: 1px solid #eee;
      font-size: 12px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
      .user .info-layer .info-detail ul {
        border-bottom: 1px solid #eee; }
        .user .info-layer .info-detail ul li {
          display: table-cell;
          width: 80%;
          padding: 10px 10px; }
          .user .info-layer .info-detail ul li:first-child {
            width: 20%;
            font-weight: bold;
            min-width: 120px;
            background: #f7f7f7; }
          .user .info-layer .info-detail ul li .inner-material {
            margin: 0px; }
            .user .info-layer .info-detail ul li .inner-material .effect-8 {
              padding: 4px;
              font-size: 12px; }
          .user .info-layer .info-detail ul li div.cs-skin-underline {
            width: 30%;
            font-size: 13px; }
            .user .info-layer .info-detail ul li div.cs-skin-underline > span {
              padding: 0px;
              border-bottom: none;
              color: #000; }
              .user .info-layer .info-detail ul li div.cs-skin-underline > span::after {
                right: 0.25em;
                top: 8px;
                color: #198cff; }
            .user .info-layer .info-detail ul li div.cs-skin-underline.cs-active {
              border-bottom: none; }
            .user .info-layer .info-detail ul li div.cs-skin-underline.cs-active > span::after {
              -webkit-transform: translate3d(0, -25%, 0) rotate3d(0, 0, 1, 179deg);
              transform: translate3d(0, -25%, 0) rotate3d(0, 0, 1, 179deg); }
            .user .info-layer .info-detail ul li div.cs-skin-underline .cs-options ul {
              border: none; }
              .user .info-layer .info-detail ul li div.cs-skin-underline .cs-options ul li {
                display: block;
                width: 100%;
                padding: 5px;
                background: #198cff; }
                .user .info-layer .info-detail ul li div.cs-skin-underline .cs-options ul li span {
                  padding: 5px 5px 10px; }
          .user .info-layer .info-detail ul li input.basic-input {
            font-size: 12px;
            border: 1px solid #eee;
            padding: 2px 5px;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .user .info-layer .info-detail ul li input.basic-input:focus {
              border: 1px solid #ccc;
              background: #fefff6;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
  .user .company-layer {
    float: right; }
    .user .company-layer .user-out {
      padding: 10px;
      background: #f7f7f7;
      font-size: 12px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
      .user .company-layer .user-out span {
        font-weight: normal;
        font-size: 12px;
        margin: 0px 0px 0px 10px;
        color: #999; }
      .user .company-layer .user-out button {
        float: right;
        margin-top: -4px; }
  .user .stipulation {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin: 10px 0px 0px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
  .user .stipulation-note {
    float: right;
    position: relative;
    margin: 15px 0px 0px; }
    .user .stipulation-note span.show-detail {
      padding: 4px 8px;
      border: 2px solid #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
    .user .stipulation-note #onclick-menu {
      position: relative;
      display: inline-block;
      cursor: pointer; }
      .user .stipulation-note #onclick-menu:focus {
        pointer-events: none;
        outline: none; }
        .user .stipulation-note #onclick-menu:focus #onclick-menu-content {
          opacity: 1;
          visibility: visible;
          pointer-events: auto; }
    .user .stipulation-note #onclick-menu-content {
      position: absolute;
      width: 340px;
      left: -272px;
      top: -300px;
      text-align: left;
      color: #000;
      z-index: 11;
      opacity: 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      border: none;
      transition: visibility 0.5s;
      visibility: hidden;
      background: #198cff;
      box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
      cursor: text; }
      .user .stipulation-note #onclick-menu-content:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 83%;
        margin-left: 14px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top-color: #198cff;
        z-index: 1; }
      .user .stipulation-note #onclick-menu-content:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 83%;
        margin-left: 15px;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-top-color: #198cff;
        z-index: 2; }
      .user .stipulation-note #onclick-menu-content a {
        color: #000 !important;
        margin: 0 !important;
        font-size: 13px !important; }
      .user .stipulation-note #onclick-menu-content li {
        display: block;
        padding: 10px;
        line-height: 18px; }
        .user .stipulation-note #onclick-menu-content li .stipulation-detail {
          max-height: 260px;
          overflow-y: auto;
          background: #fff;
          padding: 0px 10px; }
          .user .stipulation-note #onclick-menu-content li .stipulation-detail h2 {
            font-size: 14px; }
          .user .stipulation-note #onclick-menu-content li .stipulation-detail dl {
            margin: 0px 0px 20px;
            font-weight: normal;
            white-space: normal; }
            .user .stipulation-note #onclick-menu-content li .stipulation-detail dl dt {
              font-size: 12px;
              font-weight: bold;
              margin: 0px 0px 3px; }
            .user .stipulation-note #onclick-menu-content li .stipulation-detail dl dd {
              font-size: 11px;
              margin: 0px 0px 0px 13px;
              line-height: 15px; }

.chart {
  position: relative;
  width: 90%;
  height: 260px;
  margin: 0px 0px 0px 60px;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 100%);
  background-size: 29px 29px;
  background-position: -11px 11px; }
  .chart::before, .chart::after {
    display: inline-block;
    font-size: 0.875em; }
  .chart::before {
    display: inline-block;
    position: absolute;
    left: -3.5em;
    top: -5px;
    content: "$4k \A$3k \A$2k \A$1k \A   0";
    white-space: pre;
    height: 100%;
    line-height: 4.2;
    text-align: right; }
  .chart::after {
    content: "17/07/01 17/09/01";
    width: 110%;
    word-spacing: 36.5em;
    padding-top: 0.5em; }

.dataset {
  fill-opacity: 0.8;
  -webkit-filter: url(#dropshadow);
  filter: url(#dropshadow); }

#dataset-1 {
  fill: #50E3C2; }

#dataset-2 {
  fill: #21A6EE; }

#dataset-3 {
  fill: #807CCC; }

.chart button {
  position: absolute;
  top: -0.75em;
  right: 0;
  border: none;
  background: #198cff;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 0.25em 1em;
  font-size: 1em;
  cursor: pointer; }
  .chart button:focus {
    outline: none; }

@-webkit-keyframes raise {
  0% {
    -webkit-transform: scaleY(0.01);
    transform: scaleY(0.01); }
  75% {
    -webkit-transform: scaleY(1.1);
    transform: scaleY(1.1); }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes raise {
  0% {
    -webkit-transform: scaleY(0.01);
    transform: scaleY(0.01); }
  75% {
    -webkit-transform: scaleY(1.1);
    transform: scaleY(1.1); }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

.dataset {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: scaleY(0.01);
  transform: scaleY(0.01);
  opacity: 0.5; }

.loaded .dataset {
  opacity: 1;
  -webkit-animation: raise 0.5s ease 0.2s forwards;
  animation: raise 0.5s ease 0.2s forwards; }

.loaded #dataset-1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.loaded #dataset-2 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.loaded #dataset-3 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

@font-face {
  font-family: 'icomoon';
  src: url("/assets/fonts/icomoon.eot");
  src: url("/assets/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon.woff") format("woff"), url("/assets/fonts/icomoon.ttf") format("truetype"), url("/assets/fonts/icomoon.otf") format("opentype"), url("/assets/fonts/icomoon.svg#icomoon") format("svg"), local("?"), url("/assets/fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Nanum Gothic', Arial, sans-serif, 'FontAwesome';
  background: #fff;
  font-size: 12.5px;
  min-height: 100%; }

textarea {
  overflow: auto; }

ul, li, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0; }

i {
  font-style: normal; }

img {
  outline: 0;
  border: 0; }

* {
  box-sizing: border-box; }

h1 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0px 0px; }

h2 {
  font-size: 16px; }

hr {
  width: 30px;
  border-style: hidden;
  border-bottom: 1px solid #000;
  text-align: left;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar-button {
  width: 5px;
  height: 5px; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.disnone {
  display: none !important; }

::-moz-selection {
  color: #fff;
  background: #48CFAD; }

::selection {
  color: #fff;
  background: #48CFAD; }

:focus {
  outline: none; }

select {
  border: 1px solid #e2e2e2;
  outline: 0;
  cursor: pointer; }

input,
textarea,
label {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 12.5px;
  outline: none;
  border: none; }

pre {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 12.5px; }

input {
  width: 100%;
  color: #000;
  border-radius: 0;
  padding: 7px 10px;
  -webkit-border-radius: 0;
  border: 1px solid #e2e2e2;
  caret-color: #000;
  background: #fff; }
  input:hover, input:focus {
    border: 1px solid #198cff;
    background: #f7fcff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  input:disabled {
    background: #f3f6f9;
    cursor: not-allowed; }

textarea {
  padding: 10px;
  line-height: 1.45;
  background: #fff;
  border: 1px solid #e2e2e2;
  overflow: auto; }
  textarea:hover, textarea:focus {
    border: 1px solid #198cff;
    background: #f7fcff;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

input::-webkit-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

input:-ms-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

input:-mos-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

textarea::-webkit-input-placeholder {
  color: #a0a7b2; }

textarea:-ms-input-placeholder {
  color: #a0a7b2; }

textarea:-mos-input-placeholder {
  color: #a0a7b2; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }

::-moz-selection {
  color: #fff;
  background: #198cff; }

::selection {
  color: #fff;
  background: #198cff; }

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

a {
  outline: 0;
  border: 0;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a:hover {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

label {
  margin: 0; }

.margin-zero {
  margin: 0; }

.bottom-btn-layer {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #eee;
  text-align: center;
  padding: 40px 0px 0px;
  margin: 0px auto 100px; }
  .bottom-btn-layer a {
    margin: 0px 5px;
    cursor: pointer; }

.red {
  color: #f44336 !important; }

.page-center-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px auto; }

.no-border {
  border: none; }

.no-margin {
  margin: 0px auto; }

.shadow {
  text-shadow: #0396e1 1px 1px, #0399e4 2px 2px, #039de8 3px 3px, #039ee9 4px 4px, #039fea 5px 5px, #03a0eb 6px 6px, #03a1ec 7px 7px, #03a2ed 8px 8px, #03a3ee 9px 9px, #03a4ef 10px 10px, #03a5f0 11px 11px; }
  @media screen and (max-width: 1024px) {
    .shadow {
      text-shadow: #039fea 1px 1px, #03a0eb 2px 2px, #03a1ec 3px 3px, #03a2ed 4px 4px, #03a3ee 5px 5px, #03a4ef 6px 6px, #03a5f0 7px 7px; } }

.shadow-red {
  text-shadow: #e02f22 1px 1px, #e23124 2px 2px, #e43326 3px 3px, #e63528 4px 4px, #e8372a 5px 5px, #ea392c 6px 6px, #ec3b2e 7px 7px, #ee3d30 8px 8px, #f03f32 9px 9px, #f24134 10px 10px, #f44336 11px 11px; }
  @media screen and (max-width: 1024px) {
    .shadow-red {
      text-shadow: #e63528 1px 1px, #e8372a 2px 2px, #ea392c 3px 3px, #ec3b2e 4px 4px, #ee3d30 5px 5px, #f03f32 6px 6px, #f24134 7px 7px, #f44336 8px 8px; } }

.right {
  float: right; }

.left {
  float: left; }

.pagination {
  margin-bottom: 40px; }

#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #header .header-content {
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 0px;
    border-bottom: 1px solid #15a1d0;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (max-width: 1024px) {
      #header .header-content {
        width: 95%; } }
    #header .header-content .nav-toggle {
      display: none;
      height: 44px;
      overflow: hidden;
      position: fixed;
      right: 10px;
      text-indent: 100%;
      top: 23px;
      white-space: nowrap;
      width: 44px;
      z-index: 99999;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 1024px) {
        #header .header-content .nav-toggle {
          display: block; } }
      #header .header-content .nav-toggle:before, #header .header-content .nav-toggle:after {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        content: "";
        left: 0;
        top: 0;
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform; }
      #header .header-content .nav-toggle:before {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
      #header .header-content .nav-toggle:after {
        background-color: #198cff;
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transition-duration: 0s;
        -o-transition-duration: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s; }
      #header .header-content .nav-toggle span {
        position: absolute;
        display: inline-block;
        width: 18px;
        height: 3px;
        background-color: #fff;
        bottom: auto;
        left: 50%;
        right: auto;
        top: 50%;
        z-index: 10;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
        #header .header-content .nav-toggle span:before, #header .header-content .nav-toggle span:after {
          position: absolute;
          content: "";
          width: 100%;
          height: 100%;
          background-color: #fff;
          right: 0;
          top: 0;
          -moz-transform: translateZ(0);
          -ms-transform: translateZ(0);
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          -moz-backface-visibility: hidden;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -moz-transition: -moz-transform 0.3s;
          -o-transition: -o-transform 0.3s;
          -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s; }
        #header .header-content .nav-toggle span:before {
          -moz-transform: translateY(-6px) rotate(0deg);
          -ms-transform: translateY(-6px) rotate(0deg);
          -webkit-transform: translateY(-6px) rotate(0deg);
          transform: translateY(-6px) rotate(0deg); }
        #header .header-content .nav-toggle span:after {
          -moz-transform: translateY(6px) rotate(0deg);
          -ms-transform: translateY(6px) rotate(0deg);
          -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg); }
      #header .header-content .nav-toggle.close-nav:before {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0); }
      #header .header-content .nav-toggle.close-nav:after {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
      #header .header-content .nav-toggle.close-nav span {
        background-color: rgba(255, 255, 255, 0); }
        #header .header-content .nav-toggle.close-nav span:before, #header .header-content .nav-toggle.close-nav span:after {
          background-color: #fff; }
        #header .header-content .nav-toggle.close-nav span:before {
          -moz-transform: translateY(0) rotate(45deg);
          -ms-transform: translateY(0) rotate(45deg);
          -webkit-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg); }
        #header .header-content .nav-toggle.close-nav span:after {
          -moz-transform: translateY(0) rotate(-45deg);
          -ms-transform: translateY(0) rotate(-45deg);
          -webkit-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg); }
  #header .logo {
    width: 33%;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      #header .logo {
        width: auto;
        padding: 2px 0px 0px;
        text-align: left;
        margin: 0; } }
    #header .logo a {
      display: inline-block; }
    #header .logo img {
      width: 160px;
      text-align: center;
      margin: 0 auto; }
      #header .logo img.default-logo {
        display: block; }
      #header .logo img.fix-logo {
        display: none; }
  #header ul.primary-nav {
    float: right;
    margin-top: -1px; }
    @media screen and (max-width: 1024px) {
      #header ul.primary-nav {
        float: none;
        padding-top: 20px; }
        #header ul.primary-nav:first-child {
          padding-top: 50px; } }
  #header.fixed {
    background-color: #fff;
    box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #efefef; }
    #header.fixed .header-content {
      border-bottom: 0;
      padding: 15px 0px; }
      #header.fixed .header-content .logo img {
        display: block; }
        #header.fixed .header-content .logo img.default-logo {
          display: none; }
        #header.fixed .header-content .logo img.fix-logo {
          display: block; }
      #header.fixed .header-content .navigation a {
        color: #000; }
        #header.fixed .header-content .navigation a:hover {
          color: #198cff; }
        #header.fixed .header-content .navigation a.login {
          border: 2px solid #000; }
          #header.fixed .header-content .navigation a.login:hover {
            border: 2px solid #198cff;
            color: #fff !important;
            background: #198cff; }
      #header.fixed .header-content .navigation .sign-open-menu {
        background: #198cff; }
        #header.fixed .header-content .navigation .sign-open-menu span:first-child {
          border-right: 1px solid #0490d0; }
      #header.fixed .header-content .navigation.open a {
        color: #000; }
        @media screen and (max-width: 1024px) {
          #header.fixed .header-content .navigation.open a {
            color: #fff; } }
        #header.fixed .header-content .navigation.open a:hover {
          color: #198cff; }
    #header.fixed .nav-toggle {
      top: 10px; }
      #header.fixed .nav-toggle span {
        background: #000; }
        #header.fixed .nav-toggle span::before, #header.fixed .nav-toggle span::after {
          background: #000; }
  #header .navigation {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 9999999; }
    #header .navigation .left-menu {
      float: left;
      margin-top: 1px; }
      @media screen and (max-width: 1024px) {
        #header .navigation .left-menu {
          float: none;
          border-bottom: 1px solid #0a0a0a; } }
    #header .navigation .sign-menu {
      float: right;
      margin-top: 1px; }
      @media screen and (max-width: 1024px) {
        #header .navigation .sign-menu {
          float: none; } }
    #header .navigation .sign-open-menu {
      color: #fff;
      background: #4A89DC;
      font-weight: bold;
      padding: 2px 20px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      margin: 0px 0px 0px 15px; }
      @media screen and (max-width: 1024px) {
        #header .navigation .sign-open-menu {
          display: none; } }
      #header .navigation .sign-open-menu span {
        margin: 0px 0px 0px 15px; }
        #header .navigation .sign-open-menu span:first-child {
          margin: 0;
          padding: 0px 15px 0px 0px;
          border-right: 1px solid #3b74bf; }
        #header .navigation .sign-open-menu span.user-name .user-menu {
          width: 130px; }
        #header .navigation .sign-open-menu span.user-name #onclick-menu-content {
          color: #000; }
          #header .navigation .sign-open-menu span.user-name #onclick-menu-content:before {
            content: "";
            position: absolute;
            top: -13%;
            left: 49%;
            margin-left: 10px;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #fff;
            z-index: 1; }
          #header .navigation .sign-open-menu span.user-name #onclick-menu-content:after {
            content: "";
            position: absolute;
            top: -12%;
            left: 49%;
            margin-left: 11px;
            width: 0;
            height: 0;
            border: 9px solid transparent;
            border-bottom-color: #fff;
            z-index: 2; }
        #header .navigation .sign-open-menu span i {
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #header .navigation .sign-open-menu span i:hover {
            color: #e8f8ff;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
          #header .navigation .sign-open-menu span i .count {
            position: absolute;
            font-size: 10px;
            font-weight: bold;
            background: #f44336;
            top: 4px;
            left: 10px;
            color: #fff;
            padding: 3px;
            border-radius: 3px; }
        #header .navigation .sign-open-menu span #onclick-menu-content {
          color: #000; }
          #header .navigation .sign-open-menu span #onclick-menu-content:before {
            content: "";
            position: absolute;
            top: -10%;
            left: 86%;
            margin-left: 10px;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #fff;
            z-index: 1; }
          #header .navigation .sign-open-menu span #onclick-menu-content:after {
            content: "";
            position: absolute;
            top: -10%;
            left: 86%;
            margin-left: 11px;
            width: 0;
            height: 0;
            border: 9px solid transparent;
            border-bottom-color: #fff;
            z-index: 2; }
          #header .navigation .sign-open-menu span #onclick-menu-content li {
            border-bottom: 1px solid #eee;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            #header .navigation .sign-open-menu span #onclick-menu-content li:hover {
              background: #f7fcff;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
            #header .navigation .sign-open-menu span #onclick-menu-content li.top-title-bar {
              padding: 8px 10px 5px; }
              #header .navigation .sign-open-menu span #onclick-menu-content li.top-title-bar:hover {
                background: none; }
            #header .navigation .sign-open-menu span #onclick-menu-content li.last-bottom-more {
              text-align: center; }
            #header .navigation .sign-open-menu span #onclick-menu-content li.new-message-bg {
              background: #f7fcff; }
            #header .navigation .sign-open-menu span #onclick-menu-content li .summary-message {
              font-weight: bold; }
              #header .navigation .sign-open-menu span #onclick-menu-content li .summary-message p {
                margin: 2px 0px;
                font-size: 12px;
                font-weight: normal;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                line-height: 16px; }
                #header .navigation .sign-open-menu span #onclick-menu-content li .summary-message p.date {
                  color: #999; }
                #header .navigation .sign-open-menu span #onclick-menu-content li .summary-message p span {
                  border: none; }
    @media screen and (max-width: 1024px) {
      #header .navigation .primary-nav {
        position: relative;
        top: 0%; } }
    @media screen and (max-width: 1024px) {
      #header .navigation {
        position: fixed;
        background-color: #26272d;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
        transition: opacity 0.5s, visibility 0s 0.5s; } }
    #header .navigation.open {
      opacity: 1;
      visibility: visible;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s;
      overflow-y: unset; }
      @media screen and (max-width: 1024px) {
        #header .navigation.open {
          overflow-y: auto; } }
      #header .navigation.open .left-menu {
        width: auto; }
    #header .navigation ul a {
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      margin-left: 20px; }
      @media screen and (max-width: 1024px) {
        #header .navigation ul a {
          display: block;
          margin: 0;
          text-align: center;
          color: #fff;
          font-weight: normal; } }
      #header .navigation ul a.first {
        margin-left: 0px; }
      #header .navigation ul a:hover, #header .navigation ul a.active {
        color: #4A89DC; }
      #header .navigation ul a.login {
        display: inline-block;
        padding: 0px 20px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border: 2px solid #fff;
        margin-top: -3px;
        margin-left: 15px;
        line-height: 26px; }
        @media screen and (max-width: 1024px) {
          #header .navigation ul a.login {
            margin: 20px 0px;
            line-height: 30px; } }
        #header .navigation ul a.login:hover {
          color: #fff;
          border: 2px solid #4A89DC;
          background: #4A89DC; }
    #header .navigation ul li {
      display: inline-block;
      line-height: 29px; }
      @media screen and (max-width: 1024px) {
        #header .navigation ul li {
          display: block;
          margin-bottom: 10px;
          text-align: center; } }
    #header .navigation ul .nav-mypage {
      display: none; }
      @media screen and (max-width: 1024px) {
        #header .navigation ul .nav-mypage {
          display: block;
          padding: 20px 0px 0px;
          border-top: 1px solid #0a0a0a; } }
      #header .navigation ul .nav-mypage .open-logout {
        width: 120px;
        border-radius: 50px;
        background: #191a1e;
        padding: 4px 8px;
        margin: 20px auto 100px;
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.8);
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #header .navigation ul .nav-mypage .open-logout a:hover {
          color: #fff !important; }
        #header .navigation ul .nav-mypage .open-logout:hover {
          background: #198cff;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          box-shadow: 0 25px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.subscribe {
  background: url("http://monstercave.net/images/top_bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  padding: 120px 0 180px; }
  .subscribe h1 {
    width: 1200px;
    color: #fff;
    text-align: center;
    font-size: 26px;
    margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .subscribe h1 {
        width: 100%; } }
    .subscribe h1 span {
      position: fixed;
      display: block;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 20px;
      letter-spacing: 1px;
      width: 1200px; }
      @media screen and (max-width: 1199px) {
        .subscribe h1 span {
          width: 100%; } }
    .subscribe h1 p {
      position: fixed;
      display: block;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 65px;
      letter-spacing: 1px;
      width: 1200px;
      font-weight: normal; }
      @media screen and (max-width: 1199px) {
        .subscribe h1 p {
          width: 100%;
          padding: 0px 20px; } }

.common-layer {
  position: relative;
  width: 1200px;
  margin: 20px auto 0px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (max-width: 1500px) {
    .common-layer {
      width: 100%; } }

.consult {
  padding: 10px; }
  @media screen and (max-width: 1024px) {
    .consult {
      padding: 0; } }
  .consult .add-user {
    display: inline-block;
    width: 100%;
    margin: 0 0 80px;
    border-radius: 12px;
    padding: 20px;
    background: #f7fcff; }
    .consult .add-user .material {
      float: none;
      display: block;
      width: 300px;
      border-radius: 40px;
      margin: auto;
      background: #fff; }
      .consult .add-user .material .effect-11 {
        border: none;
        border-radius: 40px;
        box-shadow: 0px 9px 20px -3px rgba(111, 183, 245, 0.7); }
        .consult .add-user .material .effect-11 ~ .focus-bg {
          background-color: #198cff;
          border-radius: 40px; }
  .consult .consult-section-layer {
    display: inline-block;
    width: 100%;
    margin: 20px 0 80px; }
    @media screen and (max-width: 855px) {
      .consult .consult-section-layer {
        margin: 0 0 40px; } }
    .consult .consult-section-layer .top-blue-box {
      float: left;
      width: 48%;
      border-radius: 25px;
      border: 1px solid #eee;
      box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 855px) {
        .consult .consult-section-layer .top-blue-box {
          width: 100%; } }
      .consult .consult-section-layer .top-blue-box .radio-btn {
        float: left;
        width: 50%; }
        .consult .consult-section-layer .top-blue-box .radio-btn input:checked + label.blue {
          color: #fff;
          background-color: #198cff;
          transition: none; }
        .consult .consult-section-layer .top-blue-box .radio-btn input:disabled + label {
          cursor: not-allowed; }
        .consult .consult-section-layer .top-blue-box .radio-btn label.blue {
          width: 100%;
          font-size: 15px;
          padding: 20px 0;
          color: #999;
          border: none;
          border-radius: 0;
          background-color: #f7f7f7; }
          @media only screen and (max-width: 400px) {
            .consult .consult-section-layer .top-blue-box .radio-btn label.blue {
              padding: 13px 0;
              font-size: 13px; } }
          .consult .consult-section-layer .top-blue-box .radio-btn label.blue::before {
            content: none; }
          .consult .consult-section-layer .top-blue-box .radio-btn label.blue i {
            margin: 0 3px 0 0; }
        .consult .consult-section-layer .top-blue-box .radio-btn:first-child label.blue {
          border-radius: 25px 0 0 0; }
        .consult .consult-section-layer .top-blue-box .radio-btn:first-child input:checked + label.blue {
          border-right: 1px solid #0396d8; }
        .consult .consult-section-layer .top-blue-box .radio-btn:last-child label.blue {
          border-radius: 0 25px 0 0; }
        .consult .consult-section-layer .top-blue-box .radio-btn:last-child input:checked + label.blue {
          border-left: 1px solid #0396d8; }
        .consult .consult-section-layer .top-blue-box .radio-btn label.blue:hover,
        .consult .consult-section-layer .top-blue-box .radio-btn input:focus + label {
          background: #198cff;
          color: #fff;
          box-shadow: none;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .consult .consult-section-layer .top-blue-box .top-blue-box-content {
        display: inline-block;
        border-radius: 0 0 25px 25px;
        padding: 45px 40px 10px 25px;
        margin: -1px 0 0; }
        @media screen and (max-width: 1024px) {
          .consult .consult-section-layer .top-blue-box .top-blue-box-content {
            padding: 45px 20px 10px 15px; } }
        .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box {
          display: inline-block;
          width: 100%;
          margin: 0 0 40px; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box h2, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box h2 {
            position: relative;
            float: left;
            width: 17%;
            font-size: 13px;
            margin: 5px 0 0;
            text-align: center; }
            .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box h2.trans-title, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box h2.trans-title {
              margin: 11px 0 0; }
            .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box h2 .title-sub-text, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box h2 .title-sub-text {
              font-size: 13px;
              color: #999;
              font-weight: normal;
              margin: 0px 0px 0px 10px; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content {
            float: right;
            width: 80%; }
            .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn {
              display: inline-block;
              width: 100%;
              margin: 0 0 10px; }
              .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn {
                float: left;
                width: 125px;
                margin: 0 10px 0 0; }
                @media screen and (max-width: 635px) {
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn {
                    width: 110px; } }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn input:checked + label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn input:checked + label.blue {
                  color: #fff;
                  background-color: #198cff;
                  border: none;
                  transition: none;
                  -moz-box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5);
                  -webkit-box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5);
                  box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5); }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn input:checked + label.blue hr, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn input:checked + label.blue hr {
                    opacity: 0;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn input:disabled + label, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn input:disabled + label {
                  cursor: not-allowed; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label.blue {
                  font-size: 13px;
                  text-align: center;
                  border: none;
                  border-radius: 40px;
                  padding: 11px 8px 10px;
                  margin: 0;
                  color: #777;
                  background: none; }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label.blue::before, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label.blue::before {
                    content: none; }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label.blue i, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label.blue i {
                    display: inline-block;
                    font-family: "Ionicons";
                    font-size: 16px;
                    vertical-align: middle; }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label.blue hr, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label.blue hr {
                    position: absolute;
                    margin: 10px auto 0;
                    text-align: center;
                    left: 0;
                    right: 0;
                    opacity: 1;
                    border-bottom: 1px solid #ccc;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label:hover, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label:hover {
                  color: #fff;
                  background: #198cff;
                  -moz-box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5);
                  -webkit-box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5);
                  box-shadow: 0px 7px 14px rgba(80, 169, 245, 0.5); }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn label:hover hr, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn label:hover hr {
                    opacity: 0;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .transport-btn .radio-btn:last-child, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .transport-btn .radio-btn:last-child {
                  margin: 0; }
            .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn {
              display: inline-block;
              width: 100%;
              margin: 0 0 20px; }
              .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn {
                float: left;
                width: auto;
                font-weight: normal; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn input:checked + label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn input:checked + label.blue {
                  color: #fff;
                  background-color: #198cff;
                  border: 1px solid #198cff;
                  transition: none;
                  box-shadow: none; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn input:disabled + label, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn input:disabled + label {
                  cursor: not-allowed; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn label.blue {
                  font-size: 12px;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 0;
                  padding: 6px 8px;
                  margin: 0;
                  color: #777;
                  background: none; }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn label.blue::before, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn label.blue::before {
                    content: none; }
                  .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn label.blue i, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn label.blue i {
                    display: inline-block;
                    font-family: "icomoon";
                    font-size: 13px;
                    vertical-align: bottom;
                    margin: 0; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn label:hover, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn label:hover {
                  color: #fff;
                  border: 1px solid #198cff;
                  background: #198cff;
                  box-shadow: none; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn:first-child label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn:first-child label.blue {
                  border-right: none;
                  border-radius: 4px 0 0 4px;
                  margin: 0; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn:first-child input:checked + label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn:first-child input:checked + label.blue {
                  border-right: 1px solid #0396d8; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn:last-child label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn:last-child label.blue {
                  border-radius: 0 4px 4px 0; }
                .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .left-input-content .port-door-btn .radio-btn:last-child input:checked + label.blue, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .left-input-content .port-door-btn .radio-btn:last-child input:checked + label.blue {
                  border-left: 1px solid #0396d8; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-left-box .checkbox, .consult .consult-section-layer .top-blue-box .top-blue-box-content .default-right-box .checkbox {
            display: inline-block;
            margin: 0;
            vertical-align: bottom; }
        .consult .consult-section-layer .top-blue-box .top-blue-box-content .material {
          margin: 0;
          z-index: auto; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material .effect-17 {
            z-index: 1;
            position: relative; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material .effect-22:disabled {
            color: #999;
            border: 1px solid #eee;
            background: #f7f7f7; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material label {
            z-index: 0; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material .effect-17 ~ .focus-border {
            z-index: 5; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material .auto-complate-open {
            left: 0; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material :disabled {
            color: #999;
            border: none;
            border-bottom: 1px solid #eee;
            background: transparent; }
            .consult .consult-section-layer .top-blue-box .top-blue-box-content .material :disabled.city-disable {
              color: #999;
              border: 1px solid #eee;
              background: #eee; }
          .consult .consult-section-layer .top-blue-box .top-blue-box-content .material.city-disable {
            color: #999;
            border: 1px solid #eee;
            background: #eee; }
    .consult .consult-section-layer .incoterms {
      float: right;
      width: 48%; }
      @media screen and (max-width: 855px) {
        .consult .consult-section-layer .incoterms {
          width: 100%; } }
  @media screen and (max-width: 855px) and (max-width: 855px) {
    .consult .consult-section-layer .incoterms {
      width: 100%;
      margin: 40px 0 0; } }
      .consult .consult-section-layer .incoterms .incoterms-title {
        font-size: 18px;
        font-weight: bold; }
        .consult .consult-section-layer .incoterms .incoterms-title span {
          font-size: 12px;
          font-weight: normal;
          color: #999; }
          @media only screen and (max-width: 400px) {
            .consult .consult-section-layer .incoterms .incoterms-title span {
              display: block;
              margin: 5px 0 0; } }
      .consult .consult-section-layer .incoterms .incoterms-btns {
        position: relative;
        padding: 20px 0;
        margin: 10px 0;
        border-top: 1px solid #eee;
        z-index: 1; }
        @media only screen and (max-width: 400px) {
          .consult .consult-section-layer .incoterms .incoterms-btns {
            padding: 10px 0; } }
        .consult .consult-section-layer .incoterms .incoterms-btns .check-btn {
          width: 100%;
          margin: 0px 0px 15px; }
          @media only screen and (max-width: 400px) {
            .consult .consult-section-layer .incoterms .incoterms-btns .check-btn {
              margin: 0 0 10px;
              padding: 0 0 10px;
              border-bottom: 1px solid #eee; }
              .consult .consult-section-layer .incoterms .incoterms-btns .check-btn:last-child {
                border: none;
                padding: 0; } }
          .consult .consult-section-layer .incoterms .incoterms-btns .check-btn label.blue {
            min-width: 80px;
            border-radius: 40px;
            padding: 5px 10px;
            text-align: center; }
            @media only screen and (max-width: 400px) {
              .consult .consult-section-layer .incoterms .incoterms-btns .check-btn label.blue {
                min-width: 70px; } }
            .consult .consult-section-layer .incoterms .incoterms-btns .check-btn label.blue::before {
              content: none; }
            .consult .consult-section-layer .incoterms .incoterms-btns .check-btn label.blue i {
              margin: 0 3px 0 0; }
          .consult .consult-section-layer .incoterms .incoterms-btns .check-btn:last-child {
            margin: 0; }
          .consult .consult-section-layer .incoterms .incoterms-btns .check-btn span {
            margin: 0 0 0 3px;
            font-size: 12px;
            color: #999; }
            @media only screen and (max-width: 400px) {
              .consult .consult-section-layer .incoterms .incoterms-btns .check-btn span {
                display: block;
                margin: 3px 0 0 5px; } }
      .consult .consult-section-layer .incoterms .incoterms-link {
        font-size: 12px; }
        .consult .consult-section-layer .incoterms .incoterms-link a {
          display: block;
          padding: 0 0 0 15px;
          color: #999; }
          .consult .consult-section-layer .incoterms .incoterms-link a span {
            text-decoration: underline;
            color: #198cff;
            font-weight: bold; }
          .consult .consult-section-layer .incoterms .incoterms-link a:hover {
            text-decoration: underline; }
        .consult .consult-section-layer .incoterms .incoterms-link::before {
          position: absolute;
          font-family: "Ionicons";
          content: "\F100";
          color: #f44336; }
      .consult .consult-section-layer .incoterms .invisible-incoterms {
        position: relative;
        font-size: 12px;
        padding: 5px 0 0 15px;
        color: #999; }
        .consult .consult-section-layer .incoterms .invisible-incoterms::before {
          position: absolute;
          font-family: "Ionicons";
          content: "\F100";
          color: #f44336;
          left: 0; }
        .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-detail {
          color: #198cff;
          font-weight: bold;
          text-decoration: underline; }
        .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note #onclick-menu-content {
          z-index: 10 !important; }
          @media screen and (max-width: 855px) {
            .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note #onclick-menu-content {
              right: -105px !important; }
              .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note #onclick-menu-content:before, .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note #onclick-menu-content:after {
                left: 56% !important; } }
          @media only screen and (max-width: 400px) {
            .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note #onclick-menu-content {
              right: -100px !important; } }
        .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-invisible-incoterms {
          background: #f7f7f7 !important; }
          .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-invisible-incoterms:before, .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-invisible-incoterms:after {
            top: -14% !important;
            border-bottom-color: #f7f7f7 !important; }
          .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-invisible-incoterms .stipulation-detail p {
            color: #000; }
            .consult .consult-section-layer .incoterms .invisible-incoterms .stipulation-note .show-invisible-incoterms .stipulation-detail p span {
              font-weight: bold;
              color: #198cff; }
  .consult .middle-title {
    display: inline-block;
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 855px) {
      .consult .middle-title {
        font-size: 22px; } }
    .consult .middle-title span {
      display: block;
      font-size: 13px;
      font-weight: normal;
      margin: 8px 0;
      color: #999; }
      @media screen and (max-width: 635px) {
        .consult .middle-title span {
          font-size: 12px; } }
      .consult .middle-title span.red {
        display: inline-block;
        color: #f44336;
        margin: 0; }
    .consult .middle-title hr {
      margin: 20px auto;
      text-align: center; }
    .consult .middle-title:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
  .consult .title-first {
    margin-top: 240px; }
  .consult .income-export {
    text-align: center; }
    .consult .income-export .warning-message {
      color: #f44336;
      font-weight: bold;
      margin: 10px 0px 0px; }
  .consult .inner-table .cs-skin-underline.cs-active .cs-options ul li {
    line-height: 18px; }
  .consult .default-title-layer {
    display: inline-block;
    width: 100%;
    margin: 0 0 60px; }
    @media screen and (max-width: 855px) {
      .consult .default-title-layer {
        margin: 0 0 30px; } }
  .consult .default-left-box, .consult .default-right-box {
    display: inline-block;
    width: 49%;
    margin: 40px 0px 0px; }
    @media screen and (max-width: 635px) {
      .consult .default-left-box, .consult .default-right-box {
        width: 100%; } }
    .consult .default-left-box:hover hr, .consult .default-right-box:hover hr {
      width: 40px;
      border-bottom: 1px solid #198cff; }
    .consult .default-left-box h2, .consult .default-right-box h2 {
      position: relative;
      font-size: 16px;
      height: 25px;
      margin: 30px 0px 10px; }
      .consult .default-left-box h2 .title-sub-text, .consult .default-right-box h2 .title-sub-text {
        font-size: 13px;
        color: #999;
        font-weight: normal;
        margin: 0px 0px 0px 10px; }
    .consult .default-left-box hr, .consult .default-right-box hr {
      margin: 0px 0px 30px;
      text-align: left; }
    .consult .default-left-box .checkbox, .consult .default-right-box .checkbox {
      display: inline-block;
      margin: 0;
      vertical-align: bottom; }
  .consult .default-right-box {
    float: right; }
  .consult .default-fcl-box {
    width: 100%; }
    .consult .default-fcl-box hr {
      margin: 0px 0px 30px; }
    .consult .default-fcl-box:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult .default-fcl-box h2 {
      margin: 0; }
    .consult .default-fcl-box .btn-list-layer .radiobtn-info:first-child {
      margin: 10px 0 0; }
  .consult .default-lcl-box {
    width: 100%; }
    .consult .default-lcl-box:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult .default-lcl-box h2 {
      position: relative;
      font-size: 16px;
      margin: 0; }
      .consult .default-lcl-box h2 .title-sub-text {
        font-size: 13px;
        color: #999;
        font-weight: normal;
        margin: 0px 0px 0px 10px; }
    .consult .default-lcl-box hr {
      margin: 0px 0px 30px;
      text-align: left; }
    .consult .default-lcl-box .btn-list-layer .radiobtn-info:first-child {
      margin: 10px 0 0; }
  .consult .default-hidden-box {
    float: left;
    width: 48%;
    margin: 0 auto; }
    @media screen and (max-width: 855px) {
      .consult .default-hidden-box {
        width: 100%; } }
    .consult .default-hidden-box:last-child {
      float: right; }
    .consult .default-hidden-box .btn-list-layer {
      text-align: left;
      width: 100%; }
    .consult .default-hidden-box .hide-layer {
      width: 100%;
      padding: 20px 15px 20px;
      margin: 20px auto 0px;
      background: #f7f7f7;
      text-align: left;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
  .consult .port-end-box {
    float: right; }
  .consult .form-group-inline {
    display: inline-block;
    width: 49%; }
  .consult .checkbox-layer {
    display: inline-block;
    width: 100%;
    margin: 20px 0px; }
    .consult .checkbox-layer .checkbox-layer-left {
      float: left;
      width: 51%; }
    .consult .checkbox-layer .checkbox-layer-right {
      float: right;
      width: 48%; }
  .consult .right-data-layer {
    float: right;
    margin-top: -5px; }
    @media screen and (max-width: 855px) {
      .consult .right-data-layer {
        margin: 100px 0px 20px; } }
    .consult .right-data-layer .tab-toggle {
      position: relative;
      float: left;
      margin: 0px 10px 0px 0px; }
    .consult .right-data-layer .calendar-layer {
      float: left;
      width: 160px;
      margin: 0px 10px 0px 0px; }
      .consult .right-data-layer .calendar-layer label {
        position: absolute;
        display: block;
        margin: -12px 0px 5px;
        font-size: 12px;
        color: #999;
        cursor: pointer; }
  .consult .user-check {
    padding: 20px;
    margin: 10px 0 80px;
    border-radius: 12px;
    background: #f7fcff; }
    @media only screen and (max-width: 1280px) {
      .consult .user-check {
        margin: 10px 0 40px; } }
    .consult .user-check p {
      font-size: 18px;
      color: #198cff;
      margin: 0; }
  .consult .address-check {
    margin: 0 0 80px; }
    @media only screen and (max-width: 1280px) {
      .consult .address-check {
        margin: 0 0 40px; } }
    .consult .address-check .table-default {
      margin: 0; }
  .consult .check-cargo {
    margin: 0 0 80px; }
    @media only screen and (max-width: 1280px) {
      .consult .check-cargo {
        margin: 0 0 40px; } }
    .consult .check-cargo .table-default {
      margin: 0; }
      .consult .check-cargo .table-default p {
        display: none; }
      @media screen and (max-width: 855px) {
        .consult .check-cargo .table-default {
          display: block;
          border: none; }
          .consult .check-cargo .table-default thead, .consult .check-cargo .table-default tr {
            display: none; }
          .consult .check-cargo .table-default table, .consult .check-cargo .table-default tbody, .consult .check-cargo .table-default th, .consult .check-cargo .table-default td, .consult .check-cargo .table-default tr {
            display: block; }
          .consult .check-cargo .table-default td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            padding: 0px;
            line-height: 35px;
            min-height: 35px;
            text-align: left; }
            .consult .check-cargo .table-default td p {
              display: block;
              position: relative;
              float: left;
              width: 25%;
              font-size: 11px;
              padding: 0px 5px;
              margin: 0px 10px 0px 0px;
              text-align: center;
              white-space: nowrap;
              background: #f7f7f7; } }
  .consult .cargo-check-list {
    text-align: center;
    margin: 0 0 80px; }
    @media only screen and (max-width: 1280px) {
      .consult .cargo-check-list {
        margin: 0 0 40px; } }
    .consult .cargo-check-list ul li {
      display: inline-block;
      padding: 5px 10px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      color: #fff;
      border: 3px solid #eee;
      background: #198cff; }
  .consult .map-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
    text-align: center; }
    .consult .map-container .map-info-text {
      padding: 10px 0px;
      background: #eee; }
    .consult .map-container .start-map, .consult .map-container .end-map {
      float: left;
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .consult .map-container .start-map, .consult .map-container .end-map {
          width: 100%;
          float: none; } }
      .consult .map-container .start-map .map-label, .consult .map-container .end-map .map-label {
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0px;
        background: #eee; }
    .consult .map-container .end-map {
      float: right; }
      @media screen and (max-width: 1024px) {
        .consult .map-container .end-map {
          margin-top: 5px;
          float: none; } }
    .consult .map-container iframe {
      width: 100%;
      display: block;
      pointer-events: none;
      position: relative; }
      .consult .map-container iframe.clicked {
        pointer-events: auto; }
  .consult .inner-middle {
    display: inline-block;
    width: 100%;
    padding: 10px 20px 0;
    border-top: 1px solid #eee; }
    .consult .inner-middle .middle-sub-text {
      float: left; }
      .consult .inner-middle .middle-sub-text span {
        padding: 0px 0px 0px 10px;
        font-size: 16px;
        font-weight: bold; }
        @media only screen and (max-width: 400px) {
          .consult .inner-middle .middle-sub-text span {
            display: block;
            padding: 3px 0 0; } }
      @media screen and (max-width: 635px) {
        .consult .inner-middle .middle-sub-text {
          width: 100%;
          font-size: 12px; }
          .consult .inner-middle .middle-sub-text span {
            font-size: 13px; } }
    .consult .inner-middle .cargo-plus {
      float: right; }
  .consult .tab-bottom-check {
    display: inline-block;
    width: 100%;
    background: #f7f7f7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    .consult .tab-bottom-check .layer {
      padding: 20px 15px;
      border-top: 1px dashed #ccc; }
      .consult .tab-bottom-check .layer:first-child {
        border: none; }
      .consult .tab-bottom-check .layer .tempe-hide-layer {
        float: left;
        min-width: 240px;
        margin: 0px 10px 10px 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        background: #fff;
        color: #fff;
        border: 1px solid #eee; }
        @media screen and (max-width: 635px) {
          .consult .tab-bottom-check .layer .tempe-hide-layer {
            width: 100%;
            margin: 0px 0px 10px 0px; } }
        .consult .tab-bottom-check .layer .tempe-hide-layer h3 {
          font-size: 13px;
          font-weight: bold;
          margin: 0px;
          padding: 13px 10px 10px;
          background: #059de2;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px; }
          .consult .tab-bottom-check .layer .tempe-hide-layer h3 i {
            float: right;
            font-size: 18px;
            opacity: 0.7; }
          .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer {
            float: right;
            margin-top: -3px; }
            .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer input {
              position: absolute;
              left: -9999px; }
              .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer input:checked + label::before {
                color: #fff; }
              .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer input:checked + label.blue {
                background-color: #212121;
                transition: background-color .2s, box-shadow .2s; }
            .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer .check-btn label.blue {
              min-width: 10px;
              padding: 2px 10px;
              border: 0px;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              -o-border-radius: 6px;
              border-radius: 6px; }
              .consult .tab-bottom-check .layer .tempe-hide-layer h3 .tempe-check-layer .check-btn label.blue::before {
                display: none; }
        .consult .tab-bottom-check .layer .tempe-hide-layer .sm-input-box {
          float: left;
          padding: 20px 10px 15px;
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
          @media screen and (max-width: 635px) {
            .consult .tab-bottom-check .layer .tempe-hide-layer .sm-input-box {
              width: 50%; } }
          .consult .tab-bottom-check .layer .tempe-hide-layer .sm-input-box .inner-sm-material {
            position: relative;
            width: 100%;
            margin: 0px;
            z-index: 99; }
            .consult .tab-bottom-check .layer .tempe-hide-layer .sm-input-box .inner-sm-material label {
              font-size: 12px;
              opacity: 0.7; }
            .consult .tab-bottom-check .layer .tempe-hide-layer .sm-input-box .inner-sm-material .effect-17 {
              width: 100%; }
      .consult .tab-bottom-check .layer .danger-hide-layer {
        float: left;
        min-width: 240px;
        margin: 0px 10px 10px 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        border: 3px dashed #ccc;
        background: #fff; }
        @media screen and (max-width: 635px) {
          .consult .tab-bottom-check .layer .danger-hide-layer {
            width: 100%;
            margin: 0px 0px 10px 0px; } }
        .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer {
          float: left;
          width: 240px; }
          @media screen and (max-width: 635px) {
            .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer {
              width: 100%; } }
          .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer h3 {
            font-size: 13px;
            text-align: center;
            margin: 10px 0px 8px; }
            .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer h3 i {
              opacity: 0.5; }
            .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer h3 p {
              color: #999;
              margin: 5px 0px; }
          .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer .find-file-btn {
            width: 100px;
            padding: 6px;
            border: none;
            margin: 0px auto 10px; }
            .consult .tab-bottom-check .layer .danger-hide-layer .file-btn-layer .find-file-btn .file_input_hidden {
              position: absolute;
              right: 0px;
              top: 0px;
              opacity: 0;
              font-size: 200px;
              direction: ltr;
              cursor: pointer;
              filter: alpha(opacity=0);
              -ms-filter: "alpha(opacity=0)";
              -khtml-opacity: 0;
              -moz-opacity: 0; }
      .consult .tab-bottom-check .layer .file-name-layer {
        float: left; }
        .consult .tab-bottom-check .layer .file-name-layer ul {
          display: inline-block;
          position: relative;
          width: auto;
          margin: 0px 0px 0px 10px; }
          .consult .tab-bottom-check .layer .file-name-layer ul li {
            display: block;
            width: 150px;
            text-align: left;
            padding: 8px 0px;
            border-top: 1px solid #ccc; }
            .consult .tab-bottom-check .layer .file-name-layer ul li:first-child {
              border: none; }
            .consult .tab-bottom-check .layer .file-name-layer ul li span {
              display: inline-block;
              width: 120px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              word-wrap: normal;
              vertical-align: middle; }
            .consult .tab-bottom-check .layer .file-name-layer ul li i {
              float: right;
              color: #ccc;
              cursor: pointer;
              padding-top: 3px;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
              .consult .tab-bottom-check .layer .file-name-layer ul li i:first-child {
                float: left;
                color: #000;
                font-size: 12px;
                padding: 0px;
                margin: 0px 5px 0px 0px; }
                .consult .tab-bottom-check .layer .file-name-layer ul li i:first-child:hover {
                  color: #000; }
              .consult .tab-bottom-check .layer .file-name-layer ul li i:hover {
                color: #f44336;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out; }
      .consult .tab-bottom-check .layer .check-btn {
        display: inline-block; }
        .consult .tab-bottom-check .layer .check-btn input {
          position: absolute;
          left: -9999px; }
          .consult .tab-bottom-check .layer .check-btn input:checked + label {
            background-color: #f44336;
            transition: background-color .2s, box-shadow .2s; }
            .consult .tab-bottom-check .layer .check-btn input:checked + label::before {
              color: #fff; }
            .consult .tab-bottom-check .layer .check-btn input:checked + label.blue {
              background-color: #198cff;
              transition: background-color .2s, box-shadow .2s; }
        .consult .tab-bottom-check .layer .check-btn label.blue {
          display: inline-block;
          position: relative;
          min-width: 90px;
          margin: 0px;
          padding: 5px 15px 5px 30px;
          border: 3px solid #fff;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -o-border-radius: 6px;
          border-radius: 6px;
          color: #fff;
          background-color: #ccc;
          white-space: nowrap;
          cursor: pointer;
          user-select: none;
          transition: background-color 0.2s; }
          @media screen and (max-width: 635px) {
            .consult .tab-bottom-check .layer .check-btn label.blue {
              font-size: 12px;
              min-width: 72px;
              text-align: center;
              padding: 5px; } }
          .consult .tab-bottom-check .layer .check-btn label.blue::before {
            font-family: "Ionicons";
            content: "\F121";
            display: block;
            position: absolute;
            top: 5px;
            bottom: 10px;
            left: 10px;
            width: 32px;
            color: #8c8f94;
            transition: background-color .2s; }
            @media screen and (max-width: 635px) {
              .consult .tab-bottom-check .layer .check-btn label.blue::before {
                display: none; } }
        .consult .tab-bottom-check .layer .check-btn label:hover, .consult .tab-bottom-check .layer .check-btn input:focus + label {
          box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .consult .tab-bottom-check .layer .check-btn label.blue:hover, .consult .tab-bottom-check .layer .check-btn input:focus + label {
          box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
  .consult .tabs {
    border: 1px solid #eee;
    border-top: none;
    margin: 0 0 80px; }
    @media screen and (max-width: 855px) {
      .consult .tabs {
        display: inline-block;
        margin: 20px 0 40px; } }
    .consult .tabs .content section {
      padding: 30px 0 0; }
      .consult .tabs .content section .section-top {
        position: relative;
        padding: 25px 0 20px 20px; }
        @media only screen and (max-width: 400px) {
          .consult .tabs .content section .section-top {
            padding: 0 20px; } }
        .consult .tabs .content section .section-top .calendar-layer {
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 400px) {
            .consult .tabs .content section .section-top .calendar-layer {
              width: 100%;
              margin: 0px;
              padding: 10px 0; } }
          .consult .tabs .content section .section-top .calendar-layer label {
            display: inline-block;
            margin: -12px 3px 5px 0;
            font-size: 12px;
            color: #999;
            cursor: pointer; }
          .consult .tabs .content section .section-top .calendar-layer .calendar {
            display: inline-block;
            width: 200px;
            margin: 0;
            border-radius: 0; }
            @media only screen and (max-width: 400px) {
              .consult .tabs .content section .section-top .calendar-layer .calendar {
                width: 100%; } }
          .consult .tabs .content section .section-top .calendar-layer i {
            position: absolute;
            right: 5px;
            top: 8px;
            font-size: 13px;
            color: #999; }
            @media only screen and (max-width: 400px) {
              .consult .tabs .content section .section-top .calendar-layer i {
                right: 5px;
                top: 39px; } }
      .consult .tabs .content section .inner-add-btn {
        position: relative;
        display: block;
        margin: auto;
        text-align: center;
        padding: 10px 0;
        border-top: 1px solid #eee; }
      .consult .tabs .content section .inner-table {
        display: inline-block;
        width: 100%;
        padding: 20px;
        border-top: 1px solid #eee; }
        @media screen and (max-width: 855px) {
          .consult .tabs .content section .inner-table tr {
            display: table-row; } }
        .consult .tabs .content section .inner-table tr td {
          width: 10%;
          padding: 0 5px 0 0; }
          @media screen and (max-width: 855px) {
            .consult .tabs .content section .inner-table tr td {
              float: left;
              width: 100% !important;
              margin: 5px 0px;
              padding: 0px; } }
          .consult .tabs .content section .inner-table tr td:nth-child(2), .consult .tabs .content section .inner-table tr td.unit-table {
            width: 6%; }
          .consult .tabs .content section .inner-table tr td.count-table {
            width: 8%; }
          .consult .tabs .content section .inner-table tr td.other-td {
            width: 30%; }
          .consult .tabs .content section .inner-table tr td > div {
            position: relative;
            vertical-align: middle; }
            .consult .tabs .content section .inner-table tr td > div .cs-select .cs-placeholder:before {
              content: "*";
              color: #f44336;
              margin: 0 3px 0 0; }
            .consult .tabs .content section .inner-table tr td > div.inner-small-width {
              float: left;
              width: 25%;
              margin: 0;
              padding: 0; }
              .consult .tabs .content section .inner-table tr td > div.inner-small-width .inner-material {
                margin: 0; }
            .consult .tabs .content section .inner-table tr td > div.inner-md-width {
              float: left;
              width: 55%;
              margin: 0;
              padding: 0 4px 0 0; }
              .consult .tabs .content section .inner-table tr td > div.inner-md-width .inner-material {
                margin: 0; }
            .consult .tabs .content section .inner-table tr td > div.cs-small {
              width: 25%; }
            .consult .tabs .content section .inner-table tr td > div.cs-md {
              float: left;
              width: 45%; }
          @media screen and (max-width: 855px) {
            .consult .tabs .content section .inner-table tr td .cs-skin-underline {
              margin: 0; } }
          @media screen and (max-width: 855px) {
            .consult .tabs .content section .inner-table tr td .inner-material {
              margin: 3px 0; } }
          .consult .tabs .content section .inner-table tr td .inner-material .red {
            margin: 0 1px 0 0; }
          .consult .tabs .content section .inner-table tr td:last-child {
            padding: 0;
            text-align: left; }
            @media screen and (max-width: 855px) {
              .consult .tabs .content section .inner-table tr td:last-child {
                margin: 7px 0 10px; } }
          @media screen and (max-width: 855px) {
            .consult .tabs .content section .inner-table tr td .inner-md-width {
              width: 78%; } }
        .consult .tabs .content section .inner-table .cargo-delete-btn {
          margin: 0; }
          .consult .tabs .content section .inner-table .cargo-delete-btn .hscode-btn-layer-m {
            display: none; }
            @media screen and (max-width: 855px) {
              .consult .tabs .content section .inner-table .cargo-delete-btn .hscode-btn-layer-m {
                display: block;
                float: left; } }
    .consult .tabs .content .inner-table tr td {
      padding: 0 5px 0 0; }
      .consult .tabs .content .inner-table tr td .cs-small {
        width: 25%; }
      .consult .tabs .content .inner-table tr td .inner-small-width {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0; }
      .consult .tabs .content .inner-table tr td > div .cs-skin-underline > span {
        height: 33px;
        padding: 16px 5px 0; }
        .consult .tabs .content .inner-table tr td > div .cs-skin-underline > span:before {
          content: "*";
          color: #f44336;
          margin: 0 3px 0 0; }
      .consult .tabs .content .inner-table tr td .inner-material .input-right-text {
        top: 16px; }
    .consult .tabs .slider-bg {
      border-radius: 6px 6px 0 0; }
  .consult .cs-skin-underline.selected .cs-placeholder {
    border: 2px solid #198cff;
    color: #333;
    padding: 15px 5px; }
  .consult .cs-skin-underline .cs-placeholder:after {
    top: 14px; }
  .consult .cfs-cargoinfo {
    margin: 0 0 80px; }
    .consult .cfs-cargoinfo h2 {
      margin: 0; }
    .consult .cfs-cargoinfo .table-default {
      margin: 5px 0 0; }

.consult-detail {
  position: relative; }
  .consult-detail h2 {
    font-size: 16px;
    margin: 0 0 6px; }
  .consult-detail .go-back-btn {
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 635px) {
      .consult-detail .go-back-btn {
        display: none; } }
  .consult-detail .shipper {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0; }
    @media screen and (max-width: 635px) {
      .consult-detail .shipper {
        position: relative;
        text-align: center; } }
    .consult-detail .shipper p {
      display: block;
      padding: 10px;
      border-radius: 5px;
      margin: 0 0 5px 0;
      border: 1px solid #e3f3fb;
      background: #f7fcff; }
  .consult-detail .red-info p {
    border: 1px solid #f44336;
    background: #E9573F;
    color: white; }
  .consult-detail .title-layer {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 40px auto 20px;
    text-align: center; }
    .consult-detail .title-layer hr {
      margin: 20px auto;
      text-align: center; }
    .consult-detail .title-layer:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .title-layer h4 {
      display: inline-block;
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      margin: 10px auto 0px; }
      @media screen and (max-width: 1024px) {
        .consult-detail .title-layer h4 {
          display: block;
          margin: 10px 0px 15px; } }
    .consult-detail .title-layer .category-label {
      position: relative;
      width: 50px;
      background: #48CFAD;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      color: #fff;
      font-size: 13px;
      font-weight: bold;
      padding: 4px 12px;
      margin: 0 auto;
      text-align: center; }
      .consult-detail .title-layer .category-label::before {
        position: absolute;
        content: "";
        top: 22px;
        left: 19px;
        border: 6px solid transparent;
        border-top-color: #48CFAD; }
      .consult-detail .title-layer .category-label.fcl {
        background: #48CFAD; }
      .consult-detail .title-layer .category-label.lcl {
        background: #E9573F; }
        .consult-detail .title-layer .category-label.lcl::before {
          border-top-color: #E9573F; }
      .consult-detail .title-layer .category-label.air {
        background: #967ADC; }
        .consult-detail .title-layer .category-label.air::before {
          border-top-color: #967ADC; }
    .consult-detail .title-layer .estimate-sub {
      float: left; }
      @media screen and (max-width: 855px) {
        .consult-detail .title-layer .estimate-sub {
          width: 100%; } }
    .consult-detail .title-layer .estimate-sub-select {
      position: relative;
      float: right; }
      @media screen and (max-width: 855px) {
        .consult-detail .title-layer .estimate-sub-select {
          width: 100%;
          margin: 20px auto 10px; } }
      .consult-detail .title-layer .estimate-sub-select button {
        margin: 0px 1px 5px; }
  .consult-detail .step-box {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px; }
  .consult-detail .step-state {
    display: inline-block;
    width: 100%;
    padding: 10px 0 15px;
    border: 1px solid #eee;
    border-radius: 6px; }
    .consult-detail .step-state ul:after {
      content: '';
      display: block;
      clear: both; }
    .consult-detail .step-state ul li {
      float: left;
      position: relative;
      width: 20%;
      padding-top: 50px;
      font-weight: bold;
      text-align: center;
      color: #666; }
      @media screen and (max-width: 635px) {
        .consult-detail .step-state ul li {
          font-size: 12px; } }
      .consult-detail .step-state ul li p:after {
        position: absolute;
        width: 34px;
        height: 34px;
        margin-right: -21px;
        top: 17px;
        right: 0;
        color: #198cff;
        line-height: 36px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        border: 3px solid #198cff;
        background: #fff;
        z-index: 2; }
      .consult-detail .step-state ul li span {
        display: block;
        margin-top: 2px;
        font-weight: normal;
        color: #898989;
        font-size: 12px; }
      .consult-detail .step-state ul li:before {
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        height: 3px;
        background: #eee;
        content: ""; }
      .consult-detail .step-state ul li:nth-child(1):before {
        left: 50%; }
      .consult-detail .step-state ul li:nth-child(5):before {
        right: 50%; }
      .consult-detail .step-state ul li:after {
        position: absolute;
        top: 22px;
        left: 50%;
        width: 30px;
        height: 30px;
        line-height: 32px;
        margin-left: -14px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -o-border-radius: 100px;
        background: #eee;
        content: "\F252";
        color: #999; }
    .consult-detail .step-state.step1 ul li:nth-child(1):before, .consult-detail .step-state.step2 ul li:nth-child(-n+2):before, .consult-detail .step-state.step2-ing ul li:nth-child(-n+2):before, .consult-detail .step-state.step3 ul li:nth-child(-n+3):before, .consult-detail .step-state.step3-ing ul li:nth-child(-n+3):before, .consult-detail .step-state.step4 ul li:nth-child(-n+4):before, .consult-detail .step-state.step4-ing ul li:nth-child(-n+4):before, .consult-detail .step-state.step5 ul li:nth-child(-n+5):before {
      background: #198cff; }
    .consult-detail .step-state.step1 ul li:nth-child(1):after, .consult-detail .step-state.step2 ul li:nth-child(-n+2):after, .consult-detail .step-state.step2-ing ul li:nth-child(-n+2):after, .consult-detail .step-state.step3 ul li:nth-child(-n+3):after, .consult-detail .step-state.step3-ing ul li:nth-child(-n+3):after, .consult-detail .step-state.step4 ul li:nth-child(-n+4):after, .consult-detail .step-state.step4-ing ul li:nth-child(-n+4):after, .consult-detail .step-state.step5 ul li:nth-child(-n+5):after {
      background: #198cff;
      content: "\F00C";
      color: #fff; }
    .consult-detail .step-state ul li p:before {
      position: absolute;
      top: 35px;
      left: 50%;
      right: 0;
      height: 3px;
      content: ''; }
    .consult-detail .step-state.step1 ul li:nth-child(1) p:before, .consult-detail .step-state.step2 ul li:nth-child(2) p:before, .consult-detail .step-state.step3 ul li:nth-child(3) p:before, .consult-detail .step-state.step4 ul li:nth-child(4) p:before {
      background: #eee; }
    .consult-detail .step-state.step1 ul li:nth-child(1) p:after, .consult-detail .step-state.step2 ul li:nth-child(2) p:after, .consult-detail .step-state.step3 ul li:nth-child(3) p:after, .consult-detail .step-state.step4 ul li:nth-child(4) p:after, .consult-detail .step-state.step5 ul li:nth-child(5) p:after {
      content: "\F005";
      right: 50%; }
  .consult-detail .inform-message {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px; }
    .consult-detail .inform-message .message-title {
      float: left;
      width: 100%;
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      margin: 0 auto;
      padding: 24px 10px 20px;
      border: 1px solid #e3f3fb;
      background: #f7fcff; }
      @media screen and (max-width: 1024px) {
        .consult-detail .inform-message .message-title {
          width: 100%;
          font-size: 18px; } }
      @media screen and (max-width: 635px) {
        .consult-detail .inform-message .message-title {
          font-size: 14px; } }
      .consult-detail .inform-message .message-title p {
        position: relative; }
        .consult-detail .inform-message .message-title p.message-sub {
          font-size: 12px;
          font-weight: normal;
          color: #999;
          margin: 0; }
          .consult-detail .inform-message .message-title p.message-sub span {
            position: relative; }
            .consult-detail .inform-message .message-title p.message-sub span.sub-label {
              display: block;
              font-weight: bold;
              color: #198cff;
              font-size: 14px;
              margin: 5px 0; }
    .consult-detail .inform-message .message-left-layer {
      float: left;
      width: 100%;
      max-height: 350px;
      margin: 0px 0px 10px;
      overflow-y: auto;
      border-bottom: 2px solid #eee; }
      @media screen and (max-width: 1024px) {
        .consult-detail .inform-message .message-left-layer {
          width: 100%; } }
      .consult-detail .inform-message .message-left-layer .cd-container {
        width: 100%;
        margin: 0 auto; }
        .consult-detail .inform-message .message-left-layer .cd-container::after {
          content: '';
          display: table;
          clear: both; }
      .consult-detail .inform-message .message-left-layer #cd-timeline {
        position: relative;
        padding: 2em 0;
        margin-bottom: 0;
        height: 220px;
        overflow-y: scroll; }
        .consult-detail .inform-message .message-left-layer #cd-timeline::before {
          content: '';
          position: absolute;
          top: 0;
          left: 11px;
          height: 100%;
          width: 4px;
          margin: 0px;
          background: #eee; }
      .consult-detail .inform-message .message-left-layer .cd-timeline-block {
        position: relative;
        margin: 15px 0; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-block:after {
          content: "";
          display: table;
          clear: both; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-block:first-child {
          margin-top: 0; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-block:last-child {
          margin-bottom: 0; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-block:nth-child(even) .cd-timeline-content {
          float: none;
          width: auto; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-block a {
          color: #000; }
      .consult-detail .inform-message .message-left-layer .cd-timeline-date {
        position: absolute;
        top: 0;
        left: 3px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        line-height: 22px;
        text-align: center;
        margin: 0px;
        color: #fff;
        background: #198cff;
        box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
        .consult-detail .inform-message .message-left-layer .cd-timeline-date i {
          font-size: 13px; }
      .consult-detail .inform-message .message-left-layer .no-answer {
        background: #f44336; }
      .consult-detail .inform-message .message-left-layer .cd-timeline-content {
        position: relative;
        width: auto;
        padding: 15px 15px 15px 10px;
        margin-left: 40px;
        background: white;
        border-radius: 0.25em;
        border: 1px solid #eee;
        box-shadow: 0 3px 0 #eee;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-content:after {
          content: "";
          display: table;
          clear: both; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-content::before {
          content: '';
          position: absolute;
          top: 5px;
          right: 100%;
          height: 0;
          width: 0;
          left: -15px;
          border: 7px solid transparent;
          border-right: 7px solid #eee; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-content:hover {
          background: #f7fcff;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .consult-detail .inform-message .message-left-layer .cd-timeline-content i {
          position: absolute;
          right: 10px;
          color: #999;
          font-size: 11px;
          cursor: pointer;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          @media screen and (max-width: 635px) {
            .consult-detail .inform-message .message-left-layer .cd-timeline-content i {
              position: relative;
              display: block;
              right: 0;
              margin: 5px 0 0; } }
          .consult-detail .inform-message .message-left-layer .cd-timeline-content i:hover {
            color: #f44336;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
      .consult-detail .inform-message .message-left-layer .message-new {
        background: #f7fcff;
        box-shadow: 0 3px 0 #ddf1fb; }
        .consult-detail .inform-message .message-left-layer .message-new:hover {
          background: #e1f6ff; }
        .consult-detail .inform-message .message-left-layer .message-new::before {
          border-right: 7px solid #ddf1fb; }
      .consult-detail .inform-message .message-left-layer .message-warning {
        background: #fff7f6;
        box-shadow: 0 3px 0 #ffe4e1; }
        .consult-detail .inform-message .message-left-layer .message-warning:hover {
          background: #ffefed; }
        .consult-detail .inform-message .message-left-layer .message-warning::before {
          border-right: 7px solid #ffe4e1; }
      .consult-detail .inform-message .message-left-layer .no-touch .cd-timeline-content .cd-read-more:hover {
        background-color: #bac4cb; }
      .consult-detail .inform-message .message-left-layer a.message-view-all {
        display: inline-block;
        font-size: 12px;
        padding: 3px 8px;
        color: #999;
        background: #f7f7f7;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 3px 0 #eee;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .consult-detail .inform-message .message-left-layer a.message-view-all:hover {
          color: #fff;
          background: #198cff;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
    .consult-detail .inform-message .message-right-layer {
      float: right;
      width: 100%;
      position: relative; }
      .consult-detail .inform-message .message-right-layer .right-top-layer {
        width: 100%;
        padding: 10px 15px 0px;
        border: 1px solid #eee;
        border-top: none; }
        .consult-detail .inform-message .message-right-layer .right-top-layer ul {
          position: relative;
          z-index: 1; }
          .consult-detail .inform-message .message-right-layer .right-top-layer ul li {
            float: left;
            width: 33.33%;
            line-height: 20px;
            margin: 15px 0px;
            padding: 0 4px; }
            .consult-detail .inform-message .message-right-layer .right-top-layer ul li .inner-material {
              margin: 5px 0; }
              .consult-detail .inform-message .message-right-layer .right-top-layer ul li .inner-material .effect-8 {
                padding: 5px; }
      .consult-detail .inform-message .message-right-layer .btn {
        display: block;
        margin: 0px auto 15px;
        padding: 8px 30px;
        z-index: 10; }
    .consult-detail .inform-message .right-bottom-box {
      display: inline-block;
      width: 100%;
      padding: 10px;
      font-size: 18px;
      border: 1px solid #eee;
      border-top: none;
      text-align: center; }
      .consult-detail .inform-message .right-bottom-box dl {
        display: inline-block;
        margin: 0px; }
        .consult-detail .inform-message .right-bottom-box dl dt {
          display: inline-block; }
        .consult-detail .inform-message .right-bottom-box dl dd {
          display: inline-block;
          font-weight: bold; }
      .consult-detail .inform-message .right-bottom-box .time {
        display: inline-block;
        font-weight: bold;
        margin: 0 0 0 10px;
        color: #198cff; }
  .consult-detail .booking-seat {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 20px; }
    .consult-detail .booking-seat h2 {
      display: inline-block; }
    .consult-detail .booking-seat:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    @media screen and (max-width: 855px) {
      .consult-detail .booking-seat .table-default {
        display: block;
        border: none; }
        .consult-detail .booking-seat .table-default table, .consult-detail .booking-seat .table-default thead, .consult-detail .booking-seat .table-default tbody, .consult-detail .booking-seat .table-default th, .consult-detail .booking-seat .table-default td, .consult-detail .booking-seat .table-default tr {
          display: block; }
        .consult-detail .booking-seat .table-default thead tr {
          position: absolute;
          top: -9999px;
          left: -9999px; }
        .consult-detail .booking-seat .table-default tbody {
          border: none; }
          .consult-detail .booking-seat .table-default tbody tr {
            margin: 10px 0px; }
            .consult-detail .booking-seat .table-default tbody tr:nth-child(2n+2) {
              background: #fff; }
            .consult-detail .booking-seat .table-default tbody tr:first-child {
              margin: 0px 0px 10px;
              border-top: 1px solid #e2e2e2; }
            .consult-detail .booking-seat .table-default tbody tr td {
              border: none;
              border-bottom: 1px solid #eee;
              position: relative;
              padding-left: 50%;
              padding: 0px;
              line-height: 35px;
              min-height: 35px;
              text-align: left;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              word-wrap: normal; }
              .consult-detail .booking-seat .table-default tbody tr td:before {
                position: relative;
                float: left;
                width: 20%;
                font-size: 11px;
                padding: 0px 5px;
                margin: 0px 10px 0px 0px;
                text-align: center;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                word-wrap: normal;
                background: #f7f7f7; }
        .consult-detail .booking-seat .table-default td:nth-of-type(1):before {
          content: "\BD80\D0B9\B118\BC84"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(2):before {
          content: "\C120\C0AC"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(3):before {
          content: "POL"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(4):before {
          content: "POD"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(5):before {
          content: "VSL_NM"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(6):before {
          content: "VSL_VOY"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(7):before {
          content: "ETD"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(8):before {
          content: "ETA"; }
        .consult-detail .booking-seat .table-default td:nth-of-type(9):before {
          content: "T/Time"; } }
    .consult-detail .booking-seat .seat-list {
      display: inline-block;
      width: 100%;
      margin: 0px 0px 20px; }
      .consult-detail .booking-seat .seat-list span {
        font-weight: bold; }
      .consult-detail .booking-seat .seat-list .radio-btn {
        display: inline-block; }
        .consult-detail .booking-seat .seat-list .radio-btn label {
          cursor: not-allowed; }
          .consult-detail .booking-seat .seat-list .radio-btn label:hover {
            box-shadow: none; }
      .consult-detail .booking-seat .seat-list dl {
        float: left;
        width: 32%;
        margin: 0px 24px 0px 0px;
        border: 1px solid #eee;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px; }
        .consult-detail .booking-seat .seat-list dl:last-child {
          float: right;
          margin: 0px; }
        .consult-detail .booking-seat .seat-list dl p {
          padding: 10px;
          margin: 0;
          color: #999;
          background: #f7f7f7; }
          .consult-detail .booking-seat .seat-list dl p span {
            float: right;
            font-size: 16px;
            color: #000;
            letter-spacing: 3px; }
            .consult-detail .booking-seat .seat-list dl p span font {
              color: #f44336; }
        .consult-detail .booking-seat .seat-list dl dt {
          color: #ccc;
          font-weight: bold;
          padding: 10px 10px 0px;
          background: #fff;
          border-top: 1px solid #eee; }
          .consult-detail .booking-seat .seat-list dl dt i {
            font-weight: bold;
            font-size: 15px;
            color: #ccc;
            vertical-align: middle; }
            .consult-detail .booking-seat .seat-list dl dt i.complete-user {
              color: #48CFAD; }
            .consult-detail .booking-seat .seat-list dl dt i.complete-forwarder {
              color: #967ADC; }
            .consult-detail .booking-seat .seat-list dl dt i.complete-inner {
              color: #198cff; }
        .consult-detail .booking-seat .seat-list dl dd {
          padding: 0px 10px;
          margin: 5px 0px 10px; }
          .consult-detail .booking-seat .seat-list dl dd .inner-material {
            margin: 7px 0px 11px; }
            .consult-detail .booking-seat .seat-list dl dd .inner-material .effect-8 {
              padding: 5px; }
          .consult-detail .booking-seat .seat-list dl dd .filebox {
            float: none; }
            .consult-detail .booking-seat .seat-list dl dd .filebox .upload-name {
              width: 78%; }
    .consult-detail .booking-seat .seat-list-bl {
      display: inline-block;
      width: 100%;
      margin: 0px 0px 20px; }
      @media screen and (max-width: 635px) {
        .consult-detail .booking-seat .seat-list-bl {
          text-align: center; } }
      .consult-detail .booking-seat .seat-list-bl:hover hr {
        width: 50px;
        border-bottom: 1px solid #198cff; }
      .consult-detail .booking-seat .seat-list-bl .bl-types {
        display: block;
        padding: 10px;
        border-top: 1px solid #eee; }
        .consult-detail .booking-seat .seat-list-bl .bl-types:last-child {
          background: #f7f7f7; }
        @media screen and (max-width: 635px) {
          .consult-detail .booking-seat .seat-list-bl .bl-types {
            text-align: center; }
            .consult-detail .booking-seat .seat-list-bl .bl-types .radio-btn {
              font-size: 12px; }
              .consult-detail .booking-seat .seat-list-bl .bl-types .radio-btn label.blue {
                padding: 5px; }
                .consult-detail .booking-seat .seat-list-bl .bl-types .radio-btn label.blue::before {
                  content: none; } }
  .consult-detail .estimate-list-box {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto 30px; }
    .consult-detail .estimate-list-box h2 {
      display: inline-block; }
    .consult-detail .estimate-list-box:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .estimate-list-box .no-estimate-result {
      color: #999;
      font-size: 14px;
      border: 1px solid #eee;
      margin: 0;
      border-radius: 6px;
      padding: 10px; }
    .consult-detail .estimate-list-box span.comparison {
      position: absolute;
      right: 0;
      top: -10px; }
      .consult-detail .estimate-list-box span.comparison button {
        padding: 5px 10px; }
        .consult-detail .estimate-list-box span.comparison button i {
          font-size: 12px; }
    .consult-detail .estimate-list-box .acc-container {
      margin: 0;
      border: none; }
      .consult-detail .estimate-list-box .acc-container .estimate {
        margin: 0 0 10px;
        border: 1px solid #eee;
        border-radius: 6px;
        overflow: hidden; }
        .consult-detail .estimate-list-box .acc-container .estimate:last-child {
          margin: 0; }
        .consult-detail .estimate-list-box .acc-container .estimate .acc-btn {
          border: none; }
        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner {
          position: inherit; }
          .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer {
            float: left;
            width: 75%; }
            @media screen and (max-width: 855px) {
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer {
                width: 100%; } }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .inner-trans-label {
              display: inline-block;
              padding: 8px 10px;
              margin: 10px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              -o-border-radius: 4px;
              border-radius: 4px;
              color: #68b1f5;
              border: 1px solid #ebf3fe;
              background: #f7fcff; }
              @media screen and (max-width: 635px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .inner-trans-label {
                  display: block;
                  width: 100%;
                  border-radius: 0;
                  margin: 0px 0px 10px; } }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-date {
              display: inline-block;
              font-size: 12px;
              padding: 10px 0px;
              line-height: 18px;
              vertical-align: middle; }
              @media screen and (max-width: 635px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-date {
                  width: 100%;
                  padding: 0px 10px 10px; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-date ul li {
                display: inline-block;
                margin: 0px 10px 0px 0px; }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-date ul li:first-child {
                  display: block; }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-date ul li span.date-bold {
                  color: #f44336; }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .hide-btn-area {
              margin: 0 0 20px; }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box {
              float: right;
              padding: 19px 15px 0 0;
              margin: 0; }
              @media screen and (max-width: 635px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box {
                  float: left;
                  width: 100%;
                  padding: 5px 10px 15px;
                  border-bottom: 1px dashed #eee; } }
              @media only screen and (max-width: 768px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box {
                  float: none;
                  padding: 5px 10px 15px;
                  border-bottom: 1px dashed #eee; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu {
                display: inline-block;
                outline: 0; }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu .comment-btn {
                  color: #fff;
                  font-size: 12px;
                  padding: 7px 10px;
                  border-radius: 5px;
                  background: #000;
                  cursor: pointer; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu .comment-btn i {
                    font-family: "Ionicons"; }
                  @media only screen and (max-width: 768px) {
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu .comment-btn {
                      padding: 6px 10px;
                      font-size: 12px; } }
                @media only screen and (max-width: 768px) {
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu {
                    padding: 0;
                    font-size: 12px; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown {
                position: absolute;
                width: 500px;
                margin: 15px 0 0 -395px;
                border: 1px solid #eee;
                pointer-events: auto;
                z-index: 99;
                opacity: 0;
                visibility: hidden;
                transition: visibility 1s;
                background: #fff;
                box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown.show {
                  opacity: 1;
                  visibility: visible; }
                @media only screen and (max-width: 768px) {
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown {
                    width: 100%;
                    margin-left: -11px; } }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board {
                  padding: 0; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion {
                    position: relative;
                    display: inline-block;
                    color: #000;
                    width: 100%;
                    text-align: left;
                    transition: 0.4s;
                    border-top: 1px solid #ddd;
                    background: #f7f7f7;
                    cursor: pointer; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion:first-child {
                      border: none; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box {
                      padding: 10px;
                      margin: 0;
                      line-height: unset;
                      border: unset;
                      background: unset; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dl, .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dt, .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dd {
                        display: inline-block;
                        font-weight: bold;
                        margin: 0; }
                        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dl dd, .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dt dd, .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box dd dd {
                          margin: 0px 20px 0px 3px;
                          font-weight: normal; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion .board-box p {
                        margin: 5px 0px 0px; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion.accordion:hover {
                      color: #fff;
                      background: #198cff; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion.accordion:hover:after {
                        color: #fff; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .accordion:after {
                      content: "\F123";
                      font-family: 'Ionicons';
                      position: absolute;
                      width: 10%;
                      right: 0;
                      top: 50%;
                      margin-top: -8px;
                      font-size: 13px;
                      color: #999; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .active {
                    color: #fff;
                    background: #198cff; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .active:after {
                      content: "\F126";
                      font-family: 'Ionicons';
                      color: #fff; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel {
                    position: relative;
                    padding: 0px;
                    background-color: #fff;
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height 0.4s ease-out; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel.open {
                      max-height: 3000px; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box {
                      line-height: 20px;
                      display: block;
                      padding: 10px; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box pre {
                        font-family: 'Nanum Gothic', Arial, sans-serif, 'FontAwesome';
                        margin: 0;
                        font-size: 13px;
                        color: #000;
                        line-height: 22px; }
                        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box pre.hide {
                          display: none; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box textarea {
                        width: 100%;
                        height: 340px;
                        font-size: 13px;
                        padding: 10px;
                        border: 1px solid #eee;
                        line-height: 20px;
                        background: #fefff6;
                        resize: none;
                        margin: 0; }
                        @media only screen and (max-width: 768px) {
                          .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box textarea {
                            height: 240px; } }
                        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box textarea.edit-area {
                          display: none; }
                          .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box textarea.edit-area.show {
                            display: block; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box button {
                        display: block;
                        margin: 5px auto 10px;
                        text-align: center; }
                        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box button.edit-btn {
                          display: none; }
                          .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .panel .comment-detail-box button.edit-btn.show {
                            display: block; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .top-comment-box .comment-menu-dropdown .guide-board .no-comment {
                    text-align: center; }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section {
              display: inline-block;
              margin: 70px 10px 0px; }
              @media screen and (max-width: 855px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section {
                  margin: 50px 10px 20px; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table {
                position: relative;
                width: 100%;
                border: none;
                table-layout: fixed; }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr {
                  border-top: 2px solid #eee; }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td {
                    font-size: 12px;
                    text-align: center;
                    line-height: 22px;
                    padding: 20px 0px 0px 0px; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td .route-box {
                      display: block;
                      position: relative;
                      width: 100%;
                      height: 28px;
                      line-height: 1; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td .route-box .tooltips {
                        position: absolute;
                        left: 50%; }
                        .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td .route-box .tooltips .tooltip-text {
                          margin-left: -16px; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td .route-box .route-name-long {
                        word-break: keep-all; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.truck {
                      font-family: 'icomoon' !important;
                      position: relative; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.truck::before {
                        content: "\E907";
                        position: absolute;
                        width: 50px;
                        left: 0;
                        right: 0;
                        top: -20px;
                        font-size: 16px;
                        margin: 0 auto; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.vessel {
                      font-family: 'icomoon' !important;
                      position: relative;
                      color: #198cff; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.vessel::before {
                        content: "\E906";
                        position: absolute;
                        width: 50px;
                        left: 0;
                        right: 0;
                        top: -23px;
                        font-size: 25px;
                        color: #000;
                        margin: 0 auto; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.air {
                      font-family: 'icomoon' !important;
                      position: relative;
                      font-weight: bold;
                      color: #198cff; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.air::before {
                        content: "\E900";
                        position: absolute;
                        width: 50px;
                        left: 0;
                        right: 0;
                        top: -30px;
                        font-size: 16px;
                        color: #000;
                        margin: 0 auto; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.rail {
                      font-family: 'icomoon' !important;
                      position: relative;
                      font-weight: bold; }
                      .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td.rail::before {
                        content: "\E908";
                        position: absolute;
                        width: 50px;
                        left: 0;
                        right: 0;
                        top: -27px;
                        font-size: 30px;
                        margin: 0 auto; }
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .transport-section .img-table tbody tr td span.dot {
                      position: absolute;
                      border-radius: 50px;
                      width: 15px;
                      height: 15px;
                      top: -28px;
                      margin: 0px 0px 0px -6px;
                      background: #198cff; }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .booking-reasons {
              padding: 20px 10px 0;
              margin: 20px 0 0;
              font-weight: bold;
              color: #f44336;
              border-top: 1px dashed #eee; }
              @media screen and (max-width: 1024px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .booking-reasons {
                  margin: 20px 0; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-left-layer .booking-reasons span {
                font-weight: normal;
                color: #000; }
          .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer {
            float: right;
            width: 25%;
            padding: 20px 10px;
            font-size: 12px;
            background: #f7fcff; }
            @media screen and (max-width: 855px) {
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer {
                width: 100%;
                padding: 20px 10px 10px; } }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table {
              margin: 0px 0px 10px; }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul {
                display: inline-block;
                width: 100%; }
                @media screen and (max-width: 855px) {
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul {
                    display: block;
                    float: left;
                    width: 25%; } }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul:last-child {
                  padding: 10px 0px 0px;
                  margin: 5px 0px 0px;
                  border-top: 1px solid #cfe6f1; }
                  @media screen and (max-width: 855px) {
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul:last-child {
                      padding: 0;
                      margin: 0;
                      border: none; } }
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul li {
                  float: left;
                  width: 33%;
                  text-align: center;
                  line-height: 20px; }
                  @media screen and (max-width: 855px) {
                    .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul li {
                      float: none;
                      width: 100%; } }
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .price-table ul li:first-child {
                    font-weight: bold; }
            .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .inner-btn-layer {
              width: 100%;
              margin: 5px 0px;
              text-align: center; }
              @media screen and (max-width: 855px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .inner-btn-layer {
                  float: left; } }
              @media screen and (max-width: 855px) {
                .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .inner-btn-layer ul {
                  margin: 5px 0px 0px;
                  border-top: 1px solid #cfe6f1; } }
              .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .inner-btn-layer ul li {
                display: inline-block;
                width: 100%;
                margin: 5px 0px; }
                @media screen and (max-width: 855px) {
                  .consult-detail .estimate-list-box .acc-container .estimate .acc-content .acc-content-inner .inner-right-layer .inner-btn-layer ul li {
                    width: 49%;
                    padding: 10px 0px 0px; } }
  .consult-detail .hide-btn-area {
    margin: 0 0 30px; }
    .consult-detail .hide-btn-area button {
      margin: 0 0 10px; }
  .consult-detail .top-comment-box {
    margin: 0 0 30px; }
  .consult-detail .request-layer {
    float: left;
    width: 240px;
    margin: 0 0 20px; }
    @media only screen and (max-width: 1124px) {
      .consult-detail .request-layer {
        width: 100%; } }
    .consult-detail .request-layer hr {
      margin: 10px 0px 20px;
      text-align: left; }
    .consult-detail .request-layer:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .request-layer .request-list {
      border: 1px solid #eee; }
      .consult-detail .request-layer .request-list ul {
        border-top: 1px solid #eee; }
        .consult-detail .request-layer .request-list ul:first-child {
          border: none; }
        .consult-detail .request-layer .request-list ul li {
          display: table-cell;
          max-width: 170px;
          padding: 10px;
          line-height: 16px;
          vertical-align: top;
          word-wrap: break-word;
          min-height: 40px;
          font-size: 12px;
          vertical-align: middle; }
          .consult-detail .request-layer .request-list ul li:first-child {
            min-width: 70px;
            text-align: center;
            color: #8c8f94;
            background: #f7f7f7; }
          .consult-detail .request-layer .request-list ul li p {
            margin: 3px 0px 0px; }
  .consult-detail .cargo-img-layer {
    float: left;
    width: 240px;
    margin: 10px 0px 0px; }
    @media only screen and (max-width: 1124px) {
      .consult-detail .cargo-img-layer {
        width: 100%;
        margin: 20px 0px; } }
    .consult-detail .cargo-img-layer h2 {
      display: inline-block; }
    .consult-detail .cargo-img-layer:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .cargo-img-layer button.add-file {
      float: right;
      width: 40%;
      top: -6px; }
      @media only screen and (max-width: 1124px) {
        .consult-detail .cargo-img-layer button.add-file {
          width: 100px; } }
    .consult-detail .cargo-img-layer .cargo-img-box {
      display: table;
      width: 100%;
      text-align: center;
      min-height: 180px; }
      @media only screen and (max-width: 1124px) {
        .consult-detail .cargo-img-layer .cargo-img-box {
          display: block;
          min-height: 160px; } }
      .consult-detail .cargo-img-layer .cargo-img-box .default-box {
        display: table-cell; }
        @media only screen and (max-width: 1124px) {
          .consult-detail .cargo-img-layer .cargo-img-box .default-box {
            display: inline-block;
            width: 100%; } }
        @media screen and (max-width: 635px) {
          .consult-detail .cargo-img-layer .cargo-img-box .default-box ul {
            display: inline-block;
            width: 100%;
            border: 1px solid #eee; } }
        .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li {
          float: left;
          width: 49%;
          height: 110px;
          margin: 0px 0px 5px;
          border: 1px solid #eee;
          position: relative;
          overflow: hidden; }
          .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(2), .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(4) {
            float: right; }
          @media only screen and (max-width: 1124px) {
            .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li {
              float: left;
              width: 24.3%;
              height: 160px;
              margin: 0px 0px 0px 5px; }
              .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:first-child {
                margin: 0px; } }
          @media screen and (max-width: 635px) {
            .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li {
              width: 50%;
              border: none;
              margin: 0px; }
              .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(2), .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(4) {
                border-left: 1px solid #eee; }
              .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(1), .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:nth-child(2) {
                border-bottom: 1px solid #eee; } }
          .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li img {
            width: 100%;
            height: auto;
            cursor: pointer; }
          .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li i {
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
            display: none;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
          .consult-detail .cargo-img-layer .cargo-img-box .default-box ul li:hover i {
            display: block;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
  .consult-detail .route-layer {
    float: right;
    width: 77%;
    margin: 0 0 20px; }
    @media only screen and (max-width: 1124px) {
      .consult-detail .route-layer {
        width: 100%; } }
    .consult-detail .route-layer.fwdr {
      width: 74%; }
    .consult-detail .route-layer hr {
      margin: 10px 0px 20px;
      text-align: left; }
    .consult-detail .route-layer:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .route-layer .route-list {
      float: left;
      width: 100%;
      border: 1px solid #eee; }
      .consult-detail .route-layer .route-list .port-start, .consult-detail .route-layer .route-list .port-end {
        float: left;
        width: 50%;
        border-left: 1px solid #eee; }
        @media screen and (max-width: 1024px) {
          .consult-detail .route-layer .route-list .port-start, .consult-detail .route-layer .route-list .port-end {
            width: 100%;
            float: none;
            border-left: 0; } }
        .consult-detail .route-layer .route-list .port-start:first-child, .consult-detail .route-layer .route-list .port-end:first-child {
          border: none; }
        .consult-detail .route-layer .route-list .port-start h2, .consult-detail .route-layer .route-list .port-end h2 {
          font-size: 13px;
          margin: 0px;
          padding: 10px;
          background: #f7f7f7; }
        .consult-detail .route-layer .route-list .port-start ul, .consult-detail .route-layer .route-list .port-end ul {
          padding: 0px 10px; }
          .consult-detail .route-layer .route-list .port-start ul li, .consult-detail .route-layer .route-list .port-end ul li {
            line-height: 20px;
            margin: 10px 0px; }
            .consult-detail .route-layer .route-list .port-start ul li span, .consult-detail .route-layer .route-list .port-end ul li span {
              display: block;
              font-size: 12px;
              color: #ccc;
              line-height: 14px; }
            .consult-detail .route-layer .route-list .port-start ul li p, .consult-detail .route-layer .route-list .port-end ul li p {
              margin: 0;
              padding: 4px 0;
              color: #3a3939;
              border-bottom: 1px solid #eee; }
  .consult-detail .cargo-info {
    display: inline-block;
    width: 100%;
    margin: 20px 0px 80px; }
    .consult-detail .cargo-info:hover hr {
      width: 50px;
      border-bottom: 1px solid #198cff; }
    .consult-detail .cargo-info .table-default {
      margin: 0 0 10px; }
      .consult-detail .cargo-info .table-default p {
        display: none; }
      @media screen and (max-width: 855px) {
        .consult-detail .cargo-info .table-default {
          display: block;
          border: none; }
          .consult-detail .cargo-info .table-default thead {
            display: none; }
          .consult-detail .cargo-info .table-default table, .consult-detail .cargo-info .table-default tbody, .consult-detail .cargo-info .table-default th, .consult-detail .cargo-info .table-default td, .consult-detail .cargo-info .table-default tr {
            display: block; }
          .consult-detail .cargo-info .table-default td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            padding: 0px;
            line-height: 35px;
            min-height: 35px;
            text-align: left; }
            .consult-detail .cargo-info .table-default td p {
              display: block;
              position: relative;
              float: left;
              width: 25%;
              font-size: 11px;
              padding: 0px 5px;
              margin: 0px 10px 0px 0px;
              text-align: center;
              white-space: nowrap;
              background: #f7f7f7; } }
    @media screen and (max-width: 855px) {
      .consult-detail .cargo-info .lcl-info {
        display: block;
        border: none; }
        .consult-detail .cargo-info .lcl-info table, .consult-detail .cargo-info .lcl-info thead, .consult-detail .cargo-info .lcl-info tbody, .consult-detail .cargo-info .lcl-info th, .consult-detail .cargo-info .lcl-info td, .consult-detail .cargo-info .lcl-info tr {
          display: block; }
        .consult-detail .cargo-info .lcl-info thead tr {
          position: absolute;
          top: -9999px;
          left: -9999px; }
        .consult-detail .cargo-info .lcl-info td {
          border: none;
          border-bottom: 1px solid #eee;
          position: relative;
          padding-left: 50%;
          padding: 0px;
          line-height: 35px;
          min-height: 35px;
          text-align: left; }
          .consult-detail .cargo-info .lcl-info td:before {
            position: relative;
            float: left;
            width: 25%;
            font-size: 11px;
            padding: 0px 5px;
            margin: 0px 10px 0px 0px;
            text-align: center;
            white-space: nowrap;
            background: #f7f7f7; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(1):before {
          content: "\D0C0\C785"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(2):before {
          content: "\C218\B7C9"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(3):before {
          content: "\AC00\B85C"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(4):before {
          content: "\C138\B85C"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(5):before {
          content: "\B192\C774"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(6):before {
          content: "\C911\B7C9"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(7):before {
          content: "CBM"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(8):before {
          content: "\BB3C\D488   \AC00\C561"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(9):before {
          content: "\D1B5\D654"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(10):before {
          content: "\D488\BAA9\BA85"; }
        .consult-detail .cargo-info .lcl-info td:nth-of-type(11):before {
          content: "HSCODE"; } }
    .consult-detail .cargo-info .cfs-indo {
      margin: 30px 0 0; }
    .consult-detail .cargo-info ul li {
      display: inline-block;
      padding: 5px 10px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      color: #fff;
      border: 3px solid #eee;
      background: #198cff;
      vertical-align: middle; }
      .consult-detail .cargo-info ul li.file-name {
        max-width: 200px;
        height: 31px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }
    .consult-detail .cargo-info .go-back-btn-bottom {
      text-align: center;
      margin: 80px auto 40px; }
  .consult-detail .question-list {
    margin: 30px 0px 0px; }
    .consult-detail .question-list h2 {
      text-align: center;
      margin: 15px 0px 0px;
      padding: 10px;
      background: #f7f7f7; }
    .consult-detail .question-list .cd-timeline-date i {
      font-size: 20px;
      margin-top: 20px; }
      @media screen and (max-width: 1024px) {
        .consult-detail .question-list .cd-timeline-date i {
          font-size: 15px;
          margin-top: 13px; } }
    .consult-detail .question-list .cd-timeline-content .forwarder-question {
      font-size: 11px;
      color: #999;
      padding: 15px; }
      .consult-detail .question-list .cd-timeline-content .forwarder-question p {
        font-size: 13px;
        margin: 5px 0px 0px;
        line-height: 1.6;
        color: #000; }
        .consult-detail .question-list .cd-timeline-content .forwarder-question p span.question-date {
          margin: 0px 0px 0px 5px;
          color: #999;
          font-size: 12px; }
    .consult-detail .question-list .cd-timeline-content .user-answer {
      font-size: 11px;
      padding: 15px;
      background: #f7f7f7; }
      .consult-detail .question-list .cd-timeline-content .user-answer p {
        font-size: 13px;
        margin: 5px 0px 0px;
        line-height: 1.6;
        color: #000; }
        .consult-detail .question-list .cd-timeline-content .user-answer p .answer-date {
          margin: 0px 0px 0px 5px;
          color: #999; }
    .consult-detail .question-list .cd-timeline-content .answer-box {
      padding: 10px 15px;
      border-top: 1px solid #e6e6e6;
      background: #f7f7f7; }
      .consult-detail .question-list .cd-timeline-content .answer-box .inner-material {
        margin: 0px; }
      .consult-detail .question-list .cd-timeline-content .answer-box .effect-7, .consult-detail .question-list .cd-timeline-content .answer-box .effect-8, .consult-detail .question-list .cd-timeline-content .answer-box .effect-9 {
        padding: 5px;
        border: 1px solid #e0e0e0; }

.last-check-modal .sweet-modal-title h2 {
  text-align: center; }

.last-check-modal .sweet-modal-box {
  top: 15%; }
  .last-check-modal .sweet-modal-box .sweet-modal-icon {
    margin: 20px auto 0px; }
  .last-check-modal .sweet-modal-box .sweet-modal-content {
    text-align: center; }
    .last-check-modal .sweet-modal-box .sweet-modal-content .check-time ul li {
      display: inline-block;
      font-size: 16px;
      margin: 0px 0px 0px 10px;
      letter-spacing: 1px; }
      .last-check-modal .sweet-modal-box .sweet-modal-content .check-time ul li:first-child {
        margin: 0; }
    .last-check-modal .sweet-modal-box .sweet-modal-content .check-info {
      margin: 10px 0px;
      padding: 10px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      background: #1c1e23; }
      .last-check-modal .sweet-modal-box .sweet-modal-content .check-info .cntr {
        display: inline-block;
        margin: 0px 0px 0px 10px; }
        .last-check-modal .sweet-modal-box .sweet-modal-content .check-info .cntr .cbx {
          width: 15px;
          height: 15px;
          vertical-align: sub; }
          .last-check-modal .sweet-modal-box .sweet-modal-content .check-info .cntr .cbx:after {
            top: 1px;
            left: 4px; }
        .last-check-modal .sweet-modal-box .sweet-modal-content .check-info .cntr .lbl {
          vertical-align: baseline; }

.guide-board {
  padding: 20px 0px; }
  .guide-board:hover hr {
    width: 50px;
    border-bottom: 1px solid #198cff; }
  .guide-board h3 {
    display: inline-block; }
  .guide-board .board-box {
    padding: 20px;
    margin: 20px 0px 0px;
    line-height: 22px;
    border: 1px solid #eee;
    background: #fefff6; }
    .guide-board .board-box dl, .guide-board .board-box dt, .guide-board .board-box dd {
      display: inline-block;
      font-weight: bold;
      margin: 0; }
      .guide-board .board-box dl dd, .guide-board .board-box dt dd, .guide-board .board-box dd dd {
        margin: 0px 20px 0px 3px;
        font-weight: normal; }
    .guide-board .board-box p {
      margin: 5px 0px 0px; }

.admin-guide-board .accordion {
  position: relative;
  display: inline-block;
  color: #000;
  width: 100%;
  text-align: left;
  transition: 0.4s;
  background: #f7f7f7;
  cursor: pointer; }
  .admin-guide-board .accordion:first-child {
    border: none; }
  .admin-guide-board .accordion .board-box {
    padding: 10px; }
    .admin-guide-board .accordion .board-box dl, .admin-guide-board .accordion .board-box dt, .admin-guide-board .accordion .board-box dd {
      display: inline-block;
      font-weight: bold;
      margin: 0; }
      .admin-guide-board .accordion .board-box dl dd, .admin-guide-board .accordion .board-box dt dd, .admin-guide-board .accordion .board-box dd dd {
        margin: 0px 20px 0px 3px;
        font-weight: normal; }
    .admin-guide-board .accordion .board-box p {
      margin: 5px 0px 0px; }
  .admin-guide-board .accordion.accordion:hover {
    color: #fff;
    background: #198cff; }
    .admin-guide-board .accordion.accordion:hover:after {
      color: #fff; }
  .admin-guide-board .accordion:after {
    content: "\F123";
    font-family: 'Ionicons';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    font-size: 13px;
    color: #999; }

.admin-guide-board .active {
  color: #fff;
  background: #198cff; }
  .admin-guide-board .active:after {
    content: "\F126";
    font-family: 'Ionicons';
    color: #fff; }

.admin-guide-board .panel {
  position: relative;
  padding: 0px;
  border: 1px solid #eee;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out; }
  .admin-guide-board .panel.open {
    max-height: 3000px; }
  .admin-guide-board .panel .comment-detail-box {
    line-height: 20px;
    display: block;
    padding: 10px; }
    .admin-guide-board .panel .comment-detail-box pre {
      font-family: 'Nanum Gothic', Arial, sans-serif, 'FontAwesome';
      margin: 0;
      font-size: 13px;
      color: #000;
      line-height: 22px; }
      .admin-guide-board .panel .comment-detail-box pre.hide {
        display: none; }
    .admin-guide-board .panel .comment-detail-box textarea {
      width: 100%;
      height: 340px;
      font-size: 13px;
      padding: 10px;
      border: 1px solid #eee;
      line-height: 20px;
      background: #fefff6;
      resize: none;
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .admin-guide-board .panel .comment-detail-box textarea {
          height: 240px; } }
      .admin-guide-board .panel .comment-detail-box textarea.edit-area {
        display: none; }
        .admin-guide-board .panel .comment-detail-box textarea.edit-area.show {
          display: block; }
    .admin-guide-board .panel .comment-detail-box button {
      display: block;
      margin: 15px auto 0;
      text-align: center; }
      .admin-guide-board .panel .comment-detail-box button.edit-btn {
        display: none; }
        .admin-guide-board .panel .comment-detail-box button.edit-btn.show {
          display: block; }

.admin-guide-board .no-comment {
  text-align: center; }

.estimate-modal .sweet-modal-box {
  min-height: 50%; }
  .estimate-modal .sweet-modal-box .inner-material .effect-17 {
    border: 1px solid #eee;
    padding: 7px 10px; }

.estimate-modal .sweet-modal-buttons {
  display: inline-block;
  width: 100%;
  margin: 20px 0 0;
  border: none; }
  .estimate-modal .sweet-modal-buttons button {
    min-width: 90px;
    border-radius: 50px; }
    .estimate-modal .sweet-modal-buttons button.btn-gray {
      color: #000; }
      .estimate-modal .sweet-modal-buttons button.btn-gray:hover {
        color: #fff;
        background: #f44336;
        box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }

.fare-detail {
  margin: 30px 0px; }
  .fare-detail .nav-tabs {
    margin: 0; }
  .fare-detail .fare-sortation-detail .sortation-detail-top {
    position: relative;
    z-index: 100; }
    .fare-detail .fare-sortation-detail .sortation-detail-top form {
      display: inline-block;
      width: 18%;
      margin: 10px 5px 0px 0px; }
      .fare-detail .fare-sortation-detail .sortation-detail-top form:nth-child(1) {
        position: relative;
        z-index: 9; }
      .fare-detail .fare-sortation-detail .sortation-detail-top form:last-child {
        float: right;
        margin: 22px 0px 0px; }
      .fare-detail .fare-sortation-detail .sortation-detail-top form .calendar {
        color: #999;
        padding: 10px 0px;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #ccc; }
    .fare-detail .fare-sortation-detail .sortation-detail-top .datepicker-area label {
      display: block;
      width: 100%;
      margin: 0 0 5px;
      color: #999; }
    .fare-detail .fare-sortation-detail .sortation-detail-top .datepicker-area .datepicker-container {
      width: 100%; }
      .fare-detail .fare-sortation-detail .sortation-detail-top .datepicker-area .datepicker-container .datepicker-input-container {
        width: 100%;
        border: 1px solid #e2e2e2; }
        .fare-detail .fare-sortation-detail .sortation-detail-top .datepicker-area .datepicker-container .datepicker-input-container .datepicker-input {
          margin: 0;
          border: none;
          color: #999;
          text-align: left; }
        .fare-detail .fare-sortation-detail .sortation-detail-top .datepicker-area .datepicker-container .datepicker-input-container .datepicker-input-icon {
          position: absolute;
          right: 8px;
          top: 8px; }
  .fare-detail .fare-sortation-detail .card-block button {
    width: auto;
    border-radius: 50px;
    padding: 8px 15px; }
  .fare-detail .fare-sortation-detail .transport-section {
    display: inline-block;
    width: 100%;
    margin: 40px 0px 0px; }
    .fare-detail .fare-sortation-detail .transport-section .ex-text {
      padding: 10px 20px;
      color: #999;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      background: #eee;
      line-height: 18px; }
      .fare-detail .fare-sortation-detail .transport-section .ex-text i {
        font-size: 14px !important;
        padding: 0px !important; }
    .fare-detail .fare-sortation-detail .transport-section .table-btn {
      float: right;
      margin: 20px 0px; }
  .fare-detail .fare-sortation-detail div:hover hr {
    width: 50px;
    border-bottom: 1px solid #198cff; }
  .fare-detail .fare-sortation-detail h2 span {
    padding: 2px 8px;
    margin: 0px 5px 0px 0px;
    font-weight: normal;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .fare-detail .fare-sortation-detail h2 span.mint {
      color: #fff;
      background: #48CFAD; }
    .fare-detail .fare-sortation-detail h2 span.bitter {
      color: #fff;
      background: #E9573F; }
  .fare-detail .fare-sortation-detail h2 button {
    margin: 0 0 0 7px;
    border-radius: 4px;
    padding: 2px 4px; }
  .fare-detail .fare-sortation-detail .table-default {
    margin: 0 0px 40px; }
    .fare-detail .fare-sortation-detail .table-default .delete {
      color: #999;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .fare-detail .fare-sortation-detail .table-default .delete:hover {
        color: #f44336;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .fare-detail .fare-sortation-detail .table-default .check {
      color: #999;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .fare-detail .fare-sortation-detail .table-default .check:hover {
        color: #8CC152;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .fare-detail .fare-sortation-detail .table-default .inner-material {
      margin: 0; }
      .fare-detail .fare-sortation-detail .table-default .inner-material .effect-7, .fare-detail .fare-sortation-detail .table-default .inner-material .effect-8, .fare-detail .fare-sortation-detail .table-default .inner-material .effect-9 {
        border: 1px solid #e2e2e2;
        padding: 7px 5px;
        transition: 0.4s;
        font-size: 12px; }
        .fare-detail .fare-sortation-detail .table-default .inner-material .effect-7:focus, .fare-detail .fare-sortation-detail .table-default .inner-material .effect-8:focus, .fare-detail .fare-sortation-detail .table-default .inner-material .effect-9:focus {
          background: #fcfdf4; }
    .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline {
      font-size: 12px; }
      .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline > span {
        padding: 1px 5px 0px;
        border-bottom: none;
        border: 1px solid #e2e2e2;
        color: #999;
        background: #fff; }
        .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline > span::after {
          right: 0.25em;
          top: 10px;
          font-size: 10px;
          color: #ccc; }
      .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline.cs-active {
        border-bottom: none; }
      .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline.cs-active > span::after {
        -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg);
        transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg); }
      .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline .cs-options ul {
        border: none; }
        .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline .cs-options ul li {
          display: block;
          width: 100%;
          padding: 5px;
          background: #198cff; }
          .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline .cs-options ul li:first-child {
            width: 100% !important; }
          .fare-detail .fare-sortation-detail .table-default div.cs-skin-underline .cs-options ul li span {
            padding: 5px 5px 10px; }
    .fare-detail .fare-sortation-detail .table-default span.content-save-btn {
      float: right; }

.consult .cs-small {
  width: 29%; }

.consult .cs-md {
  width: 47%; }

.consult .effect-17 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: -1px;
  color: #999;
  font-size: 13px;
  transition: 0.3s;
  z-index: -1;
  letter-spacing: 0.5px;
  line-height: 24px; }

.consult .effect-17:focus ~ label {
  top: -24px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.consult .has-content.effect-17 ~ label {
  top: -16px;
  font-size: 12px;
  color: #198cff;
  transition: 0.3s; }

.consult .auto-complate-open {
  max-height: 245px;
  z-index: 11111; }

.consult .weight .tooltip, .consult .count .tooltip {
  position: absolute;
  background: #212121;
  border-radius: 5px;
  width: 212%;
  max-width: 300px;
  color: #fff;
  top: 30px;
  padding: 5px 7px;
  line-height: 1.1;
  font-size: 11px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s; }
  .consult .weight .tooltip.show, .consult .count .tooltip.show {
    visibility: visible;
    opacity: 1;
    transition: 0.5s; }

table.booking-sheet-first tbody tr td {
  line-height: 1.1; }

table.booking-sheet-first .inner-material {
  margin: 0; }
  table.booking-sheet-first .inner-material .effect-8 {
    padding: 5px; }

.consult-detail .booking-seat .table-default {
  margin: 0 0 20px; }
  .consult-detail .booking-seat .table-default.truck {
    margin-top: 5px;
    margin-bottom: 5px; }

.consult-detail .booking-seat .seat-list .cs-skin-underline > span {
  padding: 11px 0px 11px 0px; }
  .consult-detail .booking-seat .seat-list .cs-skin-underline > span::after {
    top: 10px; }

.consult-detail .booking-seat .seat-list .seat-box {
  float: left;
  width: 24.2%;
  margin: 0px 1% 0px 0px; }
  .consult-detail .booking-seat .seat-list .seat-box.three {
    width: 32.66%; }
  .consult-detail .booking-seat .seat-list .seat-box:last-child {
    margin-right: 0;
    float: right; }

.consult-detail .booking-seat .seat-list .file-type-add .file-add-select {
  width: 49%;
  display: inline-block;
  vertical-align: top; }

.consult-detail .booking-seat .seat-list .file-type-add .inner-material {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
  margin: 0 !important; }

.consult-detail .booking-seat .seat-list .file-type-add .btn {
  display: block;
  float: right;
  width: 30%;
  padding: 7px 0;
  margin: 7px 0; }

.consult-detail .booking-seat .seat-list div.cs-skin-underline {
  font-size: 12px; }
  .consult-detail .booking-seat .seat-list div.cs-skin-underline > span {
    padding: 5px;
    border-bottom: none;
    border: 1px solid #ccc;
    color: #999;
    background: #fff;
    padding: 8px;
    line-height: 13px; }
    .consult-detail .booking-seat .seat-list div.cs-skin-underline > span::after {
      right: 0.25em;
      top: 14px;
      font-size: 10px;
      color: #ccc; }
  .consult-detail .booking-seat .seat-list div.cs-skin-underline.selected .cs-placeholder {
    border: 1px solid #ccc;
    color: #333; }
  .consult-detail .booking-seat .seat-list div.cs-skin-underline.cs-active {
    border-bottom: none; }
  .consult-detail .booking-seat .seat-list div.cs-skin-underline.cs-active > span::after {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 179deg); }
  .consult-detail .booking-seat .seat-list div.cs-skin-underline .cs-options ul {
    border: none; }
    .consult-detail .booking-seat .seat-list div.cs-skin-underline .cs-options ul li {
      display: block;
      width: 100%;
      padding: 5px;
      background: #198cff; }
      .consult-detail .booking-seat .seat-list div.cs-skin-underline .cs-options ul li:first-child {
        width: 100% !important; }
      .consult-detail .booking-seat .seat-list div.cs-skin-underline .cs-options ul li span {
        padding: 5px 5px 10px; }

.consult-detail .booking-seat .seat-list dl {
  width: 100%;
  margin: 0; }
  .consult-detail .booking-seat .seat-list dl.booking-num {
    margin-bottom: 10px; }
  .consult-detail .booking-seat .seat-list dl.con-num {
    margin-top: 10px; }
  .consult-detail .booking-seat .seat-list dl .booking-file-list {
    clear: both; }
    .consult-detail .booking-seat .seat-list dl .booking-file-list .del-file {
      float: right;
      font-weight: normal;
      color: #f44336;
      font-size: 0.8em;
      margin: 5px;
      text-decoration: underline;
      cursor: pointer; }
    .consult-detail .booking-seat .seat-list dl .booking-file-list .down-file {
      float: right;
      font-weight: normal;
      color: #198cff;
      font-size: 0.8em;
      margin: 5px;
      text-decoration: underline;
      cursor: pointer; }
  .consult-detail .booking-seat .seat-list dl dd {
    clear: both;
    position: relative; }
    .consult-detail .booking-seat .seat-list dl dd .booking-file-box i {
      margin-left: 2px;
      font-size: 20px;
      color: #ccc;
      cursor: pointer;
      vertical-align: middle; }
      .consult-detail .booking-seat .seat-list dl dd .booking-file-box i:hover {
        color: #999; }
    .consult-detail .booking-seat .seat-list dl dd .booking-file-box .upload-name {
      display: inline-block;
      padding: .5em .75em;
      font-size: inherit;
      font-family: inherit;
      line-height: normal;
      vertical-align: middle;
      background-color: #f5f5f5;
      border: 1px solid #ebebeb;
      border-bottom-color: #e2e2e2;
      border-radius: .25em;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 60% !important;
      vertical-align: middle; }
    .consult-detail .booking-seat .seat-list dl dd .booking-file-box .btn {
      width: 32%;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      overflow: hidden; }
      .consult-detail .booking-seat .seat-list dl dd .booking-file-box .btn .upload-hidden {
        position: absolute;
        right: 0px;
        top: 0px;
        opacity: 0;
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0; }
    .consult-detail .booking-seat .seat-list dl dd.seat-list-time .inner-material {
      width: 49%;
      display: inline-block;
      vertical-align: top;
      margin: 7px 0 1%; }
    .consult-detail .booking-seat .seat-list dl dd.seat-list-time .time-select {
      width: 24%;
      display: inline-block;
      vertical-align: top;
      margin: 7px 0px; }
    .consult-detail .booking-seat .seat-list dl dd.seat-list-free-time .inner-material {
      width: 20%;
      display: inline-block;
      vertical-align: middle;
      margin: 0; }
      .consult-detail .booking-seat .seat-list dl dd.seat-list-free-time .inner-material input {
        width: 100%; }
  .consult-detail .booking-seat .seat-list dl p {
    clear: both; }

.consult-detail .booking-seat .seat-list .booking-file-list {
  clear: both; }

.consult-detail .booking-seat .auto-complate-open {
  margin-top: -12px;
  width: 92%;
  z-index: 1111; }

.consult-detail .booking-seat .line {
  margin-top: -1px;
  width: 150%;
  z-index: 2222; }

.consult-detail .booking-seat .add-container {
  height: 25px;
  padding: 0 15px;
  font-size: 12px;
  line-height: 22px;
  margin-top: -2px;
  float: right; }

:disabled {
  cursor: not-allowed;
  background: transparent; }

.cfs .table-mobile-scroll {
  margin: 0 0 40px; }
  @media screen and (max-width: 1024px) {
    .cfs .table-mobile-scroll {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap; } }
  .cfs .table-mobile-scroll .table-default {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .cfs .table-mobile-scroll .table-default {
        width: auto; } }
    .cfs .table-mobile-scroll .table-default tr td {
      -webkit-user-select: all;
      -moz-user-select: all;
      -ms-user-select: all;
      user-select: all; }
      .cfs .table-mobile-scroll .table-default tr td .number {
        cursor: pointer; }
      .cfs .table-mobile-scroll .table-default tr td button {
        font-size: 12px;
        padding: 4px 8px; }

.cfs .btns {
  text-align: center;
  margin-bottom: 20px; }
  .cfs .btns .btn {
    display: inline-block;
    vertical-align: middle; }
    .cfs .btns .btn:first-child {
      margin-right: 5px; }

.cfs section {
  position: relative;
  margin: 0 0 40px; }
  .cfs section.cfs-company-list .table-mobile-scroll {
    margin: 0 0 20px; }
    @media screen and (max-width: 1024px) {
      .cfs section.cfs-company-list .table-mobile-scroll {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap; } }
    .cfs section.cfs-company-list .table-mobile-scroll .table-default {
      margin: 0; }
      @media screen and (max-width: 1024px) {
        .cfs section.cfs-company-list .table-mobile-scroll .table-default {
          width: auto; } }

.cargopic-check-modal .sweet-modal-overlay.dark-modal .sweet-modal-box {
  width: 50%;
  left: 25%;
  top: 10%; }
  .cargopic-check-modal .sweet-modal-overlay.dark-modal .sweet-modal-box img {
    margin: 0 auto;
    display: block;
    max-width: 100%; }

.consult-detail .cargo-img-layer .cargo-img-box .default-box ul li {
  vertical-align: top; }

.bl-types {
  display: inline-block;
  vertical-align: middle; }

.tracking-layer {
  display: inline-block;
  width: 100%;
  margin: 0 0 30px; }
  .tracking-layer:hover hr {
    width: 50px;
    border-bottom: 1px solid #198cff; }

.si-content-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  color: #fff; }

.si-has-border .si-content-wrapper {
  border: 0; }

.si-pointer-bg-top {
  border-top-color: rgba(0, 0, 0, 0.7); }

.si-pointer-border-top,
.si-pointer-border-bottom {
  border: 0; }

.si-pointer-bottom {
  border: 0; }

.si-close-button {
  display: none; }

.info-window {
  text-align: left;
  color: #EEF3F6;
  overflow-y: visible; }
  .info-window h6 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 3px 0; }
  .info-window p {
    margin: 0;
    line-height: 1.2;
    font-size: 11px; }
  .info-window ul {
    margin-top: 5px; }
    .info-window ul li {
      font-size: 11px;
      line-height: 14px;
      margin-top: 5px;
      display: block; }

.cargo-other {
  border: 1px solid #eee;
  margin: 10px 0px;
  border-radius: 5px;
  padding: 20px 0 5px; }
  .cargo-other .inner-table tbody tr {
    margin: 20px 0 0; }
    @media screen and (max-width: 1024px) {
      .cargo-other .inner-table tbody tr {
        display: table-row; } }
    .cargo-other .inner-table tbody tr td {
      width: 20%;
      padding: 0px 5px 0px 0px;
      margin: 5px 0; }
      @media screen and (max-width: 1024px) {
        .cargo-other .inner-table tbody tr td {
          float: left;
          width: 100% !important;
          margin: 5px 0px;
          padding: 0px; } }
      .cargo-other .inner-table tbody tr td:nth-child(2) {
        width: 10%; }
      .cargo-other .inner-table tbody tr td:nth-child(3) {
        width: 50%; }
      .cargo-other .inner-table tbody tr td:nth-child(4) {
        width: 25%; }
      .cargo-other .inner-table tbody tr td .inner-small-width {
        float: left;
        width: 25%;
        padding: 0; }
      .cargo-other .inner-table tbody tr td .inner-md-width {
        float: left;
        width: 55%;
        padding: 0; }
        @media screen and (max-width: 1024px) {
          .cargo-other .inner-table tbody tr td .inner-md-width {
            width: 75%; } }
        .cargo-other .inner-table tbody tr td .inner-md-width .cs-select {
          width: 5%; }
      .cargo-other .inner-table tbody tr td .cs-small {
        float: left;
        width: 25%; }
        @media screen and (max-width: 1024px) {
          .cargo-other .inner-table tbody tr td .cs-small {
            margin: 0; } }
      .cargo-other .inner-table tbody tr td .cs-md {
        float: left;
        width: 45%; }
        @media screen and (max-width: 1024px) {
          .cargo-other .inner-table tbody tr td .cs-md {
            width: 25%;
            margin: 0; } }
      .cargo-other .inner-table tbody tr td:last-child {
        padding: 0; }
      .cargo-other .inner-table tbody tr td .del-other {
        cursor: pointer;
        color: #8c8f94;
        width: 25px;
        height: 25px;
        font-size: 25px;
        text-align: center;
        background: #eee;
        border-radius: 40px;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .cargo-other .inner-table tbody tr td .del-other:hover {
          color: #fff;
          background: #f44336;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        @media screen and (max-width: 1024px) {
          .cargo-other .inner-table tbody tr td .del-other {
            float: right;
            width: auto;
            height: auto;
            padding: 0px 20px;
            border-radius: 4px; } }
  .cargo-other .inner-table .inner-material {
    margin: 5px 0;
    vertical-align: middle; }
    @media screen and (max-width: 635px) {
      .cargo-other .inner-table .inner-material {
        width: 100%; } }
  .cargo-other .inner-table tbody tr td:last-child {
    text-align: left; }
  .cargo-other .add-btns {
    display: block;
    padding: 15px 0 0;
    margin: 20px auto 10px;
    text-align: center;
    border-top: 1px solid #eee; }
  .cargo-other .inner-material .effect-11 {
    padding: 7px 10px;
    border: 1px solid #ccc; }
    .cargo-other .inner-material .effect-11 ~ .focus-bg {
      background-color: #fefff6; }
  .cargo-other div.cs-select {
    vertical-align: middle; }
    .cargo-other div.cs-select .cs-selected span::after {
      top: 45%; }
  .cargo-other .cs-skin-underline.selected .cs-placeholder {
    margin: 5px 0;
    border-bottom: none;
    border: 1px solid #ccc;
    background: #fefff6; }
  .cargo-other .cs-skin-underline > span {
    padding: 16px 5px 14px 5px; }
    .cargo-other .cs-skin-underline > span::after {
      top: 12px; }

.cb {
  clear: both; }

.consult-detail .title-layer .category-label {
  width: 90px; }
  .consult-detail .title-layer .category-label::before {
    left: 39px; }

.small {
  font-weight: normal !important;
  font-size: 0.8em !important; }

.fare-all-layer .tab-content {
  border: 0; }

.acc-container .acc-btn section ul li {
  width: 19.7%; }

.cargo-informations .cargo-table {
  margin: 0 0 20px; }

.guide-board textarea {
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  resize: none;
  margin: 10px 0; }

.cargo-img-layer {
  position: relative; }

.file-upload-tooltip {
  position: absolute;
  width: 210px;
  font-size: 11px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  padding: 6px;
  color: #fff;
  border-radius: 3px;
  right: 0;
  top: 50px; }
  .file-upload-tooltip::before {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
    top: -5px;
    right: 10px; }

.form-error {
  border: 1px solid #f44336; }

.vd-error {
  color: #f44336;
  margin: 3px 0 0; }

.port-air-city.port, .port-air-city.air, .port-air-city.city {
  padding-left: 48px; }
  .port-air-city.port::before, .port-air-city.air::before, .port-air-city.city::before {
    display: block;
    width: 40px;
    text-align: center;
    padding: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 4px 0px 0px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 5px; }

.port-air-city.port::before {
  background: #967ADC;
  content: 'PORT'; }

.port-air-city.air::before {
  background: #48CFAD;
  content: 'AIR'; }

.port-air-city.city::before {
  background: #E9573F;
  content: 'CITY'; }

.fare-detail .left {
  margin-left: 5px; }

.consult-detail .cargo-img-layer {
  float: left;
  width: 240px;
  margin: 1px 0px 0px; }
  @media only screen and (max-width: 1124px) {
    .consult-detail .cargo-img-layer {
      width: 100%;
      margin: 20px 0px; } }

.cargo-list-box .tooltips .tooltip-text {
  max-width: 160px;
  bottom: -90px;
  white-space: normal; }
  .cargo-list-box .tooltips .tooltip-text:after {
    margin-left: -8px; }
  .cargo-list-box .tooltips .tooltip-text.incoterms {
    left: -25%; }

.center {
  margin-top: 50px; }

.modal-header {
  padding-bottom: 5px; }

.modal-footer {
  padding: 0; }

.modal-footer .btn-group button {
  height: 40px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  border-right: 1px solid #ddd; }

.modal-footer .btn-group:last-child > button {
  border-right: 0; }

.codition {
  position: relative;
  margin: 0 0 5px; }
  .codition .top-form-layer {
    margin: 30px 0px; }
    .codition .top-form-layer ul {
      display: inline-block;
      position: relative;
      width: 100%; }
      .codition .top-form-layer ul li {
        display: inline-block;
        text-align: left;
        vertical-align: bottom;
        width: 250px; }
        @media screen and (max-width: 635px) {
          .codition .top-form-layer ul li {
            width: 49%;
            margin: 0 0 10px; } }
        .codition .top-form-layer ul li .form-right, .codition .top-form-layer ul li .form-left {
          position: relative;
          float: right;
          width: 65%;
          padding: 10px 0px 0px; }
          .codition .top-form-layer ul li .form-right .calendar, .codition .top-form-layer ul li .form-left .calendar {
            padding: 7px 10px;
            border-radius: 0px;
            border: 1px solid #e2e2e2; }
          .codition .top-form-layer ul li .form-right input, .codition .top-form-layer ul li .form-left input {
            width: 48%;
            float: left; }
            @media screen and (max-width: 635px) {
              .codition .top-form-layer ul li .form-right input, .codition .top-form-layer ul li .form-left input {
                width: 46%; } }
            .codition .top-form-layer ul li .form-right input:last-child, .codition .top-form-layer ul li .form-left input:last-child {
              float: right; }
          .codition .top-form-layer ul li .form-right span.mid, .codition .top-form-layer ul li .form-left span.mid {
            display: block;
            height: 30px;
            float: left;
            line-height: 45px; }
          .codition .top-form-layer ul li .form-right .input-right-text, .codition .top-form-layer ul li .form-left .input-right-text {
            position: absolute;
            top: -5px;
            left: 0px;
            color: #999; }
            .codition .top-form-layer ul li .form-right .input-right-text a, .codition .top-form-layer ul li .form-left .input-right-text a {
              color: #000; }
        .codition .top-form-layer ul li .form-right {
          float: right; }
        .codition .top-form-layer ul li .form-left {
          float: left;
          width: 100%; }
        .codition .top-form-layer ul li .effect-17 {
          padding: 8px 0px; }
        .codition .top-form-layer ul li .effect-17 ~ label {
          top: -1px; }
        .codition .top-form-layer ul li .effect-17:focus ~ label {
          top: -20px; }
        .codition .top-form-layer ul li .has-content.effect-17 ~ label {
          top: -14px; }
        .codition .top-form-layer ul li.date-select {
          width: 35%; }
          @media screen and (max-width: 635px) {
            .codition .top-form-layer ul li.date-select {
              width: 49%; } }
        .codition .top-form-layer ul li .inner-material {
          margin: 0; }
        .codition .top-form-layer ul li.left {
          float: left; }
        .codition .top-form-layer ul li.right {
          float: right; }
          .codition .top-form-layer ul li.right .btn {
            float: right;
            top: 60px;
            position: absolute;
            right: 0; }
  .codition .click-info {
    margin: 40px 0 5px; }
  .codition .add-btn-area {
    margin: 20px 0 0; }

.p2pSection {
  position: relative;
  margin: 0 0 30px; }

.cfs h3 {
  float: left;
  margin: 10px 0; }

.cfs .cfs-search {
  width: 30%;
  float: right; }

.cfs .table-default {
  clear: both;
  font-size: 12px; }
  .cfs .table-default tr {
    min-height: 39px; }
    .cfs .table-default tr td {
      padding: 5px 3px;
      line-height: 16px; }
  .cfs .table-default span.number {
    display: block; }

.cfs .click-info {
  margin: 40px 0 5px; }
  .cfs .click-info i {
    color: #f44336; }

.cfs .table-mobile-scroll {
  margin: 0 0 40px; }
  @media screen and (max-width: 1024px) {
    .cfs .table-mobile-scroll {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap; } }
  .cfs .table-mobile-scroll .company-list-table {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .cfs .table-mobile-scroll .company-list-table {
        width: auto; } }
    .cfs .table-mobile-scroll .company-list-table tbody tr td {
      -webkit-user-select: all;
      -moz-user-select: all;
      -ms-user-select: all;
      user-select: all; }
      .cfs .table-mobile-scroll .company-list-table tbody tr td .number {
        cursor: pointer; }

.basic h3 {
  float: left;
  width: 30%;
  margin: 10px 0; }

.basic .cfs-search {
  width: 30%;
  float: right; }

.basic .table-default {
  clear: both;
  font-size: 12px;
  margin: 0; }
  @media screen and (max-width: 1024px) {
    .basic .table-default {
      width: auto; } }
  .basic .table-default tr {
    min-height: 39px; }
    .basic .table-default tr td {
      padding: 5px 3px;
      line-height: 16px;
      height: 40px; }
  .basic .table-default span.number {
    display: block; }

.basic .click-info {
  margin: 40px 0 5px; }
  .basic .click-info i {
    color: #f44336; }

.basic .table-mobile-scroll {
  margin: 0 0 40px; }
  @media screen and (max-width: 1024px) {
    .basic .table-mobile-scroll {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap; } }
  .basic .table-mobile-scroll .user-list-table {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .basic .table-mobile-scroll .user-list-table {
        width: auto; } }
    .basic .table-mobile-scroll .user-list-table tbody tr td {
      -webkit-user-select: all;
      -moz-user-select: all;
      -ms-user-select: all;
      user-select: all; }
      .basic .table-mobile-scroll .user-list-table tbody tr td .number {
        cursor: pointer; }

.cfs-info ul li.form, .account-detail ul li.form, .contract-detail ul li.form {
  display: block;
  margin-bottom: 10px;
  clear: both; }
  .cfs-info ul li.form:last-child, .account-detail ul li.form:last-child, .contract-detail ul li.form:last-child {
    margin-bottom: 0; }
  .cfs-info ul li.form .inner-material, .account-detail ul li.form .inner-material, .contract-detail ul li.form .inner-material {
    margin: 5px 0; }
  .cfs-info ul li.form label, .account-detail ul li.form label, .contract-detail ul li.form label {
    margin-bottom: 0;
    font-weight: bold; }
  .cfs-info ul li.form input, .account-detail ul li.form input, .contract-detail ul li.form input {
    width: 100%; }
  .cfs-info ul li.form p, .account-detail ul li.form p, .contract-detail ul li.form p {
    padding: 5px 0;
    margin: 0;
    width: 100%;
    height: 31px; }
  .cfs-info ul li.form.date, .account-detail ul li.form.date, .contract-detail ul li.form.date {
    height: 57px; }
    .cfs-info ul li.form.date input, .account-detail ul li.form.date input, .contract-detail ul li.form.date input {
      width: 48%;
      display: block;
      float: left; }
    .cfs-info ul li.form.date .mid, .account-detail ul li.form.date .mid, .contract-detail ul li.form.date .mid {
      width: 4%;
      display: block;
      float: left;
      text-align: center;
      height: 31px;
      line-break: 31px; }

.cfs-info .sweet-modal-buttons button, .account-detail .sweet-modal-buttons button, .contract-detail .sweet-modal-buttons button {
  min-width: 90px;
  border-radius: 50px; }
  .cfs-info .sweet-modal-buttons button.btn-gray, .account-detail .sweet-modal-buttons button.btn-gray, .contract-detail .sweet-modal-buttons button.btn-gray {
    color: #000; }
    .cfs-info .sweet-modal-buttons button.btn-gray:hover, .account-detail .sweet-modal-buttons button.btn-gray:hover, .contract-detail .sweet-modal-buttons button.btn-gray:hover {
      color: #fff;
      background: #f44336;
      box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }

.cfs-info .sweet-modal-box .sweet-modal-content {
  padding: 10px; }
  .cfs-info .sweet-modal-box .sweet-modal-content ul li {
    padding: 20px 0 15px;
    border-bottom: 1px solid #eee; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li:first-child {
      padding: 0 0 20px; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li label {
      margin: 0 0 5px; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li.memo-box label {
      display: block; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li.memo-box textarea {
      width: 100%;
      height: 100px;
      display: block;
      resize: none; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li.memo-box .memo-save {
      display: block;
      margin-top: 5px; }
      .cfs-info .sweet-modal-box .sweet-modal-content ul li.memo-box .memo-save .memo-up-dtm {
        font-size: 12px;
        margin: 5px;
        display: block; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li .inner-material {
      margin: 0 0 10px; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li.mid-line {
      border-bottom: 1px solid #aaaaaa;
      height: 0px;
      padding: 10px 0; }
    .cfs-info .sweet-modal-box .sweet-modal-content ul li.buttons {
      border: 0;
      text-align: right; }

.two {
  width: 45%;
  float: left; }

.radio_pink [type="radio"]:checked,
.radio_pink [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

.radio_pink [type="radio"]:checked + label,
.radio_pink [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #000; }

.radio_pink [type="radio"]:checked + label:before,
.radio_pink [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff; }

.radio_pink [type="radio"]:checked + label:after,
.radio_pink [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 9px;
  height: 9px;
  background: #F87DA9;
  position: absolute;
  top: 6px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.radio_pink [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.radio_pink [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.radio_pink span {
  display: inline-block;
  margin: 0 15px 0 0;
  line-height: 25px; }
  @media screen and (max-width: 635px) {
    .radio_pink span {
      min-width: 65px; } }
  .radio_pink span:last-child {
    margin: 0; }

.promotion-edit h3 {
  margin-top: 1.5rem; }

.cfs .btn-md {
  margin-top: 5px;
  margin-left: 8px; }

.info-window {
  text-align: left;
  color: #EEF3F6;
  overflow-y: visible; }
  .info-window h6 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 3px 0; }
  .info-window p {
    margin: 0;
    line-height: 1.2;
    font-size: 11px; }
  .info-window ul {
    margin-top: 5px; }
    .info-window ul li {
      font-size: 11px;
      line-height: 14px;
      margin-top: 5px;
      display: block; }
  .info-window button {
    z-index: 1111; }

.board-box pre {
  white-space: pre-line; }

.consult-detail .estimate-list-box .acc-content .acc-content-inner {
  min-height: 180px; }

.acc-container .acc-btn section ul {
  font-size: 0; }

.acc-container .acc-btn section ul li {
  font-size: 13px; }

.acc-container .acc-content {
  clear: both; }

.fleets {
  margin: 0 0 40px; }
  .fleets .fleets-header {
    display: block; }
    .fleets .fleets-header h2 {
      font-weight: bold;
      margin: 10px 0 0 0;
      float: left; }
    .fleets .fleets-header .fleet-add, .fleets .fleets-header .vessel-add {
      display: block;
      float: right;
      width: 60%; }
      .fleets .fleets-header .fleet-add .fleet-input, .fleets .fleets-header .vessel-add .fleet-input {
        width: 42%;
        display: inline-block;
        height: 30px;
        padding: 5px;
        vertical-align: middle;
        display: inline-block; }
      .fleets .fleets-header .fleet-add .btn, .fleets .fleets-header .vessel-add .btn {
        width: 14%;
        display: inline-block; }
      .fleets .fleets-header .fleet-add .inner-material, .fleets .fleets-header .vessel-add .inner-material {
        width: 75%;
        display: inline-block; }
    .fleets .fleets-header .vessel-add {
      width: 40%; }
      .fleets .fleets-header .vessel-add .inner-material {
        margin: 0; }
      .fleets .fleets-header .vessel-add .btn {
        width: 24%; }
  .fleets .ag-theme-balham {
    clear: both; }
    .fleets .ag-theme-balham .btn-small {
      padding: 3px 10px;
      font-size: 11px;
      margin: 2px auto;
      display: block; }
  .fleets .management-layer .h3-title {
    float: left;
    width: 10%;
    margin: 0 0 10px 0; }

.cnsltn-pagination ul {
  text-align: center !important;
  font-size: 12px;
  padding-top: 10px; }
  .cnsltn-pagination ul li {
    width: 20px;
    height: 20px;
    padding: 3px 0 0; }

.pac-container {
  z-index: 10000 !important; }

.a-right {
  float: right !important;
  text-align: right !important; }

.fare-all-layer .filebox {
  margin: 20px 0px; }

.fare-all-layer .fare-all-list-box {
  margin: 40px 0px 0px;
  font-size: 12px; }
  @media screen and (max-width: 1024px) {
    .fare-all-layer .fare-all-list-box {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap; } }
  @media screen and (max-width: 1024px) {
    .fare-all-layer .fare-all-list-box .fare-table {
      width: auto; } }
  .fare-all-layer .fare-all-list-box .fare-table ul {
    text-align: center; }
    .fare-all-layer .fare-all-list-box .fare-table ul.fare-first-list li {
      border-bottom: 1px solid #019be0; }
    .fare-all-layer .fare-all-list-box .fare-table ul li {
      display: block;
      line-height: 40px;
      border-bottom: 1px solid #eee;
      min-height: 42px; }
      .fare-all-layer .fare-all-list-box .fare-table ul li i {
        font-size: 11px;
        margin: 0px 0px 0px 3px;
        opacity: 0.6; }
      .fare-all-layer .fare-all-list-box .fare-table ul li.table-btn {
        cursor: pointer; }
      .fare-all-layer .fare-all-list-box .fare-table ul li.forwarder {
        font-weight: bold;
        font-size: 13px; }
      .fare-all-layer .fare-all-list-box .fare-table ul li.bgY {
        background: #f7f7f7;
        overflow: hidden;
        display: block; }
      .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box {
        width: 100%;
        min-height: 41px;
        text-align: center; }
        .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr {
          width: 100%;
          border-top: 1px solid #eee; }
          .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr:first-child {
            border: none; }
          .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr td {
            width: 30%;
            border-left: 1px solid #eee;
            line-height: 1.2;
            padding: 0 5px; }
            .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr td.crncy {
              width: 20%; }
            .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr td:first-child {
              border: none;
              font-weight: normal; }
            .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr td:first-child, .fare-all-layer .fare-all-list-box .fare-table ul li table.small-box tbody tr td:last-child {
              width: 35%;
              color: #000;
              background: none; }
      .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail {
        display: block;
        background: #f7f7f7;
        border-top: 1px solid #eee; }
        .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail table {
          width: 100%; }
          .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail table td {
            height: 42px;
            border-left: 1px solid #eee;
            line-height: 1.1;
            padding: 0 5px; }
            .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail table td.big {
              width: 35%; }
            .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail table td.sm {
              width: 15%; }
          .fare-all-layer .fare-all-list-box .fare-table ul li .open-detail table tr {
            border-bottom: 1px solid #eee; }

.message-table-area {
  margin: 30px 0 0; }
  .message-table-area .tab-content .tab-pane .message-table {
    margin: 20px 0 0; }
    .message-table-area .tab-content .tab-pane .message-table h2 {
      display: inline-block;
      margin: 0;
      vertical-align: middle; }
    .message-table-area .tab-content .tab-pane .message-table button.btn-default {
      margin: 0 0 0 7px;
      border-radius: 4px;
      padding: 3px 4px 1px; }
    .message-table-area .tab-content .tab-pane .message-table .table-default {
      margin: 5px 0 0; }
    .message-table-area .tab-content .tab-pane .message-table .page-center-btn button {
      margin: 30px auto 80px; }

.my-estimate {
  position: relative;
  padding: 20px 0 0 !important; }
  @media screen and (max-width: 855px) {
    .my-estimate {
      padding: 10px 0 0 !important; } }
  .my-estimate .top-form-layer ul {
    display: inline-block;
    position: relative;
    width: 100%; }
    .my-estimate .top-form-layer ul li {
      float: left;
      text-align: left;
      width: 9%;
      padding: 0 5px;
      vertical-align: middle; }
      @media only screen and (max-width: 1500px) {
        .my-estimate .top-form-layer ul li {
          width: 10%; } }
      @media screen and (max-width: 1024px) {
        .my-estimate .top-form-layer ul li {
          width: 20%; } }
      @media screen and (max-width: 855px) {
        .my-estimate .top-form-layer ul li {
          width: 33.33%;
          margin: 0 0 10px; } }
      .my-estimate .top-form-layer ul li:last-child {
        float: right;
        width: 24%; }
        @media screen and (max-width: 1024px) {
          .my-estimate .top-form-layer ul li:last-child {
            width: 32%;
            padding: 10px 5px 0 0; } }
        @media screen and (max-width: 855px) {
          .my-estimate .top-form-layer ul li:last-child {
            float: left;
            width: 100%;
            padding: 20px 5px 0 5px; } }
      .my-estimate .top-form-layer ul li .form-right {
        position: relative;
        float: right;
        width: 100%; }
        .my-estimate .top-form-layer ul li .form-right .calendar {
          padding: 7px 10px;
          margin: 0;
          border-radius: 0px; }
        .my-estimate .top-form-layer ul li .form-right input {
          width: 46%;
          float: left; }
          @media screen and (max-width: 855px) {
            .my-estimate .top-form-layer ul li .form-right input {
              width: 48%; } }
          .my-estimate .top-form-layer ul li .form-right input:last-child {
            float: right; }
        .my-estimate .top-form-layer ul li .form-right .input-right-text {
          position: absolute;
          top: -20px;
          left: 0px;
          color: #999; }
          @media screen and (max-width: 1024px) {
            .my-estimate .top-form-layer ul li .form-right .input-right-text {
              top: 11px;
              left: -70px; } }
          @media screen and (max-width: 855px) {
            .my-estimate .top-form-layer ul li .form-right .input-right-text {
              top: -20px;
              left: 0px; } }
          .my-estimate .top-form-layer ul li .form-right .input-right-text a {
            color: #000; }
        .my-estimate .top-form-layer ul li .form-right span.mid {
          display: block;
          height: 30px;
          float: left;
          line-height: 30px;
          text-align: center; }
          @media screen and (max-width: 855px) {
            .my-estimate .top-form-layer ul li .form-right span.mid {
              width: 4%; } }
      .my-estimate .top-form-layer ul li .inner-material {
        margin: 0; }
        .my-estimate .top-form-layer ul li .inner-material .input-right-text {
          right: 8px;
          top: 8px;
          color: #999; }
      .my-estimate .top-form-layer ul li:nth-child(6) {
        width: 12%; }
        @media screen and (max-width: 1024px) {
          .my-estimate .top-form-layer ul li:nth-child(6) {
            width: 20%;
            margin: 10px 0 0; } }
        @media screen and (max-width: 855px) {
          .my-estimate .top-form-layer ul li:nth-child(6) {
            width: 33.33%;
            margin: 0 0 10px; } }
  .my-estimate .cargo-list-box {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 10px 20px;
    border-top: 1px solid #eee; }
    @media screen and (max-width: 1024px) {
      .my-estimate .cargo-list-box {
        margin: 0 0 10px;
        padding: 0;
        border-radius: 6px;
        border: 1px solid #eee;
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2); } }
    .my-estimate .cargo-list-box.impossible {
      border-top: 1px solid #e6e6e6;
      background: #f2f2f2; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box.impossible {
          border: none; }
          .my-estimate .cargo-list-box.impossible .port-layer {
            border-top: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0; } }
    .my-estimate .cargo-list-box.req-quot-wait {
      border-top: 1px solid #fde4eb;
      background: #fff6f8; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box.req-quot-wait {
          border: none; }
          .my-estimate .cargo-list-box.req-quot-wait .port-layer {
            border-top: 1px solid #fde4eb;
            border-bottom: 1px solid #fde4eb; } }
    .my-estimate .cargo-list-box .box-inner-label {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 12px;
      border-bottom-right-radius: 4px;
      padding: 1px 8px;
      color: #fff; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box .box-inner-label {
          position: relative;
          border-radius: 6px 6px 0 0;
          padding: 3px 10px; } }
    .my-estimate .cargo-list-box .color-mint {
      background: #48CFAD; }
    .my-estimate .cargo-list-box .color-bitter {
      background: #FC6E51; }
    .my-estimate .cargo-list-box .color-lavender {
      background: #AC92EC; }
    .my-estimate .cargo-list-box .box-details {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 40%; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box .box-details {
          width: 100%;
          padding: 10px; } }
      .my-estimate .cargo-list-box .box-details .details-left-layer {
        display: table;
        width: 100%;
        height: 100%;
        font-size: 16px;
        font-weight: bold; }
        .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height {
          display: table-cell;
          vertical-align: middle;
          padding: 0px 10px; }
          @media screen and (max-width: 1024px) {
            .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height {
              padding: 0; } }
          .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .status {
            font-size: 13px;
            color: #198cff; }
          .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub {
            font-size: 12.5px;
            font-weight: normal;
            margin: 5px 0px 0px;
            line-height: 14px;
            color: #000; }
            .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(3), .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(4), .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(5) {
              display: inline-block; }
              @media screen and (max-width: 1024px) {
                .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(3), .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(4), .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(5) {
                  display: block; } }
            .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(4) {
              margin: 0 10px; }
              @media screen and (max-width: 1024px) {
                .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub:nth-child(4) {
                  margin: 5px 0 0; } }
            .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub span {
              color: #999;
              margin: 0 0 0 10px;
              vertical-align: middle; }
              .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height .user-info p.details-sub span:nth-child(1) {
                margin: 0; }
          .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button {
            width: 103px; }
            @media screen and (max-width: 1024px) {
              .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button {
                width: auto;
                padding: 5px 8px; } }
            .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button.btn-lavender {
              margin: 5px 0 0;
              box-shadow: none; }
              .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button.btn-lavender:hover, .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button.btn-lavender:focus {
                background: #9575e2;
                box-shadow: 0px 3px 11px rgba(150, 122, 220, 0.4); }
              @media screen and (max-width: 1024px) {
                .my-estimate .cargo-list-box .box-details .details-left-layer .auto-height button.btn-lavender {
                  margin: 0; } }
      .my-estimate .cargo-list-box .box-details ul {
        position: relative;
        display: inline-block;
        width: 33.333%; }
        .my-estimate .cargo-list-box .box-details ul li {
          display: block;
          width: 100%;
          list-style-type: disc;
          padding: 0;
          text-align: left; }
          .my-estimate .cargo-list-box .box-details ul li:first-child {
            font-weight: bold;
            border: none; }
          .my-estimate .cargo-list-box .box-details ul li.border-line {
            border-bottom: 1px solid #999; }
    .my-estimate .cargo-list-box .port-layer {
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box .port-layer {
          width: 100%;
          border-top: 1px solid #eee;
          border-bottom: 1px solid #eee; } }
      .my-estimate .cargo-list-box .port-layer ul {
        display: block;
        width: auto;
        margin: 0px 0px 5px 20px; }
        .my-estimate .cargo-list-box .port-layer ul li {
          font-size: 12px;
          color: #8c8f94; }
          .my-estimate .cargo-list-box .port-layer ul li:first-child {
            font-size: 14px;
            color: #000; }
      .my-estimate .cargo-list-box .port-layer .port-arrow {
        position: relative;
        float: left;
        width: 10px;
        height: 42px;
        margin: 7px 5px 0px 0px;
        border: 1px solid #ccc;
        border-width: 1px 0px 1px 1px; }
        .my-estimate .cargo-list-box .port-layer .port-arrow::after {
          content: '';
          height: 0;
          width: 0;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #ccc;
          border-top: 5px solid transparent;
          left: 8px;
          position: absolute;
          bottom: -6px; }
    .my-estimate .cargo-list-box .is-impossible {
      position: absolute;
      max-width: 235px;
      top: 29px;
      right: 200px; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box .is-impossible {
          top: 168px;
          right: 10px; } }
      .my-estimate .cargo-list-box .is-impossible .reason {
        display: block;
        padding: 12px;
        color: #fff;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0.7); }
      .my-estimate .cargo-list-box .is-impossible h6 {
        font-weight: bold; }
      .my-estimate .cargo-list-box .is-impossible p {
        margin: 5px 0 0 0; }
    .my-estimate .cargo-list-box .more-btn {
      width: 10%;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .my-estimate .cargo-list-box .more-btn {
          width: 100%;
          text-align: right; } }
      .my-estimate .cargo-list-box .more-btn .estimate-num {
        font-weight: normal;
        font-size: 13px;
        margin: 0px 0px 5px; }
        @media screen and (max-width: 1024px) {
          .my-estimate .cargo-list-box .more-btn .estimate-num {
            float: left;
            margin: 0;
            padding: 5px 0 0; } }
        .my-estimate .cargo-list-box .more-btn .estimate-num span.num-bold {
          font-weight: bold;
          color: #198cff; }

.consult-complete-modal {
  text-align: center; }
  .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box {
    margin-top: -30px; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title h2 {
      text-align: center; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .complete-btn {
      text-align: center; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-icon {
      margin: 30px auto 0px; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content hr {
      margin: 0 auto;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .request-title {
      font-size: 18px;
      font-weight: bold;
      margin: 0px 0px 20px; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content p.sub-title {
      font-size: 12px;
      font-weight: normal;
      margin: 20px 0px 10px;
      color: #999; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content p.consult-num {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 1px;
      margin: 5px 0px; }
      .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content p.consult-num .request-num {
        color: #00ceff; }
    .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .complete-info-box {
      display: table;
      margin: 20px auto 0px;
      padding: 10px 20px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      background: #1c1e23; }
      .consult-complete-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .complete-info-box span {
        color: #00ceff; }
  .consult-complete-modal hr {
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.company-area {
  overflow-x: hidden; }
  .company-area h1 {
    display: inline-block;
    font-size: 16px;
    color: #15202f;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    text-align: left; }
    @media screen and (max-width: 635px) {
      .company-area h1 {
        font-size: 14px; } }
  .company-area h2 {
    font-size: 14px;
    color: #1b272a;
    font-weight: bold;
    margin: 0px 0px 5px 0px; }

.company-btns {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px; }
  @media screen and (max-width: 500px) {
    .company-btns {
      text-align: center; } }
  .company-btns .btn {
    display: inline-block; }
    @media screen and (max-width: 500px) {
      .company-btns .btn {
        font-size: 12px;
        padding: 5px; } }

.company-layer {
  float: left;
  width: 50%;
  margin: 0px 0px 40px 0px; }
  @media only screen and (max-width: 1280px) {
    .company-layer {
      width: 100%; } }
  .company-layer.info-right-box {
    float: right; }
    .company-layer.info-right-box h2.check-border {
      width: 100%;
      padding: 0px 0px 5px 0px;
      border-bottom: 1px solid #e6e6e6; }
      @media screen and (max-width: 500px) {
        .company-layer.info-right-box h2.check-border {
          padding: 10px;
          border: none;
          background: #f7f7f7; } }
  .company-layer .input-line {
    width: 100%;
    padding: 4px 5px;
    border: 1px solid #e2e2e2; }
    .company-layer .input-line:hover, .company-layer .input-line:focus {
      background: #fefff4;
      border: 1px solid #198cff; }
  .company-layer .company-info-box {
    display: inline-block;
    width: 100%;
    padding: 20px 20px 30px;
    border: 1px solid #ececec; }
    @media screen and (max-width: 500px) {
      .company-layer .company-info-box {
        padding: 0; } }
    .company-layer .company-info-box .company-info {
      position: relative; }
      .company-layer .company-info-box .company-info .company-logo {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0px 0px 0px 20px;
        background: #fff;
        z-index: 9; }
        @media screen and (max-width: 500px) {
          .company-layer .company-info-box .company-info .company-logo {
            position: relative;
            padding: 20px; } }
        .company-layer .company-info-box .company-info .company-logo .company-logo-box {
          display: table;
          width: 100px;
          height: 100px;
          border: 1px solid #e6e6e6;
          position: relative; }
          @media screen and (max-width: 500px) {
            .company-layer .company-info-box .company-info .company-logo .company-logo-box {
              margin: auto; } }
          .company-layer .company-info-box .company-info .company-logo .company-logo-box .company-logo-box-inner {
            display: table-cell;
            text-align: center;
            vertical-align: middle; }
          .company-layer .company-info-box .company-info .company-logo .company-logo-box img {
            max-width: 90px; }
          .company-layer .company-info-box .company-info .company-logo .company-logo-box:hover .find-file-btn {
            display: block; }
        .company-layer .company-info-box .company-info .company-logo .find-file-btn {
          position: absolute;
          left: 5%;
          top: 50%;
          margin-top: -10px;
          display: none;
          width: 90%;
          overflow: hidden; }
          .company-layer .company-info-box .company-info .company-logo .find-file-btn .file_input_hidden {
            font-size: 200px; }
      .company-layer .company-info-box .company-info ul {
        position: relative;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #eee; }
        .company-layer .company-info-box .company-info ul.company-address-last {
          border: none; }
        .company-layer .company-info-box .company-info ul li {
          display: inline-block;
          width: 100%;
          font-size: 12px;
          padding: 10px 0 10px 120px;
          margin: 0 0 0 -120px;
          vertical-align: middle; }
          @media screen and (max-width: 635px) {
            .company-layer .company-info-box .company-info ul li {
              width: 60%; } }
          @media screen and (max-width: 500px) {
            .company-layer .company-info-box .company-info ul li {
              width: 100%;
              padding: 10px; } }
          .company-layer .company-info-box .company-info ul li.company-info-title {
            font-weight: bold;
            width: 110px;
            font-size: 13px;
            padding: 0;
            margin: 0; }
            @media screen and (max-width: 500px) {
              .company-layer .company-info-box .company-info ul li.company-info-title {
                width: 100%;
                background: #f7f7f7; } }
          .company-layer .company-info-box .company-info ul li.radio_pink .company-status {
            position: relative;
            padding: 0 0 10px;
            margin: 0 0 10px;
            border-bottom: 1px solid #e2e2e2; }
          .company-layer .company-info-box .company-info ul li.classification span {
            min-width: 72px;
            margin: 0 10px 0 0; }
          .company-layer .company-info-box .company-info ul li.regfile-upload {
            width: auto; }
            .company-layer .company-info-box .company-info ul li.regfile-upload .find-file-btn {
              width: auto; }
          .company-layer .company-info-box .company-info ul li.regfile-check {
            width: 50%;
            margin: 0 0 0 5px;
            padding: 0;
            overflow: hidden; }
            .company-layer .company-info-box .company-info ul li.regfile-check i {
              display: inline-block;
              vertical-align: middle; }
              .company-layer .company-info-box .company-info ul li.regfile-check i.fa-close {
                cursor: pointer; }
                .company-layer .company-info-box .company-info ul li.regfile-check i.fa-close:hover {
                  color: #f44336; }
            .company-layer .company-info-box .company-info ul li.regfile-check a {
              max-width: 70%;
              display: inline-block;
              overflow: hidden;
              vertical-align: middle;
              white-space: nowrap;
              text-overflow: ellipsis; }
              .company-layer .company-info-box .company-info ul li.regfile-check a:hover {
                text-decoration: underline; }
          .company-layer .company-info-box .company-info ul li .inner-material .effect-11 {
            padding: 5px;
            border: 1px solid #e2e2e2; }
      .company-layer .company-info-box .company-info .auto-complate-open ul li {
        display: block;
        line-height: 1;
        padding: 10px; }
      .company-layer .company-info-box .company-info .company-address-post {
        width: 49%;
        height: 27px;
        color: #4a5863;
        font-size: 12px;
        padding: 5px;
        border-bottom: #e6e6e6 1px solid !important;
        border: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: none;
        display: inline-block; }
        .company-layer .company-info-box .company-info .company-address-post:hover, .company-layer .company-info-box .company-info .company-address-post:focus {
          background: #fff;
          border-bottom: #44a9db 2px solid !important; }
      .company-layer .company-info-box .company-info .company-address-address {
        display: inline-block;
        width: 100%;
        color: #4a5863;
        padding: 5px;
        border: #e2e2e2 1px solid;
        background: none; }
        .company-layer .company-info-box .company-info .company-address-address:hover, .company-layer .company-info-box .company-info .company-address-address:focus {
          border: #198cff 1px solid; }
        @media screen and (max-width: 500px) {
          .company-layer .company-info-box .company-info .company-address-address {
            width: 100%; } }
      .company-layer .company-info-box .company-info .company-address-address-sub {
        display: inline-block;
        width: 100%;
        padding: 5px;
        margin: 5px 0 0;
        border: #e2e2e2 1px solid;
        vertical-align: bottom; }
        .company-layer .company-info-box .company-info .company-address-address-sub:hover, .company-layer .company-info-box .company-info .company-address-address-sub:focus {
          border: #198cff 1px solid; }
        @media screen and (max-width: 500px) {
          .company-layer .company-info-box .company-info .company-address-address-sub {
            width: 100%;
            margin: 5px 0 0; } }
      .company-layer .company-info-box .company-info .company-table-last td {
        border: none;
        padding: 6px 0px 0px; }
        .company-layer .company-info-box .company-info .company-table-last td:first-child {
          width: 26%;
          padding: 0px;
          text-align: center;
          background: #f2f2f2;
          vertical-align: middle; }
    .company-layer .company-info-box .company-sub {
      margin: 30px 0px 0px;
      padding: 30px 0 0;
      border-top: 1px solid #eee; }
      @media screen and (max-width: 500px) {
        .company-layer .company-info-box .company-sub {
          padding: 20px 10px;
          margin: 0; } }
      .company-layer .company-info-box .company-sub h2 {
        float: left; }
      .company-layer .company-info-box .company-sub .sub-add-btn {
        float: right;
        margin: -5px 0 0; }
      .company-layer .company-info-box .company-sub .table-height-fixed {
        display: inline-block;
        max-height: 200px;
        overflow-y: auto; }
  .company-layer .check-list-layer-top {
    display: inline-block;
    width: 100%;
    margin: 10px 0px 20px; }
    @media screen and (max-width: 500px) {
      .company-layer .check-list-layer-top {
        padding: 10px 10px 0; } }
    .company-layer .check-list-layer-top .check-list-holder {
      display: inline-block;
      width: 100%; }
      .company-layer .check-list-layer-top .check-list-holder .check-list-title-s {
        position: relative;
        float: left;
        width: 20%; }
        @media screen and (max-width: 500px) {
          .company-layer .check-list-layer-top .check-list-holder .check-list-title-s {
            width: 50%; } }
      .company-layer .check-list-layer-top .check-list-holder .check-list-box {
        display: inline-block;
        margin: 0px 30px 14px 0px; }
        .company-layer .check-list-layer-top .check-list-holder .check-list-box:last-child {
          margin: 0px 0px 14px 0px; }
  .company-layer .check-list-layer {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0; }
    @media screen and (max-width: 500px) {
      .company-layer .check-list-layer {
        padding: 10px 10px 0; } }
    .company-layer .check-list-layer .check-list-holder {
      width: 100%; }
      .company-layer .check-list-layer .check-list-holder .check-list-title {
        position: relative;
        float: left;
        width: 33.33%; }
        @media screen and (max-width: 500px) {
          .company-layer .check-list-layer .check-list-holder .check-list-title {
            width: 50%; } }
      .company-layer .check-list-layer .check-list-holder .check-list-box {
        display: inline-block;
        margin: 0 0 14px 0; }
    .company-layer .check-list-layer .check-list-holder-etc {
      display: inline-block;
      width: 100%; }
      .company-layer .check-list-layer .check-list-holder-etc input::placeholder {
        font-size: 11px;
        color: #b4b3b3; }
      .company-layer .check-list-layer .check-list-holder-etc .input-line-etc {
        width: 91%;
        padding: 5px;
        margin: 0px 0px 0px 5px;
        border: 1px solid #e2e2e2; }
        @media screen and (max-width: 500px) {
          .company-layer .check-list-layer .check-list-holder-etc .input-line-etc {
            width: 60%; } }
        .company-layer .check-list-layer .check-list-holder-etc .input-line-etc:hover, .company-layer .check-list-layer .check-list-holder-etc .input-line-etc:focus {
          background: #fefff4;
          border: 1px solid #198cff; }
  .company-layer .check-list-box {
    color: #999; }
  .company-layer .input-blue {
    cursor: pointer; }
    .company-layer .input-blue:hover ~ .check-list-box, .company-layer .input-blue:checked ~ .check-list-box {
      color: #000; }

.world-check-all {
  float: left;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #eee; }

.world-border-none {
  border: none !important; }

.world-check {
  float: left;
  width: 25%; }
  @media screen and (max-width: 855px) {
    .world-check {
      width: 100%; } }
  .world-check .world-sub-world {
    padding: 10px 20px;
    background: #f2f2f2; }
    .world-check .world-sub-world .world-sub-title {
      font-size: 13px !important; }
  .world-check .world-sub-layer {
    padding: 5px 20px 20px; }
    .world-check .world-sub-layer > div {
      padding: 6px 0; }
    .world-check .world-sub-layer .world-list {
      display: table-cell !important;
      color: #999; }
    .world-check .world-sub-layer .input-blue {
      cursor: pointer; }
      .world-check .world-sub-layer .input-blue:hover ~ .world-list, .world-check .world-sub-layer .input-blue:checked ~ .world-list {
        color: #000; }

@media only screen and (max-width: 1240px) {
  .company-layer {
    float: none;
    width: 100%;
    margin: 0px 0px 40px 0px; } }

.drp-big {
  width: 100%;
  background: #fff;
  position: relative;
  text-align: left; }
  .drp-big .drp-selected {
    width: 100%;
    line-height: 18px;
    background: #fff;
    position: relative;
    cursor: pointer; }
    .drp-big .drp-selected .label {
      width: 95px;
      font-size: 11px;
      font-weight: bold;
      color: #010c1d;
      padding: 0px 0px 0px 10px;
      vertical-align: top;
      display: inline-block; }
      @media screen and (max-width: 855px) {
        .drp-big .drp-selected .label {
          padding-left: 10px;
          padding-right: 10px; } }
    .drp-big .drp-selected .selected {
      padding-left: 5px;
      font-size: 11px;
      color: #555555;
      vertical-align: top;
      display: inline-block; }
    .drp-big .drp-selected .fold-arrow {
      position: absolute;
      z-index: 10;
      right: 10px;
      top: 50%;
      margin-top: -2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 4px 0 4px;
      border-color: #23224a transparent transparent transparent; }
  .drp-big.disabled {
    cursor: not-allowed; }
    .drp-big.disabled .drp-selected {
      background: #e6e7e9;
      cursor: not-allowed; }
      .drp-big.disabled .drp-selected .label {
        color: #81878b; }
      .drp-big.disabled .drp-selected .selected {
        color: #b4b3b3; }
      .drp-big.disabled .drp-selected .fold-arrow {
        border-color: #b6b6b6 transparent transparent transparent; }
  .drp-big .drp-list {
    position: absolute;
    z-index: 11;
    width: 100%;
    background: #198cff;
    max-height: 208px;
    box-shadow: 0 8px 14px -2px rgba(0, 169, 244, 0.52);
    overflow-y: auto; }
    .drp-big .drp-list .list-arrow {
      position: absolute;
      z-index: 11;
      right: 18px;
      top: 0;
      margin-top: -4.5px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7.5px 5px 7.5px;
      border-color: transparent transparent #e6e9f0 transparent; }
    .drp-big .drp-list ul {
      padding: 4px 0 !important; }
      .drp-big .drp-list ul li {
        display: block;
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        border-bottom: 1px solid #0398dc;
        cursor: pointer; }
        .drp-big .drp-list ul li:hover {
          background: #0398dc; }

.company-branch {
  display: inline-block;
  width: 100%;
  margin: 0 0 40px 0; }
  .company-branch h1 {
    float: left; }
  .company-branch .sub-add-btn {
    float: right;
    margin: -5px 0 0; }
  .company-branch .table-bordered tbody tr {
    background: #fff; }
    .company-branch .table-bordered tbody tr td {
      background: transparent; }
      .company-branch .table-bordered tbody tr td input {
        padding: 6px 5px;
        border: 1px solid #e2e2e2; }
    .company-branch .table-bordered tbody tr:nth-child(2n+2) {
      background: #f3f6f9; }
  .company-branch .company-branch-table {
    display: inline-block;
    width: 100%; }
    .company-branch .company-branch-table .check-all-area {
      padding: 10px;
      border: 1px solid #ececec;
      background: #f3f6f9; }
      .company-branch .company-branch-table .check-all-area .cntr {
        margin: 0; }
    .company-branch .company-branch-table .table-inner {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      border: 1px solid #ececec;
      margin: 0 0 10px; }
      .company-branch .company-branch-table .table-inner ul {
        width: 100%;
        padding: 0 0 0 50px;
        margin: 0 0 0 -50px; }
        @media screen and (max-width: 635px) {
          .company-branch .company-branch-table .table-inner ul {
            padding: 0 0 0 30px;
            margin: 0 0 0 -30px; } }
        .company-branch .company-branch-table .table-inner ul:first-child {
          width: 50px;
          margin: 0;
          padding: 0;
          z-index: 1;
          background: #f3f6f9; }
          @media screen and (max-width: 635px) {
            .company-branch .company-branch-table .table-inner ul:first-child {
              width: 30px; } }
          .company-branch .company-branch-table .table-inner ul:first-child li {
            display: table;
            width: 100%;
            height: 100%;
            padding: 0;
            border: none; }
            .company-branch .company-branch-table .table-inner ul:first-child li .cntr {
              display: table-cell;
              text-align: center;
              vertical-align: middle;
              border-right: 1px solid #ececec; }
        .company-branch .company-branch-table .table-inner ul li {
          border-top: 1px solid #ececec; }
          .company-branch .company-branch-table .table-inner ul li:first-child {
            border: none; }
          .company-branch .company-branch-table .table-inner ul li .input-area {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
            @media screen and (max-width: 635px) {
              .company-branch .company-branch-table .table-inner ul li .input-area {
                display: block; } }
            .company-branch .company-branch-table .table-inner ul li .input-area .title {
              display: table;
              width: 100px;
              text-align: center;
              font-weight: bold;
              padding: 10px;
              border-right: 1px solid #ececec; }
              @media screen and (max-width: 635px) {
                .company-branch .company-branch-table .table-inner ul li .input-area .title {
                  width: 100%;
                  text-align: left;
                  border: none;
                  padding: 10px 10px 3px; } }
              .company-branch .company-branch-table .table-inner ul li .input-area .title .box-middle {
                display: table-cell;
                vertical-align: middle; }
            .company-branch .company-branch-table .table-inner ul li .input-area .input {
              width: 100%;
              margin: 0 0 0 -100px;
              padding: 10px 10px 10px 110px; }
              @media screen and (max-width: 635px) {
                .company-branch .company-branch-table .table-inner ul li .input-area .input {
                  margin: 0;
                  padding: 0 10px 10px 10px; } }
              .company-branch .company-branch-table .table-inner ul li .input-area .input input:nth-child(2) {
                margin: 5px 0 0; }

.file-manager {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px; }
  .file-manager .new-file {
    padding: 10px;
    border: 1px solid #ececec;
    background: #f7f7f7; }
    .file-manager .new-file label {
      line-height: 1; }
      .file-manager .new-file label .btn-md {
        border-radius: 3px;
        padding: 4px 10px;
        font-size: 12px; }
        .file-manager .new-file label .btn-md i {
          font-size: 14px;
          line-height: 1;
          vertical-align: middle; }
      .file-manager .new-file label .info-messsage {
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
        color: #999;
        margin: 0 0 0 10px;
        vertical-align: middle; }
        .file-manager .new-file label .info-messsage i {
          color: #f44336; }
    .file-manager .new-file .file-modal {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: left;
      background: rgba(0, 0, 0, 0.85);
      opacity: 0;
      visibility: hidden;
      transition: opacity .25s ease;
      z-index: 9999; }
      .file-manager .new-file .file-modal.show {
        opacity: 1;
        visibility: visible; }
        .file-manager .new-file .file-modal.show .modal-inner {
          top: 0; }
      .file-manager .new-file .file-modal .modal-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer; }
      .file-manager .new-file .file-modal .modal-inner {
        position: absolute;
        width: 50%;
        height: 70%;
        top: -5%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        overflow: hidden;
        background: #fff;
        border-radius: 6px;
        transition: top .25s ease; }
        .file-manager .new-file .file-modal .modal-inner .modal-close {
          position: absolute;
          right: 14px;
          top: 14px;
          width: 1.1em;
          height: 1.1em;
          cursor: pointer; }
          .file-manager .new-file .file-modal .modal-inner .modal-close:after, .file-manager .new-file .file-modal .modal-inner .modal-close:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 1.5em;
            background: #ccc;
            display: block;
            transform: rotate(45deg);
            left: 50%;
            margin: -3px 0 0 -1px;
            top: 0; }
          .file-manager .new-file .file-modal .modal-inner .modal-close:hover:after, .file-manager .new-file .file-modal .modal-inner .modal-close:hover:before {
            background: #f44336; }
          .file-manager .new-file .file-modal .modal-inner .modal-close:before {
            transform: rotate(-45deg); }
        .file-manager .new-file .file-modal .modal-inner .header-title {
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          padding: 10px 0;
          background: #e2e2e2; }
        .file-manager .new-file .file-modal .modal-inner .modal-middle-content {
          height: calc(100% - 42px);
          padding: 40px 40px 20px;
          overflow-y: auto; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area .input-title {
            font-weight: bold;
            margin: 0 0 4px;
            font-size: 14px; }
            .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area .input-title span {
              font-size: 12px;
              font-weight: normal;
              color: #999; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input {
            width: 100%;
            color: #000;
            border-radius: 0;
            padding: 7px 10px;
            -webkit-appearance: none;
            -webkit-border-radius: 0;
            border: 1px solid #e2e2e2;
            caret-color: #000;
            background: #fff; }
            .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input:hover, .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input:focus {
              border: 1px solid #198cff;
              background: #f7fcff;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
            .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input:disabled {
              background: #f3f6f9;
              cursor: not-allowed; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input::-webkit-input-placeholder {
            font-size: 12px;
            color: #a0a7b2; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .memo-area input:-ms-input-placeholder {
            font-size: 12px;
            color: #a0a7b2; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload {
            display: inline-block;
            margin: 20px 0 0;
            border: 1px dashed #dadada;
            color: #a0a7b2; }
            .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone {
              position: relative;
              display: table;
              table-layout: fixed;
              width: 100%;
              height: 200px;
              text-align: center;
              overflow: hidden; }
              .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone app-file-upload {
                display: table-cell;
                vertical-align: middle; }
                .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone app-file-upload .upload {
                  font-size: 50px;
                  margin: 10px 0 0; }
                .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone app-file-upload .title {
                  font-weight: normal; }
                .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone app-file-upload .filename {
                  display: block;
                  line-height: 18px; }
                .file-manager .new-file .file-modal .modal-inner .modal-middle-content .file-upload .dropzone app-file-upload .input {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  opacity: 0;
                  cursor: pointer; }
          .file-manager .new-file .file-modal .modal-inner .modal-middle-content .bottom-btn {
            text-align: center;
            margin: 30px auto 20px; }
            .file-manager .new-file .file-modal .modal-inner .modal-middle-content .bottom-btn button {
              margin: 0 5px;
              box-shadow: none; }
  .file-manager .file-manager-box {
    border: 1px solid #e2e2e2;
    border-top: none; }
    .file-manager .file-manager-box ul {
      padding: 5px 0 0; }
      .file-manager .file-manager-box ul li {
        position: relative;
        padding: 10px 10px 5px; }
        .file-manager .file-manager-box ul li:last-child {
          padding: 10px 10px 0; }
          .file-manager .file-manager-box ul li:last-child .box-inner {
            border: none; }
        .file-manager .file-manager-box ul li .box-inner {
          padding: 0 0 15px;
          border-bottom: 1px solid #e2e2e2; }
          .file-manager .file-manager-box ul li .box-inner .file-info {
            display: inline-block;
            margin: 1px 0 0;
            vertical-align: middle; }
            .file-manager .file-manager-box ul li .box-inner .file-info .file-title {
              font-weight: bold; }
            .file-manager .file-manager-box ul li .box-inner .file-info .file-sub {
              display: inline-block;
              color: #999;
              font-size: 12px; }
          .file-manager .file-manager-box ul li .box-inner .file-edit {
            position: absolute;
            top: 18px;
            right: 20px; }
            .file-manager .file-manager-box ul li .box-inner .file-edit button {
              border-radius: 3px;
              padding: 4px 8px;
              line-height: 1; }
              .file-manager .file-manager-box ul li .box-inner .file-edit button i {
                vertical-align: middle; }
          .file-manager .file-manager-box ul li .box-inner svg {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 100px;
            padding: 5px;
            margin: 0 5px 0 0;
            background: #198cff;
            vertical-align: middle;
            overflow: unset; }
            .file-manager .file-manager-box ul li .box-inner svg path {
              fill: #fff; }
        .file-manager .file-manager-box ul li.pdf svg {
          background: #d41a1a; }
        .file-manager .file-manager-box ul li.excel svg {
          background: #19754c; }

/* ==========================================================================
Tab
========================================================================== */
.o-section {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px; }
  .o-section .c-tabs {
    position: relative; }
    .o-section .c-tabs .table-default {
      margin: 0 0 40px; }
      .o-section .c-tabs .table-default tbody {
        cursor: pointer; }
    .o-section .c-tabs .sub-add-btn {
      position: absolute;
      right: 0;
      top: 6px; }

.o-container {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 960px; }

.o-header {
  margin: 0;
  padding: 0; }

.o-header-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #dc446e; }

.o-header-nav__link {
  padding: 12px;
  color: #fff; }
  .o-header-nav__link:hover {
    color: #fff;
    background-color: #9d1d41; }

.o-header__title {
  margin: 24px;
  padding: 0;
  color: #818181;
  font-size: 28px;
  font-weight: 300;
  text-align: center; }

.o-section:last-child {
  margin: 0px 0px 10px; }

.o-sub-nav {
  margin: 0;
  padding: 0; }

.o-sub-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.o-sub-nav__item {
  margin: 0;
  padding: 4px; }

.o-sub-nav__link {
  display: block;
  margin: 0;
  padding: 4px 24px;
  border: 2px solid #dc446e; }

.o-sub-nav__item.active .o-sub-nav__link,
.o-sub-nav__link:hover {
  color: #fff;
  background-color: #dc446e; }

.o-footer {
  padding: 12px 0;
  text-align: center; }

.c-tabs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  .c-tabs-nav .tab-input-style {
    width: calc(100% - 20px);
    color: #fff;
    padding: 0px 4px;
    border: 1px solid #3571a9;
    background: none; }

.c-tabs-nav__link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 2px;
  padding: 8px;
  color: #000;
  background-color: #f2f2f2;
  text-align: center;
  -webkit-transition: color .3s;
  transition: color .3s;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: normal;
  white-space: nowrap; }
  .c-tabs-nav__link:last-child {
    margin-right: 0; }
  .c-tabs-nav__link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #198cff;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .c-tabs-nav__link.is-active {
    color: #fff;
    font-weight: bold;
    background-color: #198cff;
    border-bottom: none !important; }
  .c-tabs-nav__link > span {
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1; }
    .c-tabs-nav__link > span i {
      float: right; }

.c-tab {
  display: none;
  background-color: #fff; }
  .c-tab.is-active {
    display: block; }

.c-tab__content {
  display: inline-block;
  width: 100%;
  border: 1px solid #ececec; }
  .c-tab__content .content-bottom-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px auto 0px; }

.c-tabs.no-js .c-tab {
  display: block;
  margin-bottom: 1.5rem; }
  .c-tabs.no-js .c-tab:last-child {
    margin-bottom: 0; }

.carbon-img,
.carbon-wrap {
  margin: 0 0 4px;
  display: block; }

#carbonads {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 1000;
  padding: 24px 12px 12px;
  width: 154px;
  background-color: #fff;
  line-height: 1.1;
  border: 1px solid #e7e7e7; }

.carbon-img {
  padding: 0;
  width: 130px;
  height: 100px; }

.carbon-text {
  color: #818181;
  font-size: 12px; }

.carbon-poweredby {
  font-size: 10px; }

.carbonad__close {
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  height: 24px;
  font-size: 11px;
  line-height: 24px; }

@media all and (max-width: 660px) {
  #carbonads {
    display: none; } }

@media all and (min-width: 480px) {
  .o-container {
    padding: 0 24px; }
  .o-footer {
    padding: 24px 0; }
  .o-header__title {
    margin: 36px;
    font-size: 42px; } }

@media all and (min-width: 720px) {
  .o-container {
    padding: 0 48px; }
  .o-footer {
    padding: 48px 0; } }

.input-blue[type=checkbox] {
  position: absolute;
  margin: 0px 0px 0px 2px;
  z-index: 9;
  opacity: 0; }

.checkbox-height-list {
  margin: 2px 0px 0px 2px !important; }

.input-blue[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: text-top; }
  .input-blue[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d7dcde;
    border-radius: 4px; }

.input-blue[type=checkbox]:checked + label:before {
  font-family: "Ionicons";
  content: "\F122";
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  background: #198cff;
  text-align: center;
  line-height: 16px; }

.input-blue[type=checkbox]:disabled + label {
  color: #a2a2a2;
  cursor: not-allowed; }

.promotion-layer {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 7px; }
  .promotion-layer input[type="text"] {
    width: 120px; }
  .promotion-layer ul, .promotion-layer li, .promotion-layer ol {
    list-style: none;
    padding: 0px 5px 0px 0px; }
  .promotion-layer li {
    display: inline-block;
    text-align: left; }

.management-layer {
  position: relative;
  padding: 0 20px 0 0; }
  @media only screen and (max-width: 1280px) {
    .management-layer {
      padding: 0; } }
  .management-layer .color-green-icon {
    color: #8CC152; }
  .management-layer .color-orange-icon {
    color: #FFA631; }
  .management-layer .color-gray-icon {
    color: #bcbdbe; }
  .management-layer .color-blue-icon {
    color: #4fc1e9; }
  .management-layer .color-red-icon {
    color: #ed5565; }
  .management-layer .management-dn {
    float: left;
    margin: 0px 0px 10px; }
  .management-layer h3 {
    float: left;
    width: 30%;
    margin: 0 0 10px 0; }
  .management-layer .cfs-search,
  .management-layer .member-search {
    position: absolute;
    width: 20%;
    right: 0;
    top: -15px;
    margin: 0; }
    .management-layer .cfs-search .input-right-text,
    .management-layer .member-search .input-right-text {
      top: 7px; }
    .management-layer .cfs-search .effect-11,
    .management-layer .member-search .effect-11 {
      padding: 7px 10px; }
  .management-layer .member-search {
    margin-bottom: 10px; }
  .management-layer .btn.small {
    min-width: 60px;
    font-size: 11px; }

.bottom-btn {
  display: inline-block;
  width: 100%;
  margin: 10px auto 30px;
  text-align: center; }
  .bottom-btn .add {
    float: left; }
  .bottom-btn .add-delete,
  .bottom-btn .save {
    float: right; }
  .bottom-btn i {
    vertical-align: text-bottom; }

.mid-btn-center {
  text-align: center;
  padding: 20px; }

.forwarder-warn {
  padding-top: 70px; }
  .forwarder-warn p {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #3a3939; }

.corp-intro {
  padding: 20px;
  border: 1px solid #eee;
  clear: both; }

.dispnone {
  display: none; }

.company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer {
  width: 100%; }
  .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box {
    padding: 0; }
    .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box h2 {
      padding: 6px 10px;
      background: #f3f6f9; }
    .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box .check-list-layer-top {
      margin: 0;
      padding: 5px 10px; }
      .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box .check-list-layer-top .check-list-holder .check-list-title-s input {
        margin: 0; }
      .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box .check-list-layer-top .check-list-holder .check-list-title-s .check-list-box {
        margin: 0; }
        .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .company-layer .company-info-box .check-list-layer-top .check-list-holder .check-list-title-s .check-list-box:before {
          width: 14px;
          height: 14px;
          top: 2px; }

.company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .o-section {
  margin: 0; }
  .company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .o-section .c-tabs .world-check label:before {
    top: 2px; }

.company-consulting-setting .sweet-modal-box .sweet-modal-content .contents .setting-inner .bottom-btn-layer {
  margin: 20px auto;
  padding: 0;
  border: none; }

.company-user-modal .sweet-modal-box, .cfs-modal .sweet-modal-box {
  height: 85%; }
  .company-user-modal .sweet-modal-box .sweet-modal-content, .cfs-modal .sweet-modal-box .sweet-modal-content {
    height: calc(100% - 40px);
    padding: 20px 20px 40px;
    overflow-y: auto; }
    .company-user-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search, .company-user-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .cfs-search, .cfs-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .member-search, .cfs-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .cfs-search {
      top: -3px !important; }
    .company-user-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .bottom-btn-layer, .cfs-modal .sweet-modal-box .sweet-modal-content .contents .management-layer .bottom-btn-layer {
      margin: 0 auto 10px; }

.promotion-edit .contract-period {
  padding: 10px;
  background: #f7fcff;
  border-radius: 5px;
  border: 1px solid #eee; }

.promotion-edit .table-bordered > tbody > tr > td {
  padding: 5px;
  height: inherit;
  min-height: 40px;
  font-size: 12px; }
  .promotion-edit .table-bordered > tbody > tr > td .switch {
    margin-top: 1px; }

.promotion-edit .promotion-content {
  width: 230px;
  display: inline-block;
  overflow: hidden;
  height: 17px;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.promotion-edit .bottom-btn-layer {
  border: none; }

.promotion-detail .sweet-modal-title .chip {
  left: 20px;
  position: absolute;
  margin-top: -3px; }

.promotion-detail ul li.form {
  display: block;
  clear: both;
  margin: 0 0 20px; }
  .promotion-detail ul li.form:last-child {
    margin-bottom: 0;
    border: 0; }
  .promotion-detail ul li.form .inner-material {
    margin: 5px 0; }
  .promotion-detail ul li.form label {
    margin-bottom: 0;
    font-weight: bold;
    vertical-align: middle; }
  .promotion-detail ul li.form input[type="text"] {
    padding: 5px; }
  .promotion-detail ul li.form textarea {
    width: 100%;
    resize: none;
    min-height: 68px;
    font-size: 13px;
    padding: 7px; }
  .promotion-detail ul li.form .drp-big {
    border: 1px solid #ccc;
    margin: 5px 0;
    height: 28px; }
    .promotion-detail ul li.form .drp-big .drp-selected {
      height: 26px;
      line-height: 26px; }
    .promotion-detail ul li.form .drp-big .selected {
      font-size: 13px;
      color: #333; }
  .promotion-detail ul li.form .promotion-text-preview {
    padding: 10px;
    border: 1px solid #eee; }
  .promotion-detail ul li.form .speacility-list span {
    margin: 0 5px 0 0; }

.promotion-detail .sweet-modal-buttons button {
  width: 90px;
  border-radius: 50px; }
  .promotion-detail .sweet-modal-buttons button.btn-gray {
    color: #000; }
    .promotion-detail .sweet-modal-buttons button.btn-gray:hover {
      color: #fff;
      background: #f44336;
      box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }

.cbx-box {
  margin: 5px 0 0;
  padding: 10px 20px;
  border: 1px solid #eee; }
  .cbx-box .cntr {
    display: inline-block;
    min-width: 110px; }

.country-selector, .company-selector {
  position: relative; }
  .country-selector .country-list, .country-selector .company-list, .company-selector .country-list, .company-selector .company-list {
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    border: 1px solid #eee; }
    .country-selector .country-list li, .country-selector .company-list li, .company-selector .country-list li, .company-selector .company-list li {
      text-align: left;
      padding: 4px;
      background: #fff; }
      .country-selector .country-list li.selected, .country-selector .company-list li.selected, .company-selector .country-list li.selected, .company-selector .company-list li.selected {
        background: #eee; }

.promotion-bg {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #e8eaeb; }
  .promotion-bg .promotion-ex {
    width: 97%;
    margin: 0 auto;
    font-size: 12px; }
    .promotion-bg .promotion-ex .fcl-sidemenu {
      float: left;
      display: block;
      width: 16.8%;
      margin-top: 20px; }
      .promotion-bg .promotion-ex .fcl-sidemenu .top {
        background: #454950;
        display: block;
        width: 100%;
        height: 81px; }
      .promotion-bg .promotion-ex .fcl-sidemenu .middle {
        display: inline-block;
        vertical-align: top;
        border-radius: 4px 0px 0px 4px;
        background: #282828;
        width: 100%;
        margin-top: 1px;
        padding: 25px;
        height: 165px; }
      .promotion-bg .promotion-ex .fcl-sidemenu .bottom {
        width: 100%;
        height: 478px;
        margin-top: 1px;
        background: #282828;
        display: inline-block; }
    .promotion-bg .promotion-ex .promotion-right {
      width: 83.2%;
      display: inline-block;
      vertical-align: top;
      background: #fff;
      min-height: 700px;
      border-radius: 5px;
      position: relative;
      margin-top: 10px; }
      .promotion-bg .promotion-ex .promotion-right .header {
        padding: 10px 40px;
        height: 51px;
        border-bottom: 1px solid #d2d4d7; }
        .promotion-bg .promotion-ex .promotion-right .header h5 {
          padding-left: 40px;
          font-weight: bold;
          font-size: 22px;
          margin: 4px 0px;
          float: left;
          width: 24%;
          background: url("http://www.tradlinx.com/old/images/ocean/bg_title_fcl.png") no-repeat 0 -6px; }
        .promotion-bg .promotion-ex .promotion-right .header .gray-box {
          display: block;
          float: left;
          width: 51%;
          height: 35px;
          margin: -3px auto;
          text-align: center;
          background: #f1f1f1; }
        .promotion-bg .promotion-ex .promotion-right .header .cal {
          float: right;
          height: 50px;
          width: 240px;
          margin-top: -10px;
          display: inline-block; }
          .promotion-bg .promotion-ex .promotion-right .header .cal .cal-table {
            color: #5680ca;
            background: url("http://www.tradlinx.com/old/images/ocean/btn_layout_table.png") no-repeat right -51px;
            width: 100px;
            padding-right: 68px;
            height: 50px;
            line-height: 50px;
            vertical-align: top;
            display: inline-block;
            overflow: hidden;
            font-size: 10px; }
          .promotion-bg .promotion-ex .promotion-right .header .cal .cal-table-right {
            background: url("http://www.tradlinx.com/old/images/ocean/btn_layout_cal.png") no-repeat right 0;
            margin-left: 5%;
            padding-right: 70px;
            width: 120px;
            height: 50px;
            line-height: 50px;
            vertical-align: top;
            display: inline-block;
            overflow: hidden;
            color: #cacbd0;
            font-size: 10px; }
      .promotion-bg .promotion-ex .promotion-right .body {
        clear: both;
        padding: 10px 40px; }
        .promotion-bg .promotion-ex .promotion-right .body p {
          height: 30px;
          line-height: 30px;
          color: #a2a2a2;
          position: relative;
          padding-left: 12px; }
          .promotion-bg .promotion-ex .promotion-right .body p strong {
            color: #000; }
          .promotion-bg .promotion-ex .promotion-right .body p::before {
            content: '';
            width: 3px;
            height: 3px;
            overflow: hidden;
            display: block;
            background: #323d45;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
        .promotion-bg .promotion-ex .promotion-right .body .body-content {
          clear: both;
          border-top: 2px solid #2b2b32; }

.promotion-banner-layer {
  display: inline-block;
  width: 100%;
  margin: 40px 0px 0px; }
  .promotion-banner-layer.preview {
    margin: 5px 0 0;
    padding: 20px;
    border: 1px solid #eee; }
  .promotion-banner-layer ul li {
    float: left;
    width: 292px;
    height: 100%;
    padding: 0px; }
    .promotion-banner-layer ul li:last-child {
      padding-right: 0; }
    .promotion-banner-layer ul li .banner-box, .promotion-banner-layer ul li .banner-box-center {
      position: relative;
      min-height: 145px;
      background: #fff;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .promotion-banner-layer ul li .banner-box:hover, .promotion-banner-layer ul li .banner-box-center:hover {
        box-shadow: 5px 8px 14px 0px rgba(0, 0, 0, 0.1), -10px 4px 15px 0px rgba(0, 0, 0, 0.15);
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .promotion-banner-layer ul li .banner-box .logo, .promotion-banner-layer ul li .banner-box-center .logo {
        display: table;
        height: 40px;
        padding: 13px 10px 0px;
        background: #fff; }
        .promotion-banner-layer ul li .banner-box .logo .logo-box, .promotion-banner-layer ul li .banner-box-center .logo .logo-box {
          display: table-cell;
          vertical-align: middle; }
          .promotion-banner-layer ul li .banner-box .logo .logo-box img, .promotion-banner-layer ul li .banner-box-center .logo .logo-box img {
            max-width: 160px;
            max-height: 27px; }
        .promotion-banner-layer ul li .banner-box .logo .company-name, .promotion-banner-layer ul li .banner-box-center .logo .company-name {
          display: inline-block;
          font-size: 12.5px;
          color: #3a3939;
          margin: 9px 0px 0px 5px; }
      .promotion-banner-layer ul li .banner-box .country, .promotion-banner-layer ul li .banner-box-center .country {
        display: block;
        font-size: 12px;
        margin: 3px 9px 13px 9px;
        color: #999;
        text-align: left; }
      .promotion-banner-layer ul li .banner-box .text-box, .promotion-banner-layer ul li .banner-box-center .text-box {
        display: block; }
        .promotion-banner-layer ul li .banner-box .text-box hr, .promotion-banner-layer ul li .banner-box-center .text-box hr {
          width: 22px;
          margin: 0px 10px;
          border-bottom: 1px solid #198cff; }
        .promotion-banner-layer ul li .banner-box .text-box .promotion-text, .promotion-banner-layer ul li .banner-box-center .text-box .promotion-text {
          display: inline-block;
          margin: 8px 10px 7px;
          font-size: 12.5px;
          line-height: 17px;
          height: 34px;
          overflow: hidden;
          white-space: pre-line;
          word-break: break-all; }
        .promotion-banner-layer ul li .banner-box .text-box .special, .promotion-banner-layer ul li .banner-box-center .text-box .special {
          position: absolute;
          width: 100%;
          height: 15px;
          bottom: 0;
          padding: 1px 10px;
          font-size: 11px;
          background: #198cff; }
          .promotion-banner-layer ul li .banner-box .text-box .special span, .promotion-banner-layer ul li .banner-box-center .text-box .special span {
            margin: 0px 0px 0px 8px;
            color: #fff; }
            .promotion-banner-layer ul li .banner-box .text-box .special span:first-child, .promotion-banner-layer ul li .banner-box-center .text-box .special span:first-child {
              margin: 0; }
    .promotion-banner-layer ul li .banner-type-box {
      margin: 5px 0 0; }
      .promotion-banner-layer ul li .banner-type-box input {
        width: auto;
        vertical-align: middle; }
    .promotion-banner-layer ul li .banner-box-center {
      text-align: center; }
      .promotion-banner-layer ul li .banner-box-center .logo {
        width: 100%; }
      .promotion-banner-layer ul li .banner-box-center .company-name {
        display: inline-block;
        margin: 3px 0px 0px;
        font-size: 12.5px;
        color: #3a3939; }
      .promotion-banner-layer ul li .banner-box-center .country {
        display: inline-block;
        margin: 3px 0px 13px 3px; }
      .promotion-banner-layer ul li .banner-box-center .text-box hr {
        margin: 0 auto; }
    .promotion-banner-layer ul li.preview {
      width: 294px; }
      .promotion-banner-layer ul li.preview:nth-child(2) {
        float: right; }
      .promotion-banner-layer ul li.preview .banner-box, .promotion-banner-layer ul li.preview .banner-box-center {
        border: 1px solid #eee; }
        .promotion-banner-layer ul li.preview .banner-box:hover, .promotion-banner-layer ul li.preview .banner-box-center:hover {
          border: 1px solid transparent; }
    .promotion-banner-layer ul li .corp-id {
      visibility: hidden;
      position: absolute;
      top: 0;
      right: 0; }
  .promotion-banner-layer .prev, .promotion-banner-layer .next {
    position: absolute;
    opacity: 0;
    width: 35px;
    top: 40px;
    height: 145px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 30px;
    padding: 55px 0px 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    z-index: 4;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .promotion-banner-layer .prev:hover, .promotion-banner-layer .next:hover {
      color: white;
      background: rgba(0, 0, 0, 0.6);
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .promotion-banner-layer .next {
    right: 0; }
  .promotion-banner-layer:hover .prev, .promotion-banner-layer:hover .next {
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1024px) {
    .promotion-banner-layer {
      margin: 0px 0px 10px; }
      .promotion-banner-layer .prev, .promotion-banner-layer .next {
        top: 4px; } }

.promotion-modal .sweet-modal-overlay {
  background: rgba(28, 30, 35, 0.5); }
  .promotion-modal .sweet-modal-overlay .sweet-modal-box {
    width: 740px;
    left: 10px;
    right: 10px;
    top: 0% !important; }
    @media screen and (max-width: 855px) {
      .promotion-modal .sweet-modal-overlay .sweet-modal-box {
        width: 90%; } }
    .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content {
      height: inherit;
      font-size: 13px; }
      @media screen and (max-width: 855px) {
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content {
          padding: 20px 10px;
          top: 0; } }
      .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .mouse-icon {
        position: absolute;
        border: 1px solid #f7fcff;
        background: #ffffff;
        opacity: 0.8;
        border-radius: 13px;
        height: 35px;
        width: 25px;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0;
        bottom: 30px;
        z-index: 1; }
        @media only screen and (max-width: 1124px) {
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .mouse-icon {
            display: none; } }
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .mouse-icon .scroll {
          -webkit-animation-name: scrolling;
          -webkit-animation-duration: 1s;
          -webkit-animation-timing-function: linear;
          -webkit-animation-delay: 0s;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-play-state: running;
          animation-name: scrolling;
          animation-duration: 1s;
          animation-timing-function: linear;
          animation-delay: 0s;
          animation-iteration-count: infinite;
          animation-play-state: running;
          position: relative;
          border-radius: 10px;
          background: #2f2f2f;
          width: 4px;
          height: 8px;
          top: 4px;
          margin-left: auto;
          margin-right: auto; }

@-webkit-keyframes scrolling {
  0% {
    top: 2px;
    opacity: 0; }
  30% {
    top: 8px;
    opacity: 1; }
  100% {
    top: 16px;
    opacity: 0; } }

@keyframes scrolling {
  0% {
    top: 2px;
    opacity: 0; }
  30% {
    top: 8px;
    opacity: 1; }
  100% {
    top: 16px;
    opacity: 0; } }
      .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box {
        position: relative; }
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info ul {
          display: block;
          width: 100%;
          padding: 10px 0px;
          border-bottom: 1px solid #eee; }
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info ul li {
            display: table-cell;
            line-height: 20px; }
            .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info ul li:first-child {
              font-weight: bold;
              min-width: 100px;
              color: #59cbff; }
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info .promotion-company-logo {
          position: absolute;
          top: 0px;
          right: 11px;
          width: 100px;
          height: 100px; }
          @media screen and (max-width: 855px) {
            .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info .promotion-company-logo {
              position: relative;
              margin: 0 auto 20px; } }
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info .promotion-company-logo .company-logo-box {
            display: table;
            width: 100px;
            height: 100px;
            border: 1px solid #eee;
            background: #fff; }
            .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info .promotion-company-logo .company-logo-box .company-logo-box-inner {
              display: table-cell;
              text-align: center;
              padding: 10px;
              vertical-align: middle; }
            .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .company-info .promotion-company-logo .company-logo-box img {
              max-width: 90px; }
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .table-default {
          margin: 10px 0px; }
        .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .details {
          margin: 20px 0px 10px; }
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .details h3 {
            font-size: 16px;
            font-weight: bold;
            border-bottom: 1px solid #eee;
            margin: 0 0 10px; }
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .details ul li {
            display: inline-block;
            border-radius: 3px;
            background: #198cff;
            color: #fff;
            padding: 3px 10px;
            margin: 0px 0px 5px; }
          .promotion-modal .sweet-modal-overlay .sweet-modal-box .sweet-modal-content .promotion-company-modal-box .details .text-area {
            border: 1px solid #eee;
            padding: 10px;
            background: #fefff6;
            max-height: 300px;
            overflow-y: scroll; }

.contract-list .table-default tbody tr.contract {
  font-weight: bold;
  background: #fff !important;
  cursor: pointer; }

.contract-list .table-default tbody tr.banner-contract {
  background: #f7f7f7 !important; }

.contract-list .table-default tbody tr:nth-child(2n+2) td {
  border-left: 1px solid #eee; }

.contract-list .statistics {
  margin: 0 0 40px; }

.freight {
  padding-bottom: 60px; }
  @media screen and (max-width: 855px) {
    .freight {
      padding-top: 50px; } }
  .freight .freight-contents {
    padding: 30px 0 70px 0;
    width: 74.2%;
    margin: 0 auto; }
    @media only screen and (max-width: 1280px) {
      .freight .freight-contents {
        width: 90%; } }
    @media screen and (max-width: 1024px) {
      .freight .freight-contents {
        width: 100%;
        padding: 0; } }
    @media screen and (max-width: 855px) {
      .freight .freight-contents {
        width: 100%;
        padding: 0; } }
  .freight .search-bar {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    height: 33px; }
    .freight .search-bar > div {
      width: 18.1%;
      margin: 0 0.25%;
      display: block;
      float: left; }
    .freight .search-bar .trades {
      width: 25%; }
      @media screen and (max-width: 1024px) {
        .freight .search-bar .trades {
          width: 50%; } }
      @media screen and (max-width: 855px) {
        .freight .search-bar .trades {
          width: 100%;
          margin-top: 5px;
          margin-bottom: 5px; } }
    @media screen and (max-width: 1024px) {
      .freight .search-bar .md-three {
        width: 24.2%; } }
    @media screen and (max-width: 855px) {
      .freight .search-bar .md-three {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .freight .search-bar .md-two {
        width: 49.45%;
        margin-top: 5px; } }
    @media screen and (max-width: 855px) {
      .freight .search-bar .md-two {
        width: 100%;
        margin-top: 5px; } }
  .freight .drp-selected, .freight .date-picker {
    border: 1px solid #b3b8be;
    height: 33px;
    line-height: 33px; }
  .freight .drp-big,
  .freight .drp-selected {
    background: #fcfcfc; }
  .freight .drp-selected .fold-arrow {
    position: absolute;
    z-index: 9;
    right: 12px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #282828 transparent transparent transparent; }
  .freight .drp-selected .label {
    font-size: 12px;
    color: #1b272a;
    padding-left: 11px;
    padding-right: 13px;
    min-width: 53px; }
  .freight .drp-selected .selected {
    color: #4a5863;
    padding-left: 0; }
  .freight .drp-list {
    border: 1px solid #b3b8be;
    border-top: 0;
    background: #fff;
    margin-top: -1px; }
    .freight .drp-list .list-arrow {
      display: none; }
    .freight .drp-list ul {
      border-top: 0;
      background: #fcfcfc;
      color: #4a5863; }
      .freight .drp-list ul li {
        padding-left: 53px;
        height: 20px;
        line-height: 20px; }
        .freight .drp-list ul li:hover {
          background: #e4f6ff; }
    .freight .drp-list ul.check-list li {
      padding-left: 10px;
      display: block;
      width: 100%; }
      .freight .drp-list ul.check-list li .cntr {
        margin: 0;
        display: block;
        line-height: 20px; }
        .freight .drp-list ul.check-list li .cntr .cbx, .freight .drp-list ul.check-list li .cntr .lbl {
          vertical-align: middle; }
        .freight .drp-list ul.check-list li .cntr .lbl {
          width: 90%;
          display: inline-block; }
  .freight .date-picker {
    text-align: left;
    width: 100%;
    height: 33px;
    line-height: 32px;
    background: #fff;
    position: relative; }
    .freight .date-picker .label {
      color: #1b272a;
      font-size: 12px;
      color: #4a5863;
      padding-left: 14px;
      width: 33%;
      font-weight: bold;
      margin-right: 0;
      float: left;
      display: block; }
    .freight .date-picker input {
      height: 31px;
      line-height: 31px;
      color: #4a5863;
      font-size: 12px;
      width: 57%;
      float: left;
      display: block;
      border: 0; }
    .freight .date-picker i {
      position: absolute;
      right: 10px;
      width: 15px;
      height: 31px;
      top: 9px;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .freight .date-picker i:hover {
        color: #198cff;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  .freight #chart {
    clear: both;
    height: 400px;
    margin-top: -15px;
    position: relative;
    z-index: 0; }
  .freight .freight-table {
    margin-top: 10px;
    width: 100%;
    overflow-x: auto;
    border: 2px solid #81878b; }
    .freight .freight-table::-webkit-scrollbar-track {
      background: #eee; }
  .freight table {
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #4a5863; }
    .freight table thead {
      background: #f9f9f9;
      border-bottom: 1px solid #81878b;
      height: 40px; }
      .freight table thead th:first-child {
        width: 14%;
        min-width: 100px;
        max-height: 40px; }
    .freight table tr {
      height: 40px; }
    .freight table tbody tr {
      border-bottom: 1px solid #cccccc; }
      .freight table tbody tr:last-child {
        border-bottom: 0; }
    .freight table th, .freight table td {
      min-width: 100px;
      border-right: 1px solid #81878b;
      vertical-align: middle;
      text-align: center; }
      .freight table th:last-child, .freight table td:last-child {
        border-right: 0; }
    .freight table th {
      line-height: 13px;
      color: #1b272a;
      font-size: 11px;
      font-weight: normal; }
    .freight table td {
      line-height: 1.2;
      word-break: keep-all;
      color: #4a5863;
      font-size: 11px; }
  .freight .date-index {
    font-size: 13px;
    font-weight: bold;
    color: #1b272a; }
    .freight .date-index .date {
      float: right;
      margin-right: 15px; }
    .freight .date-index .index {
      clear: both;
      float: left;
      margin-left: 15px; }

.freight-list {
  margin: 0 auto; }
  @media screen and (max-width: 1199px) {
    .freight-list {
      width: 100%; } }
  @media screen and (max-width: 635px) {
    .freight-list {
      padding: 0px 10px; } }
  .freight-list .top-form-layer {
    padding-top: 40px; }
    .freight-list .top-form-layer ul {
      display: inline-block;
      position: relative;
      width: 100%; }
      .freight-list .top-form-layer ul li.form {
        display: inline-block;
        text-align: left;
        line-height: 6px;
        width: 30%; }
        @media screen and (max-width: 635px) {
          .freight-list .top-form-layer ul li.form {
            width: 100%;
            margin: 10px 0px; } }
        .freight-list .top-form-layer ul li.form .inner-material {
          display: inline-block;
          width: 41%; }
        .freight-list .top-form-layer ul li.form.large {
          width: 30%; }
          .freight-list .top-form-layer ul li.form.large .inner-material {
            width: 49%; }
        .freight-list .top-form-layer ul li.form.form-date {
          position: relative;
          padding: 10px 0px 0px; }
          @media screen and (max-width: 635px) {
            .freight-list .top-form-layer ul li.form.form-date {
              width: 100%; } }
          .freight-list .top-form-layer ul li.form.form-date .calendar {
            padding: 5px 0px;
            border: none;
            border-radius: 0px;
            border-bottom: 1px solid #ccc; }
          .freight-list .top-form-layer ul li.form.form-date input {
            display: inline-block;
            width: 47%;
            vertical-align: middle; }
          .freight-list .top-form-layer ul li.form.form-date .input-right-text {
            position: absolute;
            top: -10px;
            left: 0px;
            color: #999; }
            .freight-list .top-form-layer ul li.form.form-date .input-right-text a {
              color: #000; }
        .freight-list .top-form-layer ul li.form .effect-17 {
          padding: 8px 0px; }
        .freight-list .top-form-layer ul li.form .effect-17 ~ label {
          top: -1px; }
        .freight-list .top-form-layer ul li.form .effect-17:focus ~ label {
          top: -20px; }
        .freight-list .top-form-layer ul li.form .has-content.effect-17 ~ label {
          top: -14px; }
      .freight-list .top-form-layer ul li.ex {
        clear: both; }
        .freight-list .top-form-layer ul li.ex p {
          margin: 0; }
    .freight-list .top-form-layer i.ion-android-arrow-dropdown {
      position: absolute;
      right: 5px;
      top: 5px;
      cursor: pointer; }
    .freight-list .top-form-layer .two-menu {
      top: 32px;
      width: 100%; }
      .freight-list .top-form-layer .two-menu .sub-drop li span {
        padding: 7px;
        height: 32px;
        font-size: 12px;
        line-height: 17px; }
      .freight-list .top-form-layer .two-menu .sub-drop li ul.menu {
        top: 32px; }
    .freight-list .top-form-layer .cost-selector .auto-complate-open {
      top: 32px; }
  .freight-list .tabs {
    margin: 20px 0px 20px 0px;
    border: 0; }
    .freight-list .tabs ul.tab-btn {
      width: 100%; }
    .freight-list .tabs .slider {
      width: 50%; }
    .freight-list .tabs .slider-bg {
      width: 100%; }
    .freight-list .tabs .content {
      width: 100%;
      line-height: 1.4;
      padding: 40px 0px 0px;
      background: #fff; }
      .freight-list .tabs .content section {
        padding: 10px 0 0; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
      cursor: default;
      color: #fff; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
      display: block; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
      cursor: default;
      color: #fff; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
      display: block; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
      cursor: default;
      color: #fff; }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
      -webkit-transform: translateX(200%);
      transform: translateX(200%); }
    .freight-list .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
      display: block; }
  .freight-list .freight-list-tables tbody tr {
    cursor: pointer; }
  .freight-list .add-btn {
    margin-top: 20px; }
  .freight-list .content {
    min-height: 600px; }

.freight-detail ul {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px; }
  .freight-detail ul:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  .freight-detail ul li.form {
    display: block;
    margin-bottom: 5px;
    padding-bottom: 15px;
    clear: both; }
    .freight-detail ul li.form.half {
      width: 49%;
      display: inline-block; }
      .freight-detail ul li.form.half:nth-of-type(odd) {
        margin-right: 1%; }
    .freight-detail ul li.form.four {
      width: 24%;
      display: inline-block;
      margin-right: 0.6%; }
      .freight-detail ul li.form.four.last {
        margin-right: 0; }
    .freight-detail ul li.form:last-child {
      margin-right: 0;
      border: 0; }
    .freight-detail ul li.form .inner-material {
      margin: 5px 0; }
    .freight-detail ul li.form label {
      display: block;
      margin-bottom: 4px;
      font-weight: bold; }
    .freight-detail ul li.form input[type="text"] {
      padding: 5px;
      border: 1px solid #ccc; }
    .freight-detail ul li.form .drp-big {
      border: 1px solid #ccc;
      margin: 5px 0;
      height: 28px; }
      .freight-detail ul li.form .drp-big .drp-selected {
        height: 26px;
        line-height: 26px; }
      .freight-detail ul li.form .drp-big .selected {
        font-size: 13px;
        color: #333; }
  .freight-detail ul .lbl {
    color: #212121; }
  .freight-detail ul .port-select-box {
    position: relative; }
    .freight-detail ul .port-select-box .fa-map-marker {
      position: absolute;
      right: 9px;
      top: 6px;
      cursor: pointer; }
    .freight-detail ul .port-select-box .ion-android-pin {
      position: absolute;
      right: 9px;
      top: 4px;
      cursor: pointer; }
    .freight-detail ul .port-select-box .two-menu {
      width: 100%;
      top: 27px; }
      .freight-detail ul .port-select-box .two-menu ul.sub-drop li span {
        padding: 7px;
        height: 32px;
        font-size: 12px; }
      .freight-detail ul .port-select-box .two-menu ul.sub-drop li ul.menu {
        top: 32px; }
  .freight-detail ul .main-auto-complete ul.menu {
    background: #fff;
    width: 100%;
    position: absolute;
    max-height: 270px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10;
    border: 1px solid #ccc;
    border-top: 0; }
    .freight-detail ul .main-auto-complete ul.menu li {
      padding: 5px;
      font-size: 12px;
      border-bottom: 1px solid #eee;
      display: block; }
      .freight-detail ul .main-auto-complete ul.menu li.selected, .freight-detail ul .main-auto-complete ul.menu li:hover {
        background: #198cff;
        color: #fff; }
      .freight-detail ul .main-auto-complete ul.menu li:last-child {
        border: none; }

.freight-detail .freight-table-btns {
  padding-top: 10px; }

.freight-detail .lg ul li.half {
  width: 30%; }

.freight-detail .drp-big .drp-list {
  max-height: 138px; }

.line-selector, .cost-selector {
  position: relative; }
  .line-selector i.ion-android-arrow-dropdown, .cost-selector i.ion-android-arrow-dropdown {
    position: absolute;
    right: 2%;
    cursor: pointer; }
  .line-selector .auto-complate-open, .cost-selector .auto-complate-open {
    z-index: 100; }

.line-selector {
  position: relative; }
  .line-selector i.ion-android-arrow-dropdown {
    top: 50%;
    margin-top: -7px; }
  .line-selector .auto-complate-open ul li {
    text-align: left; }

.cost-selector i.ion-android-arrow-dropdown {
  top: 15px; }

.cost-selector .auto-complate-open {
  top: 21px;
  text-align: left; }

.country-select-box {
  width: 100%;
  min-height: 70px;
  display: block;
  position: relative;
  z-index: 100; }
  .country-select-box .origin, .country-select-box .destination, .country-select-box .ocean-choice {
    float: left;
    width: 25%; }
    @media screen and (max-width: 1024px) {
      .country-select-box .origin, .country-select-box .destination, .country-select-box .ocean-choice {
        width: 47%; } }
    @media screen and (max-width: 635px) {
      .country-select-box .origin, .country-select-box .destination, .country-select-box .ocean-choice {
        width: 90%;
        margin: 0 0 10px; } }
    .country-select-box .origin .title, .country-select-box .destination .title, .country-select-box .ocean-choice .title {
      color: #a9b3bd;
      font-weight: bold;
      font-size: 12px;
      margin: 0 0 5px; }
      @media screen and (max-width: 1024px) {
        .country-select-box .origin .title, .country-select-box .destination .title, .country-select-box .ocean-choice .title {
          margin: 0 0 4px; } }
    .country-select-box .origin .form-box, .country-select-box .destination .form-box, .country-select-box .ocean-choice .form-box {
      position: relative;
      display: inline-block;
      width: 49%;
      font-size: 12px;
      padding: 7px 10px;
      border: 1px solid #e2e2e2;
      background: #fff;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .country-select-box .origin .form-box::before, .country-select-box .destination .form-box::before, .country-select-box .ocean-choice .form-box::before {
        position: absolute;
        content: "\F107";
        float: right;
        right: 10px;
        top: 25%;
        color: #198cff;
        font-family: "FontAwesome"; }
      .country-select-box .origin .form-box:hover, .country-select-box .destination .form-box:hover, .country-select-box .ocean-choice .form-box:hover {
        background: #f7fcff;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .country-select-box .origin .form-box span.selected, .country-select-box .origin .form-box .line-selector, .country-select-box .destination .form-box span.selected, .country-select-box .destination .form-box .line-selector, .country-select-box .ocean-choice .form-box span.selected, .country-select-box .ocean-choice .form-box .line-selector {
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 16px;
        display: inline-block;
        white-space: nowrap;
        width: 100%; }
      .country-select-box .origin .form-box .menu, .country-select-box .destination .form-box .menu, .country-select-box .ocean-choice .form-box .menu {
        position: absolute;
        left: 0;
        top: 30px;
        width: 300px;
        max-height: 340px;
        cursor: pointer;
        z-index: 5;
        overflow: auto;
        background: #f7fcff;
        box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
        .country-select-box .origin .form-box .menu .search-box, .country-select-box .destination .form-box .menu .search-box, .country-select-box .ocean-choice .form-box .menu .search-box {
          padding: 10px; }
          .country-select-box .origin .form-box .menu .search-box .inner-material, .country-select-box .destination .form-box .menu .search-box .inner-material, .country-select-box .ocean-choice .form-box .menu .search-box .inner-material {
            margin: 0; }
            .country-select-box .origin .form-box .menu .search-box .inner-material .effect-8, .country-select-box .destination .form-box .menu .search-box .inner-material .effect-8, .country-select-box .ocean-choice .form-box .menu .search-box .inner-material .effect-8 {
              padding: 8px; }
            .country-select-box .origin .form-box .menu .search-box .inner-material i.ion-search, .country-select-box .destination .form-box .menu .search-box .inner-material i.ion-search, .country-select-box .ocean-choice .form-box .menu .search-box .inner-material i.ion-search {
              font-family: "Ionicons";
              position: absolute;
              right: 10px;
              top: 9px; }
        .country-select-box .origin .form-box .menu .country-list li, .country-select-box .destination .form-box .menu .country-list li, .country-select-box .ocean-choice .form-box .menu .country-list li {
          padding: 10px;
          border-top: 1px dotted #b1ccd8;
          color: #000;
          text-align: left;
          transition: all 0.3s;
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: normal;
          display: block;
          width: 100%; }
          .country-select-box .origin .form-box .menu .country-list li .cntr label.cbx, .country-select-box .destination .form-box .menu .country-list li .cntr label.cbx, .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label.cbx {
            display: inline-block; }
          .country-select-box .origin .form-box .menu .country-list li .cntr label.lbl, .country-select-box .destination .form-box .menu .country-list li .cntr label.lbl, .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label.lbl {
            font-weight: normal;
            font-size: 12px;
            display: inline-block; }
          .country-select-box .origin .form-box .menu .country-list li:hover, .country-select-box .origin .form-box .menu .country-list li.selected, .country-select-box .destination .form-box .menu .country-list li:hover, .country-select-box .destination .form-box .menu .country-list li.selected, .country-select-box .ocean-choice .form-box .menu .country-list li:hover, .country-select-box .ocean-choice .form-box .menu .country-list li.selected {
            color: #fff;
            background: #61ccfd;
            padding-left: 15px; }
            .country-select-box .origin .form-box .menu .country-list li:hover .country-code, .country-select-box .origin .form-box .menu .country-list li.selected .country-code, .country-select-box .destination .form-box .menu .country-list li:hover .country-code, .country-select-box .destination .form-box .menu .country-list li.selected .country-code, .country-select-box .ocean-choice .form-box .menu .country-list li:hover .country-code, .country-select-box .ocean-choice .form-box .menu .country-list li.selected .country-code {
              color: #000; }
            .country-select-box .origin .form-box .menu .country-list li:hover .cntr label.cbx, .country-select-box .origin .form-box .menu .country-list li.selected .cntr label.cbx, .country-select-box .destination .form-box .menu .country-list li:hover .cntr label.cbx, .country-select-box .destination .form-box .menu .country-list li.selected .cntr label.cbx, .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr label.cbx, .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr label.cbx {
              border: 1px solid #48acda;
              background: #fff; }
            .country-select-box .origin .form-box .menu .country-list li:hover .cntr label.lbl, .country-select-box .origin .form-box .menu .country-list li.selected .cntr label.lbl, .country-select-box .destination .form-box .menu .country-list li:hover .cntr label.lbl, .country-select-box .destination .form-box .menu .country-list li.selected .cntr label.lbl, .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr label.lbl, .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr label.lbl {
              color: #fff; }
            .country-select-box .origin .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .country-select-box .origin .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx, .country-select-box .destination .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .country-select-box .destination .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx, .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx {
              border-color: transparent;
              background: #000;
              animation: jelly 0.6s ease; }
              .country-select-box .origin .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .country-select-box .origin .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after, .country-select-box .destination .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .country-select-box .destination .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after, .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after {
                opacity: 1;
                transform: rotate(45deg) scale(1); }
          .country-select-box .origin .form-box .menu .country-list li .country-code, .country-select-box .destination .form-box .menu .country-list li .country-code, .country-select-box .ocean-choice .form-box .menu .country-list li .country-code {
            display: inline-block;
            min-width: 25px;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            margin: 0 10px 0 0;
            color: #198cff; }
          .country-select-box .origin .form-box .menu .country-list li .cntr, .country-select-box .destination .form-box .menu .country-list li .cntr, .country-select-box .ocean-choice .form-box .menu .country-list li .cntr {
            margin: 0; }
            .country-select-box .origin .form-box .menu .country-list li .cntr label, .country-select-box .destination .form-box .menu .country-list li .cntr label, .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label {
              vertical-align: middle; }
              .country-select-box .origin .form-box .menu .country-list li .cntr label.lbl, .country-select-box .destination .form-box .menu .country-list li .cntr label.lbl, .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label.lbl {
                color: #000; }
  .country-select-box .ocean-choice {
    width: 13%;
    margin: 0 8px 0 2px; }
    @media screen and (max-width: 1024px) {
      .country-select-box .ocean-choice {
        width: 100%;
        margin: 20px 0 0; } }
    @media screen and (max-width: 635px) {
      .country-select-box .ocean-choice {
        margin: 0; } }
    .country-select-box .ocean-choice .form-box {
      width: 100%; }
  .country-select-box .switch-btn-box {
    float: left;
    margin: 25px 15px 0;
    border-radius: 50px;
    box-shadow: 0px 12px 18px rgba(80, 169, 245, 0.7);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (max-width: 1024px) {
      .country-select-box .switch-btn-box {
        width: 6%;
        margin: 22px auto 0;
        box-shadow: none; } }
    @media screen and (max-width: 635px) {
      .country-select-box .switch-btn-box {
        width: 10%;
        transform: rotate(-90deg); } }
    .country-select-box .switch-btn-box .switch-btn {
      width: 26px;
      height: 26px;
      text-align: center;
      border-radius: 50px;
      padding: 1px 0 0;
      box-shadow: 0px 0px 3px 6px rgba(3, 169, 244, 0.5);
      background: #198cff;
      cursor: pointer;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (max-width: 1024px) {
        .country-select-box .switch-btn-box .switch-btn {
          margin: auto; } }
      .country-select-box .switch-btn-box .switch-btn i {
        font-family: "Ionicons";
        color: rgba(255, 255, 255, 0.8);
        font-size: 18px;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .country-select-box .switch-btn-box:hover {
      box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.7);
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (max-width: 1024px) {
        .country-select-box .switch-btn-box:hover {
          box-shadow: none; } }
      .country-select-box .switch-btn-box:hover .switch-btn {
        background: #967adc;
        box-shadow: 0px 0px 3px 6px rgba(150, 122, 220, 0.4);
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .country-select-box .switch-btn-box:hover .switch-btn i {
          color: #fff;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
  .country-select-box .btn-box {
    float: left;
    margin: 21px 0 0; }
    @media screen and (max-width: 1024px) {
      .country-select-box .btn-box {
        margin: 25px 0 15px; } }
    .country-select-box .btn-box button {
      padding: 8px 16px;
      margin: -1px 0 0 4px; }
      .country-select-box .btn-box button:first-child {
        margin: -1px 0 0 0; }
      .country-select-box .btn-box button.btn-mint {
        color: #fff;
        border: 1px solid #4ad2af;
        background: #4ad2af;
        box-shadow: 0px 7px 11px rgba(72, 207, 173, 0.5); }
        .country-select-box .btn-box button.btn-mint:hover {
          border: 1px solid #43cca9;
          background: #43cca9;
          box-shadow: 0px 3px 11px rgba(72, 207, 173, 0.5); }
      .country-select-box .btn-box button.btn-blue {
        border: 1px solid #14b0f7;
        background: #14b0f7;
        box-shadow: 0px 7px 11px rgba(0, 159, 242, 0.4); }
        .country-select-box .btn-box button.btn-blue:hover {
          border: 1px solid #06a2e8;
          background: #06a2e8;
          box-shadow: 0px 3px 11px rgba(0, 159, 242, 0.4); }
      .country-select-box .btn-box button .btn-lavender {
        border: 1px solid #a585f5;
        color: #fff;
        background: #a585f5;
        box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.4); }
        .country-select-box .btn-box button .btn-lavender:hover, .country-select-box .btn-box button .btn-lavender:focus {
          border: 1px solid #9575e2;
          background: #9575e2;
          box-shadow: 0px 3px 11px rgba(150, 122, 220, 0.4); }

.transport-freight {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 55px 0 0;
  background: #f3f6f9; }
  @media only screen and (max-width: 1280px) {
    .transport-freight {
      width: 1920px; } }
  .transport-freight .ag-overlay-loading-center {
    border: 0;
    background: none; }
    .transport-freight .ag-overlay-loading-center img {
      width: 100px;
      margin: 0 auto; }
  .transport-freight .transport-freight-content {
    position: relative;
    margin: 0 auto; }
    .transport-freight .transport-freight-content .content-box {
      display: inline-block;
      width: 100%;
      padding: 20px 30px 0 250px; }
      .transport-freight .transport-freight-content .content-box .content-title {
        font-size: 20px;
        font-weight: bold;
        padding: 5px 0 0; }
      .transport-freight .transport-freight-content .content-box .tab-content {
        margin: 30px 0 0; }
        .transport-freight .transport-freight-content .content-box .tab-content .tabs {
          margin: 0;
          border-radius: 0;
          border: none;
          background: none; }
          .transport-freight .transport-freight-content .content-box .tab-content .tabs ul.tab-btn {
            display: block;
            width: 100%; }
            .transport-freight .transport-freight-content .content-box .tab-content .tabs ul.tab-btn li {
              width: 183px; }
          .transport-freight .transport-freight-content .content-box .tab-content .tabs .slider {
            width: 203px; }
            .transport-freight .transport-freight-content .content-box .tab-content .tabs .slider .indicator {
              border-radius: 6px; }
          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content {
            display: inline-block;
            width: 100%;
            margin: 30px 0 0;
            border-top: 1px solid #d3d7dd; }
            .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section {
              padding: 20px 0 0; }
              .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box {
                width: 100%; }
                .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice {
                  float: left;
                  width: 25%; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .title, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .title, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .title {
                    color: #a9b3bd;
                    font-weight: bold;
                    font-size: 12px;
                    margin: 0 0 10px; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box {
                    position: relative;
                    display: inline-block;
                    width: 49%;
                    font-size: 12px;
                    padding: 6px 10px;
                    border: 1px solid #d3d7dd;
                    background: #fff;
                    cursor: pointer;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box::before, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box::before, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box::before {
                      position: absolute;
                      content: "\F107";
                      float: right;
                      right: 10px;
                      top: 25%;
                      color: #198cff;
                      font-family: "FontAwesome"; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box:hover, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box:hover, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box:hover {
                      background: #f7fcff;
                      -moz-transition: all 0.2s ease-in-out;
                      -o-transition: all 0.2s ease-in-out;
                      -webkit-transition: all 0.2s ease-in-out;
                      -ms-transition: all 0.2s ease-in-out;
                      transition: all 0.2s ease-in-out; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box span.selected, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .line-selector, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box span.selected, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .line-selector, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box span.selected, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .line-selector {
                      vertical-align: middle;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      height: 16px;
                      display: inline-block;
                      white-space: nowrap;
                      width: 100%; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu {
                      position: absolute;
                      left: 0;
                      top: 30px;
                      width: 300px;
                      max-height: 340px;
                      cursor: pointer;
                      z-index: 5;
                      overflow: auto;
                      background: #f7fcff;
                      box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); }
                      .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .search-box, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .search-box, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .search-box {
                        padding: 10px; }
                        .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .search-box .inner-material, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .search-box .inner-material, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .search-box .inner-material {
                          margin: 0; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .search-box .inner-material .effect-8, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .search-box .inner-material .effect-8, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .search-box .inner-material .effect-8 {
                            padding: 8px; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .search-box .inner-material i.ion-search, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .search-box .inner-material i.ion-search, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .search-box .inner-material i.ion-search {
                            font-family: "Ionicons";
                            position: absolute;
                            right: 10px;
                            top: 9px; }
                      .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li {
                        padding: 10px;
                        border-top: 1px dotted #b1ccd8;
                        color: #000;
                        text-align: left;
                        transition: all 0.3s;
                        font-size: 12px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-break: normal; }
                        .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected {
                          color: #fff;
                          background: #61ccfd;
                          padding-left: 15px; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected .country-code {
                            color: #000; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover .cntr label.cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected .cntr label.cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover .cntr label.cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected .cntr label.cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr label.cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr label.cbx {
                            border: 1px solid #48acda;
                            background: #fff; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr label.lbl {
                            color: #fff; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx {
                            border-color: transparent;
                            background: #000;
                            animation: jelly 0.6s ease; }
                            .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li:hover .cntr .cbx:checked ~ .cbx:after, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li.selected .cntr .cbx:checked ~ .cbx:after {
                              opacity: 1;
                              transform: rotate(45deg) scale(1); }
                        .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li .country-code, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li .country-code {
                          display: inline-block;
                          min-width: 25px;
                          font-size: 11px;
                          font-weight: bold;
                          text-align: center;
                          margin: 0 10px 0 0;
                          color: #198cff; }
                        .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li .cntr, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li .cntr, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li .cntr {
                          margin: 0; }
                          .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li .cntr label, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li .cntr label, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label {
                            vertical-align: middle; }
                            .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .origin .form-box .menu .country-list li .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .destination .form-box .menu .country-list li .cntr label.lbl, .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box .menu .country-list li .cntr label.lbl {
                              color: #000; }
                .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice {
                  width: 13%;
                  margin: 0 0 0 2px; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .ocean-choice .form-box {
                    width: 100%; }
                .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box {
                  float: left;
                  margin: 28px 15px 0;
                  border-radius: 50px;
                  box-shadow: 0px 12px 18px rgba(80, 169, 245, 0.7);
                  -moz-transition: all 0.2s ease-in-out;
                  -o-transition: all 0.2s ease-in-out;
                  -webkit-transition: all 0.2s ease-in-out;
                  -ms-transition: all 0.2s ease-in-out;
                  transition: all 0.2s ease-in-out; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box .switch-btn {
                    width: 26px;
                    height: 26px;
                    text-align: center;
                    border-radius: 50px;
                    padding: 1px 0 0;
                    box-shadow: 0px 0px 3px 6px rgba(3, 169, 244, 0.5);
                    background: #198cff;
                    cursor: pointer;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box .switch-btn i {
                      font-family: "Ionicons";
                      color: rgba(255, 255, 255, 0.8);
                      font-size: 18px;
                      -moz-transition: all 0.2s ease-in-out;
                      -o-transition: all 0.2s ease-in-out;
                      -webkit-transition: all 0.2s ease-in-out;
                      -ms-transition: all 0.2s ease-in-out;
                      transition: all 0.2s ease-in-out; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box:hover {
                    box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.7);
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box:hover .switch-btn {
                      background: #967adc;
                      box-shadow: 0px 0px 3px 6px rgba(150, 122, 220, 0.4);
                      -moz-transition: all 0.2s ease-in-out;
                      -o-transition: all 0.2s ease-in-out;
                      -webkit-transition: all 0.2s ease-in-out;
                      -ms-transition: all 0.2s ease-in-out;
                      transition: all 0.2s ease-in-out; }
                      .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .switch-btn-box:hover .switch-btn i {
                        color: #fff;
                        -moz-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -ms-transition: all 0.2s ease-in-out;
                        transition: all 0.2s ease-in-out; }
                .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box {
                  float: left;
                  margin: 25px 0 0 10px; }
                  .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button {
                    padding: 8px 16px;
                    margin: -1px 0 0 4px; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button:first-child {
                      margin: -1px 0 0 0; }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button.btn-mint {
                      border: 1px solid #4ad2af;
                      background: #4ad2af;
                      box-shadow: 0px 7px 11px rgba(72, 207, 173, 0.5); }
                      .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button.btn-mint:hover {
                        border: 1px solid #43cca9;
                        background: #43cca9;
                        box-shadow: 0px 3px 11px rgba(72, 207, 173, 0.5); }
                    .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button.btn-blue {
                      border: 1px solid #14b0f7;
                      background: #14b0f7;
                      box-shadow: 0px 7px 11px rgba(0, 159, 242, 0.4); }
                      .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .country-select-box .btn-box button.btn-blue:hover {
                        border: 1px solid #06a2e8;
                        background: #06a2e8;
                        box-shadow: 0px 3px 11px rgba(0, 159, 242, 0.4); }
              .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .excel-grid {
                display: inline-block;
                width: 100%;
                margin: 20px 0; }
                .transport-freight .transport-freight-content .content-box .tab-content .tabs .content section .excel-grid .deleted-row {
                  background: #ccc; }

.fwdr-fare select {
  float: left;
  width: 230px;
  padding: 7px 10px;
  margin: 21px 5px 0 0; }
  @media screen and (max-width: 1024px) {
    .fwdr-fare select {
      float: none;
      display: block;
      margin: 10px 0 20px; } }

.board-write ul.titles li {
  margin-bottom: 10px;
  display: flex; }
  .board-write ul.titles li label, .board-write ul.titles li input {
    display: block; }
  .board-write ul.titles li label {
    min-width: 80px; }

.board-write .board-contents {
  margin-top: 20px; }
  .board-write .board-contents table tr td {
    line-height: 1.2;
    vertical-align: middle !important; }
  .board-write .board-contents .cke_widget_element {
    margin: 0;
    display: inline-block; }
  .board-write .board-contents .cke_widget_editable {
    text-align: center; }

.board-write .bottom-btn-layer .btn.right {
  margin-right: 5px; }

.board-write .bottom-btn-layer .preview-warning {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
  text-align: right; }

.board-write .bottom-btn-layer .primary-color-ex {
  margin-top: 5px;
  clear: both;
  text-align: right; }

.trade-dictionary {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 55px 10px 100px; }
  .trade-dictionary h1 {
    margin: 0;
    line-height: 26px; }
    @media only screen and (max-width: 768px) {
      .trade-dictionary h1 {
        font-size: 20px; } }
    @media only screen and (max-width: 768px) {
      .trade-dictionary h1 span {
        display: block; } }
  .trade-dictionary h2 {
    width: 70%;
    margin: 10px auto 0;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    line-height: 20px; }
  .trade-dictionary .contents-area {
    display: block;
    width: 1195px;
    margin: 60px auto; }
    @media screen and (max-width: 1199px) {
      .trade-dictionary .contents-area {
        width: 100%; } }
    .trade-dictionary .contents-area .dictionary-left-nav {
      position: fixed;
      width: 200px; }
      @media screen and (max-width: 1024px) {
        .trade-dictionary .contents-area .dictionary-left-nav {
          display: none; } }
      .trade-dictionary .contents-area .dictionary-left-nav .title {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        padding: 0 0 10px;
        margin: 0 0 10px;
        border-bottom: 2px solid #198cff; }
      .trade-dictionary .contents-area .dictionary-left-nav ul li {
        position: relative;
        border-bottom: 1px solid #eee; }
        .trade-dictionary .contents-area .dictionary-left-nav ul li a {
          display: inline-block;
          width: 100%;
          padding: 12px 0;
          font-size: 14px;
          font-weight: bold;
          letter-spacing: .5px;
          cursor: pointer;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .trade-dictionary .contents-area .dictionary-left-nav ul li a:hover {
            color: #fff;
            padding: 12px;
            background: #198cff;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .trade-dictionary .contents-area .dictionary-left-nav ul li a:hover:after {
              opacity: 1;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -webkit-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
          .trade-dictionary .contents-area .dictionary-left-nav ul li a:after {
            font-family: 'FontAwesome';
            content: "\F105";
            position: absolute;
            right: 10px;
            top: 12px;
            opacity: 0;
            color: #fff;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
    .trade-dictionary .contents-area .dictionary-detail-area {
      float: right;
      width: 985px;
      font-size: 14px;
      line-height: 24px; }
      @media screen and (max-width: 1024px) {
        .trade-dictionary .contents-area .dictionary-detail-area {
          width: 100%; } }
      .trade-dictionary .contents-area .dictionary-detail-area hr {
        margin: 25px auto 22px;
        border-bottom: 1px solid #198cff; }
        @media only screen and (max-width: 768px) {
          .trade-dictionary .contents-area .dictionary-detail-area hr {
            margin: 15px auto 14px; } }
      .trade-dictionary .contents-area .dictionary-detail-area img {
        max-width: 600px; }
        @media only screen and (max-width: 768px) {
          .trade-dictionary .contents-area .dictionary-detail-area img {
            width: 100%; } }
      .trade-dictionary .contents-area .dictionary-detail-area h3 {
        font-size: 15px;
        font-weight: bold;
        margin: 2px 0; }
      .trade-dictionary .contents-area .dictionary-detail-area table {
        width: 100%;
        max-width: 600px;
        text-align: center;
        margin: 40px auto;
        border: 1px solid #eee;
        table-layout: fixed; }
        @media screen and (max-width: 1199px) {
          .trade-dictionary .contents-area .dictionary-detail-area table {
            font-size: 12px; } }
        @media only screen and (max-width: 768px) {
          .trade-dictionary .contents-area .dictionary-detail-area table {
            max-width: 100%; } }
        .trade-dictionary .contents-area .dictionary-detail-area table thead {
          width: 100%;
          background: #f7f7f7; }
          .trade-dictionary .contents-area .dictionary-detail-area table thead tr {
            border-bottom: 1px solid #eee; }
            .trade-dictionary .contents-area .dictionary-detail-area table thead tr th {
              border-left: 1px solid #e2e2e2;
              line-height: 22px;
              padding: 7px 5px;
              color: #8c8f94;
              font-weight: normal; }
              .trade-dictionary .contents-area .dictionary-detail-area table thead tr th:first-child {
                border: none; }
        .trade-dictionary .contents-area .dictionary-detail-area table tbody {
          border: 1px solid #eee; }
          .trade-dictionary .contents-area .dictionary-detail-area table tbody tr {
            border-top: 1px solid #eee; }
            .trade-dictionary .contents-area .dictionary-detail-area table tbody tr:first-child {
              border: none; }
            .trade-dictionary .contents-area .dictionary-detail-area table tbody tr:nth-child(2n+2) {
              background: #f7f7f7; }
              .trade-dictionary .contents-area .dictionary-detail-area table tbody tr:nth-child(2n+2) td {
                border-left: 1px solid #e2e2e2; }
            .trade-dictionary .contents-area .dictionary-detail-area table tbody tr td {
              font-size: 12px;
              border-left: 1px solid #eee;
              line-height: 1.4;
              padding: 7px 5px;
              vertical-align: middle !important;
              word-break: keep-all; }
              .trade-dictionary .contents-area .dictionary-detail-area table tbody tr td p {
                margin: 5px; }
              .trade-dictionary .contents-area .dictionary-detail-area table tbody tr td:first-child {
                border: none; }
        .trade-dictionary .contents-area .dictionary-detail-area table.import-declaration tbody tr td {
          font-size: 13px;
          line-height: 22px; }
          .trade-dictionary .contents-area .dictionary-detail-area table.import-declaration tbody tr td p {
            margin: 1em; }
      .trade-dictionary .contents-area .dictionary-detail-area .link {
        width: 600px;
        margin: 40px auto 20px;
        font-weight: bold;
        border: 1px solid #eee;
        border-radius: 6px;
        padding: 30px 10px 25px; }
        .trade-dictionary .contents-area .dictionary-detail-area .link h4 {
          font-size: 14px;
          color: #198cff;
          font-weight: bold; }
        .trade-dictionary .contents-area .dictionary-detail-area .link hr {
          margin: 15px auto 12px;
          border-bottom: 1px solid #000; }
          @media only screen and (max-width: 768px) {
            .trade-dictionary .contents-area .dictionary-detail-area .link hr {
              margin: 15px auto 14px; } }
        .trade-dictionary .contents-area .dictionary-detail-area .link a {
          position: relative;
          display: inline-block;
          margin: 3px 0;
          line-height: 1.2;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .trade-dictionary .contents-area .dictionary-detail-area .link a:after {
            content: "";
            position: absolute;
            width: 0px;
            bottom: -1px;
            left: 0;
            border-bottom: 1px solid #198cff;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          .trade-dictionary .contents-area .dictionary-detail-area .link a:hover {
            color: #198cff;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            text-decoration: none; }
            .trade-dictionary .contents-area .dictionary-detail-area .link a:hover:after {
              width: 100%;
              -moz-transition: all 0.3s ease-in-out;
              -o-transition: all 0.3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out;
              -ms-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out; }
      .trade-dictionary .contents-area .dictionary-detail-area .hscode-bottom-btn a {
        display: inline-block;
        margin: 0 3px; }
        .trade-dictionary .contents-area .dictionary-detail-area .hscode-bottom-btn a:nth-child(2) button {
          padding: 10px 25px;
          border-radius: 60px;
          -moz-box-shadow: 0px 9px 20px -3px #34e0b5;
          -webkit-box-shadow: 0px 9px 20px -3px #34e0b5;
          box-shadow: 0px 9px 20px -3px #34e0b5; }
          .trade-dictionary .contents-area .dictionary-detail-area .hscode-bottom-btn a:nth-child(2) button:hover {
            border: 1px solid #967ADC;
            background: #967ADC;
            -moz-box-shadow: 0px 7px 16px -3px rgba(205, 179, 253, 0.5);
            -webkit-box-shadow: 0px 7px 16px -3px rgba(205, 179, 253, 0.5);
            box-shadow: 0px 7px 16px -3px rgba(205, 179, 253, 0.5); }
    .trade-dictionary .contents-area .to-list-button {
      width: 985px;
      float: right;
      display: block; }
      .trade-dictionary .contents-area .to-list-button button {
        margin: 100px auto 60px;
        display: block; }
      .trade-dictionary .contents-area .to-list-button .btn-main {
        font-size: 13px;
        color: #fff;
        border: 1px solid #03a9f4;
        background: #01A8F4;
        border-radius: 60px;
        -moz-box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5);
        -webkit-box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5);
        box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5); }
        .trade-dictionary .contents-area .to-list-button .btn-main:hover, .trade-dictionary .contents-area .to-list-button .btn-main:focus {
          color: #fff;
          border: 1px solid #7f80e9;
          background: #7f80e9;
          -moz-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
          -webkit-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
          box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7); }

.image-uploader .add-image {
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #eee; }
  .image-uploader .add-image .form-group {
    margin-top: 10px; }
    .image-uploader .add-image .form-group input {
      width: 30%; }
    .image-uploader .add-image .form-group button {
      padding: 9px 20px;
      margin: 0 0 0 3px; }

.image-uploader .image-list {
  padding: 20px 0; }
  .image-uploader .image-list h5 {
    margin-bottom: 10px; }
  .image-uploader .image-list .folder {
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #eee;
    margin-bottom: 10px; }
    .image-uploader .image-list .folder .images-box {
      display: block;
      margin-top: 10px; }
    .image-uploader .image-list .folder .images {
      display: flex;
      align-items: center;
      justify-content: space-around;
      border: 1px solid #ccc;
      vertical-align: top;
      padding: 5px;
      margin: 0 5px 5px 0; }
      .image-uploader .image-list .folder .images .img {
        width: 180px;
        display: inline-block; }
        .image-uploader .image-list .folder .images .img img {
          max-width: 100%; }
    .image-uploader .image-list .folder a i {
      vertical-align: middle; }

.show-image-modal .selected-img {
  max-width: 100%; }

.user-list-area .basic .codition .top-form-layer {
  margin: 0 0 10px; }

.user-list-area .basic .codition .total-count span {
  margin: 0 0 0 5px;
  vertical-align: middle; }

.user-list-area .basic .click-info {
  margin: 25px 0 5px; }

.user-info-modal .sweet-modal-box {
  position: absolute;
  width: 50%;
  height: 80%;
  top: -5%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  background: #fff;
  border-radius: 6px;
  transition: top .25s ease; }
  .user-info-modal .sweet-modal-box .sweet-modal-title-wrap {
    padding: 10px;
    border-bottom: 1px solid #eee;
    background: #f3f7f9; }
    .user-info-modal .sweet-modal-box .sweet-modal-title-wrap .sweet-modal-title h2 {
      font-size: 16px; }
  .user-info-modal .sweet-modal-box .sweet-modal-content {
    height: calc(100% - 40px);
    padding: 0 0 40px;
    overflow-y: auto; }
    .user-info-modal .sweet-modal-box .sweet-modal-content section {
      display: inline-block;
      width: 100%;
      border-top: 1px solid #eee; }
      .user-info-modal .sweet-modal-box .sweet-modal-content section:nth-child(1) {
        border: none; }
      .user-info-modal .sweet-modal-box .sweet-modal-content section .user-info-title {
        float: left;
        width: 15%;
        font-size: 16px;
        font-weight: bold;
        padding: 25px 0 0 40px; }
      .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area {
        position: relative;
        float: left;
        width: 85%;
        padding: 0 30px; }
        .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul {
          position: relative;
          display: inline-block;
          width: 100%;
          padding: 20px 0;
          border-bottom: 1px solid #eee; }
          .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li {
            display: inline-block;
            width: 100%;
            padding: 0 60px 0 120px;
            vertical-align: middle; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li:first-child, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li:first-child {
              position: absolute;
              width: 120px;
              padding: 0;
              left: 0;
              top: 27px;
              color: #a0a7b2;
              font-size: 12px; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li:first-child div span, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li:first-child div span {
                display: block; }
                .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li:first-child div span:nth-child(2), .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li:first-child div span:nth-child(2) {
                  margin: 20px 0 0 0; }
                .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li:first-child div span i, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li:first-child div span i {
                  display: inline-block;
                  vertical-align: middle;
                  width: 3px;
                  height: 3px;
                  background: #a0a7b2;
                  margin: 0 3px 0 0; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li.regfile-check a, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li.regfile-check i, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li.regfile-check a, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li.regfile-check i {
              font-size: 12px;
              color: #999; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li.regfile-check a:hover, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li.regfile-check i:hover, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li.regfile-check a:hover, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li.regfile-check i:hover {
                color: #198cff; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .half-input, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .half-input {
              display: inline-block;
              width: 49%; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .half-input:nth-child(2), .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .half-input:nth-child(2) {
                float: right; }
                .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .half-input:nth-child(2) input, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .half-input:nth-child(2) input {
                  margin: 0; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .file-input, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .file-input {
              border: 1px solid #e2e2e2;
              padding: 7px 10px;
              transition: 0.4s;
              cursor: pointer;
              min-height: 30px; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .file-input:hover, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .file-input:hover {
                color: #198cff; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner {
              width: 100%; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner .file-and-input, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner .file-and-input {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                width: 100%;
                margin: 7px 0px; }
                .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner .file-and-input .file-input, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner .file-and-input .file-input {
                  flex: 1;
                  border: 1px solid #e2e2e2;
                  padding: 7px 10px;
                  transition: 0.4s;
                  min-height: 30px;
                  cursor: pointer; }
                  .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner .file-and-input .file-input:hover, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner .file-and-input .file-input:hover {
                    color: #198cff; }
              .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner .two-way-buttons, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner .two-way-buttons {
                text-align: right; }
                .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .box-inner .two-way-buttons button, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .box-inner .two-way-buttons button {
                  margin: 3px;
                  border-radius: 3px;
                  padding: 6px 13px;
                  line-height: 1; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li input:nth-child(2), .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li input:nth-child(2) {
              margin: 7px 0 0; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li select, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li select {
              margin: 7px 0 0; }
            .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul li .checkbox-area, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .checkbox-area {
              display: inline-block;
              min-width: 77px;
              margin: 0 20px 0 0; }
          .user-info-modal .sweet-modal-box .sweet-modal-content section .user-area .info-detail ul:last-child, .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul:last-child {
            border: none !important; }
      .user-info-modal .sweet-modal-box .sweet-modal-content section .user-company-area .info-detail ul li .checkbox-area {
        min-width: auto; }
    .user-info-modal .sweet-modal-box .sweet-modal-content .modal-bottom-btn button {
      min-width: 120px;
      border-radius: 50px; }
      .user-info-modal .sweet-modal-box .sweet-modal-content .modal-bottom-btn button.btn-gray:hover {
        background: #f44336;
        box-shadow: 0px 4px 14px -3px rgba(230, 27, 27, 0.1), 0px 4px 15px 0px rgba(232, 14, 14, 0.3); }
    .user-info-modal .sweet-modal-box .sweet-modal-content .memo-box .user-company-area .info-detail .memo-area {
      position: relative;
      padding: 20px 60px 40px 0; }
      .user-info-modal .sweet-modal-box .sweet-modal-content .memo-box .user-company-area .info-detail .memo-area textarea {
        width: 100%;
        min-height: 100px; }
      .user-info-modal .sweet-modal-box .sweet-modal-content .memo-box .user-company-area .info-detail .memo-area .memo-save {
        position: absolute;
        font-size: 12px;
        color: #999;
        left: 0; }
    .user-info-modal .sweet-modal-box .sweet-modal-content .buttons {
      float: right; }
      .user-info-modal .sweet-modal-box .sweet-modal-content .buttons.lingo {
        padding: 0 60px 0 0;
        text-align: right; }
      .user-info-modal .sweet-modal-box .sweet-modal-content .buttons button {
        border-radius: 50px; }

.user-info-modal.open .sweet-modal-box {
  top: 0; }

.cfs .cfs-company-list h3 {
  margin: 10px 0 5px; }

.cfs .cfs-company-list .cfs-search {
  position: absolute;
  width: 30%;
  margin: 0;
  right: 0;
  top: -5px; }
  .cfs .cfs-company-list .cfs-search .input-right-text {
    top: 9px; }

.cfs .cfs-company-list .add-new {
  margin: 4px 0 0 10px;
  padding: 3px 20px;
  border-radius: 50px; }

.cfs-info-modal .sweet-modal-box .sweet-modal-content {
  height: calc(100% - 40px);
  padding: 20px 20px 40px;
  overflow-y: auto; }
  .cfs-info-modal .sweet-modal-box .sweet-modal-content ul li {
    margin: 0 0 10px; }
    .cfs-info-modal .sweet-modal-box .sweet-modal-content ul li:last-child {
      margin: 0; }
    .cfs-info-modal .sweet-modal-box .sweet-modal-content ul li label {
      display: inline-block;
      width: 80px;
      font-weight: bold; }
    .cfs-info-modal .sweet-modal-box .sweet-modal-content ul li .inner-material {
      display: inline-block;
      padding: 0 0 0 90px;
      margin: 0 0 0 -90px; }

.mapping-area .top-box {
  margin: 0 0 20px; }
  .mapping-area .top-box h3 {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle; }
  .mapping-area .top-box button {
    display: inline-block;
    border-radius: 50px;
    margin: 0 3px 0 0;
    padding: 5px 26px; }

.mapping-area .tab-content .tab-pane .row {
  margin: 0 0 30px; }
  .mapping-area .tab-content .tab-pane .row .alignment {
    min-width: 120px;
    margin: 0 10px 0 0; }

.mapping-area .tab-content .tab-pane .port-map-tab-top {
  position: relative;
  padding: 15px 0 0; }
  .mapping-area .tab-content .tab-pane .port-map-tab-top p {
    display: inline-block;
    margin: 0; }
  .mapping-area .tab-content .tab-pane .port-map-tab-top .inner-material {
    position: absolute;
    width: 300px;
    right: 0;
    top: -3px;
    margin: 0; }

.mapping-area .search-area {
  position: relative;
  display: inline-block;
  width: 100%; }
  .mapping-area .search-area .result {
    display: inline-block; }
  .mapping-area .search-area .search-box {
    position: absolute;
    width: 300px;
    right: 0;
    top: -18px;
    margin: 0; }
    .mapping-area .search-area .search-box .input-right-text {
      position: absolute;
      right: 5px;
      top: 9px;
      color: #999; }

.mapping-area .table-default {
  margin: 5px 0 20px; }

.login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box {
  margin-top: -30px; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-title h2 {
    text-align: center; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-buttons {
    text-align: center; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material {
    display: inline-block;
    float: none; }
    .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material input {
      color: #fff; }
    .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material .effect-17 ~ .focus-border {
      background-color: #00ceff; }
    .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material .effect-17 ~ label {
      color: #fff; }
    .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material .effect-17:focus ~ label {
      color: #00ceff; }
    .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .material .has-content.effect-17 ~ label {
      top: -20px;
      color: #00ceff; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .cntr .cbx {
    vertical-align: baseline; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content .cntr .lbl {
    color: #fff; }
  .login-modal .sweet-modal-overlay.dark-modal .sweet-modal-box .sweet-modal-content button {
    display: block;
    margin: 20px auto 0px;
    text-align: center; }

.loading-modal .sweet-modal-overlay {
  display: table;
  background-color: rgba(255, 255, 255, 0.02); }
  .loading-modal .sweet-modal-overlay .tradlinx-loading {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

.sweet-modal-overlay-asto.dark-overlay {
  background: rgba(28, 30, 35, 0.8); }

.sweet-modal-overlay-asto.open .sweet-modal-box {
  top: 4% !important; }
  .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-close .sweet-modal-close-link {
    color: #fff;
    line-height: 37px;
    background-color: #198cff;
    -moz-box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5);
    -webkit-box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5);
    box-shadow: 0px 12px 20px rgba(80, 169, 245, 0.5); }
    .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-close .sweet-modal-close-link:hover {
      background-color: #f44336;
      -moz-box-shadow: 0px 12px 20px rgba(245, 80, 118, 0.5);
      -webkit-box-shadow: 0px 12px 20px rgba(245, 80, 118, 0.5);
      box-shadow: 0px 12px 20px rgba(245, 80, 118, 0.5); }
  .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-title-wrap {
    padding: 13px 20px;
    border-bottom: 1px solid #eee; }
    .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-title-wrap .sweet-modal-title .title {
      display: inline-block;
      font-size: 32px;
      font-weight: bold;
      vertical-align: baseline; }
    .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-title-wrap .sweet-modal-title .size {
      display: inline-block;
      font-size: 18px;
      margin: 0 0 0 10px;
      color: #999; }
      .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-title-wrap .sweet-modal-title .size span {
        color: #f44336;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 0 5px; }
  .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content {
    max-height: 650px;
    padding: 0;
    overflow-y: auto; }
    .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison {
      position: relative;
      width: 100%;
      padding: 20px; }
      .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .middle-title {
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 3px 0;
        color: #198cff; }
      .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .color-red {
        color: #f44336; }
      .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe {
        float: left;
        width: 50%;
        padding: 0 10px 0 0; }
        .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis:last-child, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe:last-child {
          padding: 0 0 0 10px; }
        .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer {
          padding: 20px 10px;
          border-radius: 4px;
          border: 1px solid #eee; }
          .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .company-info ul li, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .company-info ul li {
            display: inline-block;
            font-size: 13px;
            color: #198cff;
            font-weight: bold;
            margin: 0 15px 0 0; }
            .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .company-info ul li span, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .company-info ul li span {
              color: #000;
              font-weight: normal;
              margin: 0 0 0 5px; }
          .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .table-default, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .table-default {
            margin: 10px 0;
            font-size: 13px; }
            .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .table-default thead tr th, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .table-default thead tr th {
              line-height: 17px; }
            .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .table-default tbody tr, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .table-default tbody tr {
              border-top: 1px solid #eee; }
              .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .table-default tbody tr:nth-child(2n+2) td, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .table-default tbody tr:nth-child(2n+2) td {
                border-top: 1px solid #eee;
                border-left: 1px solid #eee; }
              .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .asis .box-layer .table-default tbody tr td, .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .tobe .box-layer .table-default tbody tr td {
                border-top: 1px solid #eee; }
      .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .bottom-btn-layer {
        display: inline-block;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
        margin: 40px auto; }
        .sweet-modal-overlay-asto.open .sweet-modal-box .sweet-modal-content .comparison .bottom-btn-layer button {
          margin: 0 3px; }

.sweet-modal-box-asto {
  width: 70%;
  left: 0;
  right: 0; }

.tracking-new-layer {
  margin: 0 0 30px; }
  .tracking-new-layer hr {
    margin: 10px 0px 20px;
    text-align: left; }
  .tracking-new-layer:hover hr {
    width: 50px;
    border-bottom: 1px solid #198cff; }

.tracking-new-box {
  position: relative; }
  .tracking-new-box .si-content-wrapper {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    color: #fff;
    border: 0; }
  .tracking-new-box .map-vessel-tooltip {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 350px;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.85);
    z-index: 10; }
    @media only screen and (max-width: 768px) {
      .tracking-new-box .map-vessel-tooltip {
        display: none; } }
  .tracking-new-box .tooltip-title {
    font-size: 14px;
    color: #00e3ff;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal; }
  .tracking-new-box .request-number {
    margin: 3px 0 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #000; }
  .tracking-new-box .vessel-info ul {
    float: left;
    width: 50%; }
    .tracking-new-box .vessel-info ul li {
      font-size: 11px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: normal; }
      .tracking-new-box .vessel-info ul li:first-child {
        color: rgba(255, 255, 255, 0.6);
        margin: 0 0 3px; }
  .tracking-new-box .port-layer {
    display: inline-block;
    width: 100%;
    margin: 15px 0 0; }
    .tracking-new-box .port-layer .origin, .tracking-new-box .port-layer .destination {
      float: left;
      font-size: 12px; }
    .tracking-new-box .port-layer .destination {
      float: right; }
  .tracking-new-box .flight-progress {
    position: relative;
    width: 100%;
    height: 3px;
    border-radius: 50px;
    margin: 2px 0;
    background-color: #f3f6f9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
    .tracking-new-box .flight-progress > div {
      -webkit-animation: flight-progress 3s;
      -moz-animation: flight-progress 3s;
      animation: flight-progress 3s; }
    .tracking-new-box .flight-progress .flight-progress-bar {
      position: relative;
      height: 100%;
      border-radius: 50px;
      background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
      background-size: 28em 0.25em;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .tracking-new-box .flight-time {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 3px 0 15px;
    z-index: 11; }
    .tracking-new-box .flight-time .start-time, .tracking-new-box .flight-time .arrive-time {
      float: left;
      font-size: 11px;
      margin: 1px 0;
      letter-spacing: -0.3px; }
    .tracking-new-box .flight-time .arrive-time {
      float: right; }
  .tracking-new-box .map-vessel-infowindow {
    top: 20px;
    width: 350px;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.85);
    z-index: 10; }
  .tracking-new-box .map-port-name, .tracking-new-box .map-vessel-name {
    top: 0;
    color: #fff;
    font-size: 11px;
    padding: 6px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10; }
  .tracking-new-box .map-vessel-name {
    top: 8px; }
  .tracking-new-box .map-container {
    position: relative;
    z-index: 1; }
  .tracking-new-box .vessel-detail-schedule-area {
    position: absolute;
    width: 360px;
    top: 30px;
    background: #fff;
    max-height: 490px;
    overflow-y: auto;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    z-index: 2;
    left: 30px;
    -webkit-transition: left 0.8s;
    -moz-transition: left 0.8s;
    -o-transition: left 0.8s;
    transition: left 0.8s; }
    .tracking-new-box .vessel-detail-schedule-area.close {
      left: -360px; }
    @media screen and (max-width: 1024px) {
      .tracking-new-box .vessel-detail-schedule-area {
        width: 100%;
        left: 0;
        padding: 0 0 0 60px; }
        .tracking-new-box .vessel-detail-schedule-area.close {
          left: -100%; } }
    .tracking-new-box .vessel-detail-schedule-area.outside {
      left: 0; }
    .tracking-new-box .vessel-detail-schedule-area.error::before {
      display: none; }
    .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top {
      position: relative;
      display: inline-block;
      width: 100%;
      padding: 10px 20px 20px;
      background: #fff;
      z-index: 2; }
      @media screen and (max-width: 1024px) {
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top {
          padding: 10px 20px 20px; } }
      .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .logo img {
        display: block;
        width: 100px; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .title-box {
        display: inline-block;
        margin: 20px 0 0; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .title-box p {
          color: #a0a7b2;
          font-size: 11px;
          margin: 0 0 2px 0; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .title-box .vessel-name {
          font-size: 16px;
          font-weight: bold;
          max-width: 320px;
          overflow: hidden;
          text-overflow: ellipsis; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .select {
        margin: 5px 0 0;
        z-index: 3; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .select .placeholder {
          color: #000; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .select .placeholder:hover {
            color: #fff; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .memo-area {
        display: block;
        width: 100%;
        max-height: 100px;
        padding: 10px;
        margin: 18px 0 0;
        border: 1px solid #e2e2e2;
        border-radius: 6px;
        overflow-y: auto;
        background: #fff; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area {
        float: right;
        margin: 15px 0 0; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area span {
          vertical-align: middle; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch {
          width: 70px;
          height: 21px;
          margin: 0 5px;
          vertical-align: bottom; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch .switch-input:checked ~ .switch-label {
            background: #198cff;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
          .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch .switch-input:checked ~ .switch-handle {
            left: 48px;
            box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch .switch-label {
            background: #967ADC; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch .switch-label:before {
              top: 11px;
              color: #fff;
              text-shadow: 0 1px #4d2e9a; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-layer-top .time-area .toggle-switch .switch-label:after {
              left: 10px;
              top: 11px;
              text-shadow: 0 1px #115496; }
    .tracking-new-box .vessel-detail-schedule-area .schedule-list {
      position: relative;
      float: left;
      width: 100%;
      font-size: 12px; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-list .table-top {
        position: relative;
        float: left;
        width: 100%;
        padding: 10px;
        background: #f3f6f9;
        z-index: 1; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .table-top .map-marker {
          position: absolute;
          font-size: 13px;
          top: 11px;
          left: 16px;
          color: #a0a7b2; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .table-top .schedule-title {
          position: relative;
          width: 100%;
          padding-left: 22px; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .table-top .schedule-title span {
            float: left;
            width: 27%;
            color: #a0a7b2; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-list .table-top .schedule-title span:nth-child(1) {
              width: 46%;
              text-align: left; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list {
        float: left;
        width: 100%; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .no-shipment-log-list {
          padding: 20px;
          text-align: center; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian {
          float: left;
          width: 100%;
          padding: 10px 10px 10px 13px;
          line-height: 17px;
          font-size: 13px;
          position: relative;
          color: #8c8f94;
          position: relative;
          border-top: 1px solid #eee;
          background: #fff;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian:hover {
            color: #000;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian.selected {
            background: #198cff;
            color: #fff;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian.selected:hover {
              color: #fff;
              transition: none; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian i.ion-android-boat {
            font-size: 17px;
            vertical-align: middle;
            margin-right: 3px; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .shipment-log-list .vessel-accordian i.ion-android-arrow-dropdown {
            position: absolute;
            right: 10px;
            font-size: 17px;
            top: 10px; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list {
        float: left;
        width: 100%;
        padding: 0 10px;
        z-index: 1;
        max-height: 380px;
        overflow-y: auto; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian {
          float: left;
          width: 100%;
          padding: 10px 25px 10px 15px;
          line-height: 17px;
          font-size: 13px;
          position: relative;
          color: #8c8f94;
          position: relative;
          border-top: 1px solid #e2e2e2;
          background: #fff;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian:hover {
            color: #000;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian.selected {
            background: #198cff;
            color: #fff;
            cursor: default;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian.selected:hover {
              color: #fff;
              transition: none; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian:first-of-type {
            border-top: none;
            border-bottom: 1px solid #e2e2e2; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian i.ion-android-arrow-dropdown, .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .more-accordian i.ion-android-arrow-dropup {
            position: absolute;
            right: 20px;
            font-size: 17px;
            top: 10px; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .no-port-box {
          padding: 10px;
          background: #fff; }
        .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box {
          float: left;
          width: 100%; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box:last-child #timeline .timeline-block .timeline-content {
            padding: 15px 0 13px 22px; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline {
            position: relative;
            width: 100%; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline::before {
              content: '';
              position: absolute;
              top: 0;
              left: 9px;
              height: 100%;
              width: 2px; }
            .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block {
              position: relative; }
              .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block:after {
                content: "";
                display: table;
                clear: both; }
              .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block:nth-child(even) .timeline-content {
                float: left; }
              .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block .timeline-date {
                position: absolute;
                top: 21px;
                left: 8px;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                line-height: 22px;
                text-align: center;
                background: #fff; }
              .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block .timeline-content {
                position: relative;
                display: inline-block;
                width: 100%;
                padding: 15px 0 0 22px; }
                .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block .timeline-content .country-title {
                  float: left;
                  width: 46%;
                  color: #000; }
                .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block .timeline-content .time-layer {
                  float: left;
                  width: 27%;
                  min-height: 27px; }
                  .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box #timeline .timeline-block .timeline-content .time-layer p {
                    font-size: 11px;
                    margin: 0; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .old-schedule .timeline-block .timeline-date {
            box-shadow: 0 0 0 2px #a0a7b2; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .old-schedule .timeline-block .timeline-content .time-layer {
            color: #a0a7b2; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .old-schedule::before {
            background: #a0a7b2; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .now-schedule .timeline-block .timeline-date {
            box-shadow: 0 0 0 2px #198cff; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .now-schedule .timeline-block .timeline-content .time-layer {
            color: #198cff; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .now-schedule::before {
            background: #198cff; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .ing-schedule .timeline-block .timeline-date {
            box-shadow: 0 0 0 2px #f5b058; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .ing-schedule .timeline-block .timeline-content .time-layer {
            color: #f5b058; }
          .tracking-new-box .vessel-detail-schedule-area .schedule-list .port-list .port-box .ing-schedule::before {
            background: #f5b058; }
      .tracking-new-box .vessel-detail-schedule-area .schedule-list .info-error {
        padding: 30px;
        text-align: center;
        float: left;
        background-color: #fff;
        position: relative;
        z-index: 1;
        width: 100%; }
    .tracking-new-box .vessel-detail-schedule-area #unipass-area {
      float: right;
      width: 100%;
      border-top: 1px solid #eee; }
      .tracking-new-box .vessel-detail-schedule-area #unipass-area .select {
        position: relative;
        display: block;
        width: 100%;
        font-size: 12px;
        margin: 0 auto;
        text-align: left;
        user-select: none;
        -webkit-touch-callout: none; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .select .placeholder {
          position: relative;
          display: block;
          color: #a0a7b2;
          padding: 10px;
          border-radius: 6px;
          border-top: 1px solid #eee;
          background-color: #fff;
          z-index: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          cursor: pointer;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .select .placeholder:hover {
            color: #fff;
            border: 1px solid #198cff;
            background: #198cff;
            box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .select .placeholder:after {
            position: absolute;
            right: 1em;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'FontAwesome';
            content: '\F078';
            z-index: 10; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .select .placeholder .loading {
            position: absolute;
            top: 11px;
            z-index: 2;
            right: 35px; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .select.is-open .placeholder {
          color: #fff;
          border: 1px solid #198cff;
          background: #198cff;
          box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7); }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .select.is-open .placeholder:after {
            content: '\F077';
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .select.is-open ul {
          display: block;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .select ul {
          display: none;
          position: absolute;
          width: 100%;
          max-height: 150px;
          background: #fff;
          border-radius: 6px;
          top: 100%;
          left: 0;
          list-style: none;
          margin: 5px 0 0 0;
          overflow-y: auto;
          box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
          z-index: 100; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .select ul li {
            display: block;
            text-align: left;
            padding: 10px;
            color: #a0a7b2;
            border-bottom: 1px solid #f3f6f9;
            cursor: pointer;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            word-break: break-all; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .select ul li:last-child {
              border: none; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .select ul li:hover {
              background: #198cff;
              color: #fff;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .select ul li.selected {
              background: #00ceff;
              color: #fff;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
      .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion {
        position: relative;
        display: inline-block;
        width: 100%;
        background-color: #fff;
        opacity: 1; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .loading-box {
          min-height: 150px;
          background: #fff;
          z-index: 2;
          position: relative; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .loader-small {
          position: absolute;
          left: 50%;
          margin-left: -100px; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-label {
          position: absolute;
          width: 100%;
          height: 45px;
          top: 0;
          left: 0;
          margin: 0;
          padding: 0;
          font-size: 0;
          z-index: 3;
          cursor: pointer; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-label:hover ~ .unipass-accordion-title, .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-label:hover ~ .unipass-accordion-title:after {
            color: #000;
            transition: all 0.3s; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-label.selected ~ .unipass-accordion-title, .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-label.selected ~ .unipass-accordion-title:after {
            background: #f7f7f7;
            color: #000;
            transition: all 0.3s; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-title {
          position: relative;
          display: block;
          margin: 0;
          padding: 10px 10px 10px 11px;
          font-size: 13px;
          white-space: nowrap;
          border-bottom: 1px solid #e2e2e2;
          cursor: pointer;
          background: #fff;
          z-index: 2;
          color: #8c8f94; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-title:after {
            content: "\F35F";
            position: absolute;
            top: 9px;
            right: 10px;
            font-size: 17px;
            color: #999;
            transform: rotate(0deg);
            font-family: 'Ionicons'; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-title img {
            width: 16px;
            vertical-align: sub; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content {
          float: left;
          width: 100%;
          overflow: hidden; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select {
            position: relative;
            float: left;
            width: 100%;
            background: #fff;
            border-bottom: 1px solid #eee;
            z-index: 2; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .title-box {
              float: left;
              width: 30%;
              padding: 10px 15px 0;
              font-size: 12px;
              color: #a0a7b2; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select {
              float: left;
              width: 70%;
              position: relative;
              display: block;
              font-size: 12px;
              margin: 0 auto;
              text-align: left;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              -webkit-touch-callout: none; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder {
                border: none;
                border-radius: 0;
                color: #198cff;
                position: relative;
                display: block;
                color: #a0a7b2;
                padding: 10px;
                background-color: #fff;
                z-index: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                cursor: pointer;
                -webkit-transition: .2s;
                transition: all .2s; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder:after {
                  color: #a0a7b2; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder:hover {
                  color: #fff;
                  border: none;
                  background: #198cff;
                  box-shadow: 0px 9px 20px -3px rgba(54, 162, 255, 0.7);
                  -webkit-transition: all 0.2s;
                  -moz-transition: all 0.2s;
                  -o-transition: all 0.2s;
                  transition: all 0.2s; }
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder:hover:after {
                    color: #fff; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder.not-select {
                  color: #198cff; }
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder.not-select:after {
                    display: none; }
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder.not-select:hover {
                    color: #198cff;
                    border: none;
                    background: #fff;
                    box-shadow: none;
                    cursor: default; }
                    .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select .placeholder.not-select:hover:after {
                      display: none; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select.is-open .placeholder {
                color: #fff;
                background: #198cff; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-cargo-select .select.is-open .placeholder:after {
                  color: #fff; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail {
            position: relative;
            float: left;
            width: 100%;
            background: #fff;
            z-index: 1; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table {
              width: 100%;
              text-align: center;
              border-bottom: 1px solid #eee;
              table-layout: fixed;
              border-collapse: collapse;
              text-align: left;
              border-left: none;
              border-right: none;
              border-top: none;
              margin-bottom: 0;
              margin-top: 0; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table tbody tr {
                min-height: 30px; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table tbody th {
                width: 30%;
                font-weight: normal;
                padding: 10px 14px;
                color: #a0a7b2; }
                @media only screen and (max-width: 1500px) {
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table tbody th {
                    width: 20%; } }
                @media screen and (max-width: 635px) {
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table tbody th {
                    width: 30%; } }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-small-detail .cargo-table tbody td {
                color: #198cff;
                padding: 10px 11px; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area {
            display: inline-block;
            width: 100%;
            font-size: 12px;
            padding: 0 0 0 20px;
            min-height: 180px; }
            .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box {
              position: relative;
              padding: 10px; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box:before {
                content: '';
                position: absolute;
                top: 0;
                left: -1px;
                height: 100%;
                width: 2px;
                background: #dedede; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box:after {
                content: "";
                position: absolute;
                top: 20px;
                left: -2px;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                line-height: 22px;
                text-align: center;
                background: #fff;
                box-shadow: 0 0 0 2px #dedede;
                z-index: 3; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box:first-child:after {
                box-shadow: 0 0 0 2px #198cff; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box:first-child:before {
                background: #198cff; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box:last-child {
                margin: 0; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step {
                position: relative;
                display: inline-block;
                width: 100%;
                padding: 5px 0 3px;
                font-weight: bold; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step span.title {
                  float: left;
                  width: 56%;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step span:last-child {
                  float: right;
                  color: #a0a7b2;
                  font-weight: normal; }
              .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table {
                display: inline-block;
                width: 100%;
                border: 1px solid #e2e2e2;
                background: #fff; }
                .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul {
                  float: left;
                  width: 100%; }
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul li {
                    float: left;
                    width: 75%;
                    padding: 10px; }
                    .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul li:first-child {
                      width: 25%;
                      text-align: center;
                      background: #f3f6f9; }
                    .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul li span {
                      color: #198cff; }
                      .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul li span.clickable {
                        cursor: pointer; }
                        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul li span.clickable:hover {
                          text-decoration: underline; }
                  .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-view-area .unipass-view-box .unipass-step-table ul:first-child {
                    border-bottom: 1px solid #e2e2e2; }
          .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .unipass-accordion-content .unipass-area-bottom {
            display: block;
            text-align: center;
            margin: 20px auto 40px; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .no-uni-result {
          position: relative;
          background: #fff;
          padding: 20px;
          text-align: center; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion .no-process-info {
          position: absolute;
          z-index: 2;
          background: #fff;
          padding: 20px;
          width: 100%;
          left: 0;
          height: 70%;
          text-align: center; }
      .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion-input {
        display: none; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion-input:checked ~ .unipass-accordion-title + .unipass-accordion-content:before {
          content: '';
          position: absolute;
          top: 0;
          left: 19px;
          height: 100%;
          width: 2px;
          background: #dedede;
          z-index: 1; }
        .tracking-new-box .vessel-detail-schedule-area #unipass-area .unipass-accordion-input:checked ~ .unipass-accordion-title:after {
          transform: rotate(180deg); }

@keyframes flight-progress {
  0% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85); }
  0% {
    width: 0; } }

.unipass-modal.inside .sweet-modal-overlay {
  position: absolute;
  z-index: 2; }
  .unipass-modal.inside .sweet-modal-overlay .sweet-modal-box .sweet-modal-buttons {
    margin: 0 auto; }

.unipass-modal .btn-main {
  font-size: 13px;
  display: inline-block;
  color: #fff;
  border: 1px solid #03A9F4;
  background: #03A9F4;
  border-radius: 60px; }
  .unipass-modal .btn-main:hover, .unipass-modal .btn-main:focus {
    border: 1px solid #7f80e9;
    background: #7f80e9;
    -moz-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
    -webkit-box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7);
    box-shadow: 0px 8px 16px -3px rgba(205, 179, 253, 0.7); }

@media screen and (max-width: 1024px) {
  .unipass-modal .sweet-modal-box.md {
    width: 100%;
    left: 0; } }

.unipass-modal .sweet-modal-content.small-top {
  padding-top: 17px; }

@media screen and (max-width: 1024px) {
  .unipass-modal .sweet-modal-content {
    top: 10%;
    font-size: 12px; } }

.unipass-modal .cntr-cnt {
  margin-bottom: 4px; }

.unipass-modal table.cntr-list {
  width: 100%;
  font-size: 13px;
  border: 1px solid #eee; }
  .unipass-modal table.cntr-list tr {
    border-bottom: 1px solid #eee; }
    .unipass-modal table.cntr-list tr th, .unipass-modal table.cntr-list tr td {
      padding: 10px;
      line-height: 1.4;
      text-align: center; }
    .unipass-modal table.cntr-list tr th {
      background: #f7f7f7;
      font-weight: bold; }
    .unipass-modal table.cntr-list tr:last-child {
      border-bottom: 0; }

.unipass-modal table.unip-modal-content {
  width: 100%;
  font-size: 13px;
  border: 1px solid #eee; }
  .unipass-modal table.unip-modal-content tr th, .unipass-modal table.unip-modal-content tr td {
    padding: 10px;
    line-height: 1; }
    @media screen and (max-width: 1024px) {
      .unipass-modal table.unip-modal-content tr th, .unipass-modal table.unip-modal-content tr td {
        line-height: 1.2;
        word-break: keep-all; } }
  .unipass-modal table.unip-modal-content tr th {
    width: 26%;
    text-align: left;
    background: #f7f7f7;
    font-weight: bold;
    border-bottom: 1px solid #fff; }
  .unipass-modal table.unip-modal-content tr td {
    width: 74%;
    border-bottom: 1px solid #eee; }
    .unipass-modal table.unip-modal-content tr td.cols {
      padding: 0;
      width: 100%;
      border-bottom: 0; }
  .unipass-modal table.unip-modal-content tr:last-child th, .unipass-modal table.unip-modal-content tr:last-child td {
    border-bottom: 0; }
  .unipass-modal table.unip-modal-content span {
    display: block;
    float: left;
    padding: 10px; }
    .unipass-modal table.unip-modal-content span.small-label {
      width: 26%;
      background: #f7f7f7;
      font-weight: bold;
      border-bottom: 1px solid #fff; }
    .unipass-modal table.unip-modal-content span.small-con {
      width: 24%;
      border-bottom: 1px solid #eee; }

.country-select-box {
  width: 100%; }
  .country-select-box.schedule .origin, .country-select-box.schedule .destination {
    float: left;
    width: 25%;
    margin: -2px 5px 0 0; }
  .country-select-box.schedule .line-selector-box {
    width: 25%;
    float: left;
    padding: 21px 7px 25px 0; }
  .country-select-box.schedule .line-selector input {
    line-height: 1.4; }
  .country-select-box.schedule .line-selector .auto-complate-open ul li {
    width: 100%;
    margin: 0;
    display: block;
    text-align: left; }
  .country-select-box .btn-box-margin {
    float: left;
    margin: 23px 0 0; }
    @media screen and (max-width: 1024px) {
      .country-select-box .btn-box-margin {
        margin: 25px 0 15px; } }
    .country-select-box .btn-box-margin button {
      padding: 8px 16px;
      margin: -1px 0 0 4px; }
      .country-select-box .btn-box-margin button:first-child {
        margin: -1px 0 0 0; }
      .country-select-box .btn-box-margin button.btn-mint {
        color: #fff;
        border: 1px solid #4ad2af;
        background: #4ad2af;
        box-shadow: 0px 7px 11px rgba(72, 207, 173, 0.5); }
        .country-select-box .btn-box-margin button.btn-mint:hover {
          border: 1px solid #43cca9;
          background: #43cca9;
          box-shadow: 0px 3px 11px rgba(72, 207, 173, 0.5); }
      .country-select-box .btn-box-margin button.btn-blue {
        border: 1px solid #14b0f7;
        background: #14b0f7;
        box-shadow: 0px 7px 11px rgba(0, 159, 242, 0.4); }
        .country-select-box .btn-box-margin button.btn-blue:hover {
          border: 1px solid #06a2e8;
          background: #06a2e8;
          box-shadow: 0px 3px 11px rgba(0, 159, 242, 0.4); }
      .country-select-box .btn-box-margin button .btn-lavender {
        border: 1px solid #a585f5;
        color: #fff;
        background: #a585f5;
        box-shadow: 0px 7px 11px rgba(150, 122, 220, 0.4); }
        .country-select-box .btn-box-margin button .btn-lavender:hover, .country-select-box .btn-box-margin button .btn-lavender:focus {
          border: 1px solid #9575e2;
          background: #9575e2;
          box-shadow: 0px 3px 11px rgba(150, 122, 220, 0.4); }

.mat-port-selector {
  position: relative;
  margin: -4px 3px 0 0; }
  .mat-port-selector .inner-material input {
    line-height: 1.4; }
  .mat-port-selector .ion-android-pin {
    position: absolute;
    right: 9px;
    top: 28px;
    cursor: pointer;
    z-index: 100; }
  .mat-port-selector .auto-complate-open ul li {
    width: 100%;
    margin: 0;
    display: block;
    text-align: left; }
  .mat-port-selector .two-menu {
    top: 26px;
    width: 100%;
    z-index: 100; }
    .mat-port-selector .two-menu .sub-drop li {
      display: block;
      padding: 0; }

.schedule-grid .ag-del-btn {
  padding: 2px 32px;
  margin-top: 2px;
  vertical-align: top; }

.geo-fence .route-panel {
  position: absolute;
  width: 350px;
  right: 270px;
  top: 42px;
  padding: 10px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.3);
  z-index: 5; }
  .geo-fence .route-panel .route-selecte .selecte-area {
    position: relative;
    width: 100%;
    margin: 0 0 5px; }
    .geo-fence .route-panel .route-selecte .selecte-area:last-child {
      margin: 0; }
    .geo-fence .route-panel .route-selecte .selecte-area .cntr {
      display: inline-block;
      width: 70px;
      margin: 0; }
    .geo-fence .route-panel .route-selecte .selecte-area .selectebox {
      display: inline-block;
      width: 100%;
      margin: 0 0 0 -75px;
      padding: 0 0 0 70px; }
      .geo-fence .route-panel .route-selecte .selecte-area .selectebox select {
        width: 100%;
        padding: 5px;
        border: 1px solid #e2e2e2;
        outline: none; }
  .geo-fence .route-panel button {
    display: block;
    font-size: 12px;
    margin: 10px auto 0;
    text-align: center;
    padding: 5px 20px;
    border-radius: 50px; }

.geo-fence .marker-panel {
  position: absolute;
  width: 200px;
  right: 59px;
  top: 42px;
  padding: 10px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.3);
  z-index: 5; }
  .geo-fence .marker-panel select {
    width: 100%;
    padding: 5px;
    border: 1px solid #e2e2e2;
    outline: none; }
  .geo-fence .marker-panel .btn-area {
    display: block;
    margin: 10px auto 0;
    text-align: center; }
    .geo-fence .marker-panel .btn-area button {
      width: 75px;
      border-radius: 50px;
      padding: 5px 0;
      font-size: 12px; }

.geo-fence .map-area {
  position: absolute;
  left: 0;
  top: 35px;
  width: 100%;
  height: 100%; }
  .geo-fence .map-area #map {
    width: 100%;
    height: calc(100vh - 93px); }

.ag-theme-balham {
  display: inline-block;
  z-index: 99; }
  .ag-theme-balham .ag-popup-editor {
    outline: 0;
    border: 1px solid #ccc;
    width: 260px; }
    .ag-theme-balham .ag-popup-editor div ul {
      max-height: 140px;
      overflow-y: auto;
      background: #f7f7f7; }
      .ag-theme-balham .ag-popup-editor div ul li {
        padding: 6px 10px;
        cursor: pointer;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 100%; }
        .ag-theme-balham .ag-popup-editor div ul li.selected {
          color: #fff;
          background: #05d4fe;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }

.ag-dropdown-editor {
  position: fixed;
  background: antiquewhite; }
  .ag-dropdown-editor .ag-dropdown-item {
    height: 30px;
    font-size: 12px;
    text-align: center;
    min-width: 116px;
    line-height: 30px; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }
  .ui-state-default:hover,
  .ui-widget-content .ui-state-default:hover,
  .ui-widget-header .ui-state-default:hover,
  .ui-button:hover,
  html .ui-button.ui-state-disabled:hover:hover,
  html .ui-button.ui-state-disabled:active:hover {
    background: #198cff;
    color: #fff; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #198cff;
  background: #198cff;
  color: #fff;
  box-shadow: 0px 3px 14px rgba(51, 145, 199, 0.6);
  z-index: 99; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 2px; }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px; }
  .ui-datepicker .ui-datepicker-next {
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px; }
  .ui-datepicker .ui-datepicker-next-hover {
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
    .ui-datepicker th.ui-datepicker-week-end {
      color: #f44336; }
  .ui-datepicker td {
    width: 32px;
    height: 24px;
    line-height: 23px;
    border: 0;
    padding: 1px; }
    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0px;
      text-align: center;
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }
  .ui-datepicker.ui-datepicker-multi {
    width: auto; }

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left; }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

@-webkit-keyframes wave {
  from {
    -webkit-transform: translateX(100px);
    transform: translateX(100px); }
  to {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); } }

@keyframes wave {
  from {
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    transform: translateX(100px); }
  to {
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); } }

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes part {
  0%, 100% {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #00f0fd, 0 0 0 0 #00f0fd; }
  50% {
    box-shadow: 0 0 0 0px #ffffff, 0 0 2px 1px #00f0fd, 0 0 8px 0 #00f0fd; } }

@-moz-keyframes part {
  0%, 100% {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #00f0fd, 0 0 0 0 #00f0fd; }
  50% {
    box-shadow: 0 0 0 0px #ffffff, 0 0 2px 1px #00f0fd, 0 0 8px 0 #00f0fd; } }

@keyframes part {
  0%, 100% {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #00f0fd, 0 0 0 0 #00f0fd; }
  50% {
    box-shadow: 0 0 0 0px #ffffff, 0 0 2px 1px #00f0fd, 0 0 8px 0 #00f0fd; } }

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); } }

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); } }

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); } }

@keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0); } }

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.1), 0 0 0 20px rgba(255, 0, 0, 0.1), 0 0 0 40px rgba(255, 0, 0, 0.1), 0 0 0 60px rgba(255, 0, 0, 0.1); }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 0, 0, 0.1), 0 0 0 40px rgba(255, 0, 0, 0.1), 0 0 0 60px rgba(255, 0, 0, 0.1), 0 0 0 80px rgba(255, 0, 0, 0); } }

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.1), 0 0 0 20px rgba(255, 0, 0, 0.1), 0 0 0 40px rgba(255, 0, 0, 0.1), 0 0 0 60px rgba(255, 0, 0, 0.1); }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 0, 0, 0.1), 0 0 0 40px rgba(255, 0, 0, 0.1), 0 0 0 60px rgba(255, 0, 0, 0.1), 0 0 0 80px rgba(255, 0, 0, 0); } }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }

@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip .75s;
  animation: animateSuccessTip .75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong .75s;
  animation: animateSuccessLong .75s; }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon .5s;
  animation: animateErrorIcon .5s; }

.animateXLeft {
  -webkit-animation: animateXLeft .75s;
  animation: animateXLeft .75s; }

.animateXRight {
  -webkit-animation: animateXRight .75s;
  animation: animateXRight .75s; }

.scaleWarning {
  -webkit-animation: scaleWarning 0.75s infinite alternate;
  animation: scaleWarning 0.75s infinite alternate; }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes animateSuccessTip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0%, 5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  100%, 12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0%, 5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  100%, 12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes animateXLeft {
  0%,
  65% {
    left: 82px;
    top: 95px;
    width: 0; }
  84% {
    left: 14px;
    top: 33px;
    width: 47px; }
  100% {
    left: 17px;
    top: 37px;
    width: 47px; } }

@keyframes animateXLeft {
  0%,
  65% {
    left: 82px;
    top: 95px;
    width: 0; }
  84% {
    left: 14px;
    top: 33px;
    width: 47px; }
  100% {
    left: 17px;
    top: 37px;
    width: 47px; } }

@-webkit-keyframes animateXRight {
  0%,
  65% {
    right: 82px;
    top: 95px;
    width: 0; }
  84% {
    right: 14px;
    top: 33px;
    width: 47px; }
  100% {
    right: 16px;
    top: 37px;
    width: 47px; } }

@keyframes animateXRight {
  0%,
  65% {
    right: 82px;
    top: 95px;
    width: 0; }
  84% {
    right: 14px;
    top: 33px;
    width: 47px; }
  100% {
    right: 16px;
    top: 37px;
    width: 47px; } }

@-webkit-keyframes scaleWarning {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scaleWarning {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes pulseWarning {
  0% {
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  30% {
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    background-color: #F8BB86;
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@keyframes pulseWarning {
  0% {
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  30% {
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    background-color: #F8BB86;
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.tx-ui-inner-3 * {
  box-sizing: border-box; }

.tx-ui-inner-3 ul, .tx-ui-inner-3 li, .tx-ui-inner-3 ol, .tx-ui-inner-3 dl, .tx-ui-inner-3 dd {
  list-style: none;
  margin: 0;
  padding: 0; }

.tx-ui-inner-3 i {
  font-style: normal; }

.tx-ui-inner-3 img {
  outline: 0;
  border: 0;
  border-style: none; }

.tx-ui-inner-3 p {
  margin: 0; }

.tx-ui-inner-3 h1 {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0px 0px; }

.tx-ui-inner-3 h2 {
  font-size: 16px; }

.tx-ui-inner-3 hr {
  width: 30px;
  border-style: hidden;
  border-bottom: 1px solid #000;
  margin: 0;
  text-align: left;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.tx-ui-inner-3 button {
  font-family: "Nanum Gothic", sans-serif, "remixicon", "iconfont";
  border: none;
  outline: none;
  cursor: pointer;
  text-transform: none; }

.tx-ui-inner-3 select {
  text-transform: none; }

.tx-ui-inner-3 input,
.tx-ui-inner-3 textarea,
.tx-ui-inner-3 label {
  font-family: "Nanum Gothic", sans-serif;
  font-size: 12px;
  outline: none;
  border: none; }

.tx-ui-inner-3 input[type="text"],
.tx-ui-inner-3 input[type="email"],
.tx-ui-inner-3 input[type="password"],
.tx-ui-inner-3 input[type="file"] {
  width: 100%;
  color: #000;
  border-radius: 0;
  padding: 7px 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #eee;
  caret-color: #000;
  background: #fff; }
  .tx-ui-inner-3 input[type="text"]:hover, .tx-ui-inner-3 input[type="text"]:focus,
  .tx-ui-inner-3 input[type="email"]:hover,
  .tx-ui-inner-3 input[type="email"]:focus,
  .tx-ui-inner-3 input[type="password"]:hover,
  .tx-ui-inner-3 input[type="password"]:focus,
  .tx-ui-inner-3 input[type="file"]:hover,
  .tx-ui-inner-3 input[type="file"]:focus {
    border: 1px solid #198cff;
    background: #f7fcff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .tx-ui-inner-3 input[type="text"]:disabled,
  .tx-ui-inner-3 input[type="email"]:disabled,
  .tx-ui-inner-3 input[type="password"]:disabled,
  .tx-ui-inner-3 input[type="file"]:disabled {
    background: #f3f7f9;
    cursor: not-allowed; }

.tx-ui-inner-3 textarea {
  padding: 10px;
  line-height: 1.45;
  background: #fff;
  border: 1px solid #eee;
  overflow: auto; }

.tx-ui-inner-3 input::-webkit-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

.tx-ui-inner-3 input:-ms-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

.tx-ui-inner-3 input:-mos-input-placeholder {
  font-size: 12px;
  color: #a0a7b2; }

.tx-ui-inner-3 textarea::-webkit-input-placeholder {
  color: #a0a7b2; }

.tx-ui-inner-3 textarea:-ms-input-placeholder {
  color: #a0a7b2; }

.tx-ui-inner-3 textarea:-mos-input-placeholder {
  color: #a0a7b2; }

.tx-ui-inner-3 input:-webkit-autofill,
.tx-ui-inner-3 input:-webkit-autofill:hover,
.tx-ui-inner-3 input:-webkit-autofill:focus,
.tx-ui-inner-3 input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }

.tx-ui-inner-3 ::-moz-selection {
  color: #fff;
  background: #198cff; }

.tx-ui-inner-3 ::selection {
  color: #fff;
  background: #198cff; }

.tx-ui-inner-3 input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.tx-ui-inner-3 input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

.tx-ui-inner-3 button,
.tx-ui-inner-3 [type="button"],
.tx-ui-inner-3 [type="reset"],
.tx-ui-inner-3 [type="submit"] {
  -webkit-appearance: button; }

.tx-ui-inner-3 button::-moz-focus-inner,
.tx-ui-inner-3 [type="button"]::-moz-focus-inner,
.tx-ui-inner-3 [type="reset"]::-moz-focus-inner,
.tx-ui-inner-3 [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

.tx-ui-inner-3 button:-moz-focusring,
.tx-ui-inner-3 [type="button"]:-moz-focusring,
.tx-ui-inner-3 [type="reset"]:-moz-focusring,
.tx-ui-inner-3 [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

.tx-ui-inner-3 a {
  outline: 0;
  border: 0;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .tx-ui-inner-3 a:hover {
    color: #198cff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

.tx-ui-inner-3 .hidden {
  overflow: hidden; }

.tx-ui-inner-3 .box-middle {
  display: table;
  width: 100%;
  height: 100%; }
  .tx-ui-inner-3 .box-middle .box-middle-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle; }

.tx-ui-inner-3 .wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%; }
  .tx-ui-inner-3 .wrap .inner-container {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    -moz-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    -webkit-transition: padding 0.5s ease;
    transition: padding 0.5s ease; }
    .tx-ui-inner-3 .wrap .inner-container .inner-content {
      float: left;
      width: 100%;
      padding: 0 0 0; }
      .tx-ui-inner-3 .wrap .inner-container .inner-content .triangle {
        position: fixed;
        width: 15px;
        height: 15px;
        overflow: hidden;
        z-index: 2; }
        .tx-ui-inner-3 .wrap .inner-container .inner-content .triangle:after {
          position: absolute;
          content: "";
          top: -50px;
          left: -50px;
          width: 30px;
          height: 30px;
          border: 50px solid #f5f6fa;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px; }
  .tx-ui-inner-3 .wrap .content-is-close {
    padding: 0;
    -moz-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    -webkit-transition: padding 0.5s ease;
    transition: padding 0.5s ease; }
    .tx-ui-inner-3 .wrap .content-is-close .triangle {
      display: none; }
  .tx-ui-inner-3 .wrap .content-top {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 20px 0; }
    .tx-ui-inner-3 .wrap .content-top p {
      color: #858585;
      font-size: 12px;
      margin: 0 0 3px; }
    .tx-ui-inner-3 .wrap .content-top .content-title {
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      vertical-align: middle; }
      .tx-ui-inner-3 .wrap .content-top .content-title span {
        font-size: 13px;
        margin: 0 0 0 10px;
        font-weight: normal; }
        .tx-ui-inner-3 .wrap .content-top .content-title span font {
          color: #198cff; }

.tx-ui-inner-3 html.transition,
.tx-ui-inner-3 html.transition *,
.tx-ui-inner-3 html.transition *:before,
.tx-ui-inner-3 html.transition *:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.tx-ui-inner-3 .title {
  font-weight: bold;
  margin: 0 0 3px;
  color: #444; }

.tx-ui-inner-3 .disnone {
  display: none; }

.tx-ui-inner-3 .tooltips {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .tx-ui-inner-3 .tooltips .tooltip-text {
    position: absolute;
    min-width: 80px;
    bottom: 25px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.8);
    line-height: 18px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 10px, 0);
    -moz-transform: translate3d(-50%, 10px, 0);
    -ms-transform: translate3d(-50%, 10px, 0);
    -o-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }
    .tx-ui-inner-3 .tooltips .tooltip-text:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -6px;
      border-top: 6px solid rgba(0, 0, 0, 0.8);
      border-right: 6px solid transparent;
      border-left: 6px solid transparent; }
  .tx-ui-inner-3 .tooltips:hover .tooltip-text {
    visibility: visible;
    bottom: 32px;
    opacity: 0.9;
    z-index: 999;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }

.tx-ui-inner-3 .check-box {
  display: inline-block; }
  .tx-ui-inner-3 .check-box input {
    position: absolute;
    left: -9999px; }
    .tx-ui-inner-3 .check-box input:checked + label {
      color: #5d5d5d;
      font-weight: bold;
      background: linear-gradient(to top, #e0e5ea 0%, #ffffff 100%);
      transition: background-color .2s, box-shadow .2s;
      box-shadow: inset 0 4px 4px -1px rgba(255, 255, 255, 0.4), 0 7px 9px 0 rgba(0, 0, 0, 0.13);
      z-index: 1; }
    .tx-ui-inner-3 .check-box input:disabled + label {
      cursor: not-allowed; }
  .tx-ui-inner-3 .check-box label {
    display: inline-block;
    position: relative;
    min-width: 76px;
    margin: 0px;
    padding: 8px 0;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #858585;
    background: #dee1e4;
    white-space: nowrap;
    box-shadow: inset 2px 2px 5px #BABECC;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s; }
  .tx-ui-inner-3 .check-box label:hover,
  .tx-ui-inner-3 .check-box input:focus + label {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

.tx-ui-inner-3 .new-cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }
  .tx-ui-inner-3 .new-cbx span {
    display: inline-block;
    color: #858585;
    transform: translate3d(0, 0, 0); }
    .tx-ui-inner-3 .new-cbx span:first-child {
      position: relative;
      width: 14px;
      height: 14px;
      border-radius: 3px;
      transform: scale(1);
      vertical-align: text-bottom;
      border: 1px solid #dbdfe6;
      transition: all 0.2s ease; }
      .tx-ui-inner-3 .new-cbx span:first-child svg {
        position: absolute;
        width: 9px;
        height: 11px;
        top: 0;
        left: 1px;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 11px;
        stroke-dashoffset: 11px;
        transition: all 0.3s ease;
        transition-delay: 0.1s;
        transform: translate3d(0, 0, 0); }
      .tx-ui-inner-3 .new-cbx span:first-child:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #198cff;
        display: block;
        transform: scale(0);
        opacity: 1;
        border-radius: 50%; }
    .tx-ui-inner-3 .new-cbx span:last-child {
      padding-left: 2px; }
    .tx-ui-inner-3 .new-cbx span i {
      position: absolute;
      top: 2px;
      left: 2px;
      line-height: 1.15; }
  .tx-ui-inner-3 .new-cbx:hover span {
    color: #000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .tx-ui-inner-3 .new-cbx:hover span:first-child {
      border-color: #198cff;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }

.tx-ui-inner-3 .inp-cbx {
  display: none; }
  .tx-ui-inner-3 .inp-cbx:checked + .new-cbx span {
    color: #000; }
    .tx-ui-inner-3 .inp-cbx:checked + .new-cbx span:first-child {
      background: #198cff;
      border-color: #198cff;
      animation: wave 0.4s ease; }
      .tx-ui-inner-3 .inp-cbx:checked + .new-cbx span:first-child:before {
        transform: scale(3.5);
        opacity: 0;
        transition: all 0.6s ease; }
      .tx-ui-inner-3 .inp-cbx:checked + .new-cbx span:first-child svg {
        stroke: #fff;
        stroke-dashoffset: 0; }
      .tx-ui-inner-3 .inp-cbx:checked + .new-cbx span:first-child i {
        color: #fff; }

@keyframes wave {
  50% {
    transform: scale(0.9); } }

.tx-ui-inner-3 .check-btn,
.tx-ui-inner-3 .radio-btn {
  display: inline-block; }
  .tx-ui-inner-3 .check-btn label,
  .tx-ui-inner-3 .radio-btn label {
    display: inline-block;
    position: relative;
    padding: 4px 10px;
    font-size: 12px;
    border: 2px solid #eee;
    border-radius: 4px;
    color: #858585;
    background-color: #f3f7f9;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s; }
    .tx-ui-inner-3 .check-btn label.blue-trans,
    .tx-ui-inner-3 .radio-btn label.blue-trans {
      padding: 5px 15px;
      margin: 4px 0px 0px; }
      .tx-ui-inner-3 .check-btn label.blue-trans::before,
      .tx-ui-inner-3 .radio-btn label.blue-trans::before {
        content: ''; }
  .tx-ui-inner-3 .check-btn label:hover,
  .tx-ui-inner-3 .check-btn input:focus + label,
  .tx-ui-inner-3 .radio-btn label:hover,
  .tx-ui-inner-3 .radio-btn input:focus + label {
    color: #198cff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .tx-ui-inner-3 .check-btn input,
  .tx-ui-inner-3 .radio-btn input {
    position: absolute;
    left: -9999px; }
    .tx-ui-inner-3 .check-btn input:checked + label,
    .tx-ui-inner-3 .radio-btn input:checked + label {
      color: #fff;
      background-color: #198cff;
      transition: background-color .2s, box-shadow .2s; }
    .tx-ui-inner-3 .check-btn input:disabled + label,
    .tx-ui-inner-3 .radio-btn input:disabled + label {
      cursor: not-allowed; }

.tx-ui-inner-3 .default-table {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #eee; }
  @media only screen and (max-width: 635px) {
    .tx-ui-inner-3 .default-table {
      display: block; } }
  .tx-ui-inner-3 .default-table .thead, .tx-ui-inner-3 .default-table .tbody {
    display: table-row-group;
    width: 100%; }
    .tx-ui-inner-3 .default-table .thead .row, .tx-ui-inner-3 .default-table .tbody .row {
      display: table-row;
      background: #fff; }
      @media only screen and (max-width: 635px) {
        .tx-ui-inner-3 .default-table .thead .row, .tx-ui-inner-3 .default-table .tbody .row {
          padding: 14px 0 7px;
          display: block; } }
      .tx-ui-inner-3 .default-table .thead .row .cell, .tx-ui-inner-3 .default-table .tbody .row .cell {
        position: relative;
        display: table-cell;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 10px 8px;
        vertical-align: middle;
        white-space: normal;
        word-break: break-all; }
        .tx-ui-inner-3 .default-table .thead .row .cell:first-child, .tx-ui-inner-3 .default-table .tbody .row .cell:first-child {
          border-left: none; }
        @media only screen and (max-width: 635px) {
          .tx-ui-inner-3 .default-table .thead .row .cell, .tx-ui-inner-3 .default-table .tbody .row .cell {
            padding: 2px 16px;
            display: block;
            margin-bottom: 10px; }
            .tx-ui-inner-3 .default-table .thead .row .cell:before, .tx-ui-inner-3 .default-table .tbody .row .cell:before {
              margin-bottom: 3px;
              content: attr(data-title);
              min-width: 98px;
              font-size: 10px;
              line-height: 10px;
              font-weight: bold;
              text-transform: uppercase;
              color: #858585;
              display: block; } }
        .tx-ui-inner-3 .default-table .thead .row .cell i, .tx-ui-inner-3 .default-table .tbody .row .cell i {
          font-size: 15px;
          margin: 0 4px;
          cursor: pointer;
          vertical-align: bottom;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .tx-ui-inner-3 .default-table .thead .row .cell i:hover, .tx-ui-inner-3 .default-table .tbody .row .cell i:hover {
            color: #198cff;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
          .tx-ui-inner-3 .default-table .thead .row .cell i.ri-delete-bin-line:hover, .tx-ui-inner-3 .default-table .tbody .row .cell i.ri-delete-bin-line:hover {
            color: #ff0000; }
        .tx-ui-inner-3 .default-table .thead .row .cell .cargo-img, .tx-ui-inner-3 .default-table .tbody .row .cell .cargo-img {
          width: 66px;
          height: 36px;
          border: 1px solid #eee;
          overflow: hidden; }
          .tx-ui-inner-3 .default-table .thead .row .cell .cargo-img img, .tx-ui-inner-3 .default-table .tbody .row .cell .cargo-img img {
            width: 100%; }
        .tx-ui-inner-3 .default-table .thead .row .cell .checkbox-area, .tx-ui-inner-3 .default-table .tbody .row .cell .checkbox-area {
          text-align: center; }
          .tx-ui-inner-3 .default-table .thead .row .cell .checkbox-area .new-cbx span:last-child, .tx-ui-inner-3 .default-table .tbody .row .cell .checkbox-area .new-cbx span:last-child {
            padding: 0; }
  .tx-ui-inner-3 .default-table .thead {
    display: table-header-group;
    font-size: 11.5px;
    color: #000;
    font-weight: bold; }
    .tx-ui-inner-3 .default-table .thead .header {
      background: #f5f6fa; }
      @media only screen and (max-width: 635px) {
        .tx-ui-inner-3 .default-table .thead .header {
          padding: 0;
          height: 6px; }
          .tx-ui-inner-3 .default-table .thead .header .cell {
            display: none; } }
      .tx-ui-inner-3 .default-table .thead .header .cell {
        padding: 6px 10px;
        border-left: 1px solid #e8e8e8; }

.tx-ui-inner-3 .table-mobile-scroll {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; }

.tx-ui-inner-3 .ssm-width {
  width: 3%; }

.tx-ui-inner-3 .sm-width {
  width: 5%; }

.tx-ui-inner-3 .smd-width {
  width: 8%; }

.tx-ui-inner-3 .md-width {
  width: 10%; }

.tx-ui-inner-3 .mdl-width {
  width: 13%; }

.tx-ui-inner-3 .bs-width {
  width: 15%; }

.tx-ui-inner-3 .lg-width {
  width: 20%; }

.tx-ui-inner-3 .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }
  .tx-ui-inner-3 .pagination .page-item:first-child .page-link {
    border-radius: 4px 0 0 4px;
    width: 44px; }
  .tx-ui-inner-3 .pagination .page-item:last-child .page-link {
    border-radius: 0 4px 4px 0;
    width: 44px; }
  .tx-ui-inner-3 .pagination .page-item .page-link {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    padding: 8px 0 0;
    background: #f3f7f9; }
    .tx-ui-inner-3 .pagination .page-item .page-link i {
      position: absolute;
      font-size: 18px;
      top: 5px;
      left: 0;
      right: 0;
      margin: auto; }
  .tx-ui-inner-3 .pagination .page-item.active .page-link, .tx-ui-inner-3 .pagination .page-item:hover .page-link {
    z-index: 1;
    color: #fff;
    background-color: #198cff; }

.tx-ui-inner-3 .btn {
  display: inline-block;
  padding: 6px 12px;
  margin: 0;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background: transparent;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .tx-ui-inner-3 .btn:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

.tx-ui-inner-3 .btn-default {
  color: #000;
  border: 2px solid #0d202f;
  background: transparent; }
  .tx-ui-inner-3 .btn-default:hover {
    color: #fff;
    background: #0d202f; }

.tx-ui-inner-3 .btn-gray {
  color: #000;
  border: 1px solid #f5f6fa;
  background: #f5f6fa; }
  .tx-ui-inner-3 .btn-gray:hover {
    color: #fff;
    border: 1px solid #198cff;
    background: #198cff; }

.tx-ui-inner-3 .btn-blue {
  color: #fff;
  border: 1px solid #198cff;
  background: #198cff;
  box-shadow: 0px 6px 14px -2px rgba(54, 162, 255, 0.7); }
  .tx-ui-inner-3 .btn-blue:hover {
    border: 1px solid #1384f5;
    background: #1384f5;
    box-shadow: 0px 2px 8px 0 rgba(54, 162, 255, 0.45); }

.tx-ui-inner-3 .btn-excel {
  color: #fff;
  border: 1px solid #2a8a55;
  background: #2a8a55;
  box-shadow: 0px 6px 14px -2px rgba(24, 142, 55, 0.55); }
  .tx-ui-inner-3 .btn-excel:hover {
    border: 1px solid #207245;
    background: #207245;
    box-shadow: 0 2px 8px 0 rgba(24, 142, 55, 0.55); }

.tx-ui-inner-3 .btn-search {
  padding: 5px 0;
  border-radius: 6px;
  color: #fff;
  background: #198cff; }
  .tx-ui-inner-3 .btn-search:hover {
    color: #fff;
    background: #1384f5; }

.tx-ui-inner-3 .btn-morphic {
  border: 2px solid transparent;
  background: linear-gradient(160deg, #f0f1f4 0%, #e4e6eb 100%);
  box-shadow: -3px -3px 6px 2px #ffffff, 5px 7px 14px 0px rgba(0, 0, 0, 0.14), 1px 3px 3px 0px rgba(0, 0, 0, 0.1); }
  .tx-ui-inner-3 .btn-morphic:hover {
    border: 2px solid #fafafa;
    box-shadow: inset -3px -3px 5px 0px #ffffff, -1px -1px 4px 0px #ffffff, inset 5px 5px 10px 0px rgba(0, 0, 0, 0.12), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.07), 1px 2px 3px 0px rgba(0, 0, 0, 0.1); }

.tx-ui-inner-3 .btn-delete {
  color: #ff0000;
  border: 1px solid #ffebeb;
  background: #ffebeb; }

.tx-ui-inner-3 .btn-sm {
  padding: 6px 10px;
  font-size: 12px; }

.tx-ui-inner-3 .btn-md {
  padding: 8px 20px; }

.tx-ui-inner-3 .btn-lg {
  padding: 8px 30px; }

#select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%; }
  #select .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px; }
  #select .select-styled {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    padding: 7px 10px;
    line-height: 1.15;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    #select .select-styled:after {
      font-family: 'FontAwesome';
      content: '\F078';
      position: absolute;
      top: 8px;
      right: 5px;
      font-size: 10px; }
    #select .select-styled:hover {
      border: 1px solid #198cff;
      background-color: #f7fcff; }
    #select .select-styled:active, #select .select-styled.active {
      color: #fff;
      border: 1px solid #198cff;
      background-color: #198cff; }
      #select .select-styled:active:after, #select .select-styled.active:after {
        top: 8px;
        transform: rotateX(180deg); }
      #select .select-styled:active ul, #select .select-styled.active ul {
        display: block; }
  #select #select-options {
    display: none;
    position: absolute;
    max-height: 300px;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-x: auto;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }
    #select #select-options li {
      width: 100%;
      margin: 0;
      padding: 12px 10px;
      border-top: 1px solid #eee;
      -moz-transition: all 0.15s ease-in;
      -o-transition: all 0.15s ease-in;
      -webkit-transition: all 0.15s ease-in;
      transition: all 0.15s ease-in; }
      #select #select-options li:hover {
        color: #198cff; }
      #select #select-options li[rel="hide"] {
        display: none; }

.tx-ui-inner-3 .new-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  z-index: 999; }
  .tx-ui-inner-3 .new-modal .modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
  .tx-ui-inner-3 .new-modal .modal-inner {
    position: absolute;
    width: 50%;
    height: 80%;
    top: -5%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    transition: top .25s ease; }
    .tx-ui-inner-3 .new-modal .modal-inner .modal-close {
      position: absolute;
      right: 14px;
      top: 14px;
      width: 1.1em;
      height: 1.1em;
      cursor: pointer; }
      .tx-ui-inner-3 .new-modal .modal-inner .modal-close:after, .tx-ui-inner-3 .new-modal .modal-inner .modal-close:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 1.5em;
        background: #ccc;
        display: block;
        transform: rotate(45deg);
        left: 50%;
        margin: -3px 0 0 -1px;
        top: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      .tx-ui-inner-3 .new-modal .modal-inner .modal-close:hover:after, .tx-ui-inner-3 .new-modal .modal-inner .modal-close:hover:before {
        background: #ff0000;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      .tx-ui-inner-3 .new-modal .modal-inner .modal-close:before {
        transform: rotate(-45deg); }
    .tx-ui-inner-3 .new-modal .modal-inner .header-title {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding: 10px 0;
      background: #f5f6fa; }
    .tx-ui-inner-3 .new-modal .modal-inner .modal-content {
      height: calc(100% - 42px);
      overflow-y: auto; }
      .tx-ui-inner-3 .new-modal .modal-inner .modal-content .input-list ul, .tx-ui-inner-3 .new-modal .modal-inner .modal-content .check-list ul {
        display: inline-block;
        width: 100%;
        margin: 7px 0; }
        .tx-ui-inner-3 .new-modal .modal-inner .modal-content .input-list ul li, .tx-ui-inner-3 .new-modal .modal-inner .modal-content .check-list ul li {
          position: relative;
          display: inline-block;
          width: 100%;
          padding: 0 0 0 85px;
          margin: 0 0 0 -85px;
          line-height: 1;
          vertical-align: middle; }
          .tx-ui-inner-3 .new-modal .modal-inner .modal-content .input-list ul li:first-child, .tx-ui-inner-3 .new-modal .modal-inner .modal-content .check-list ul li:first-child {
            width: 85px;
            padding: 0;
            margin: 0; }
        .tx-ui-inner-3 .new-modal .modal-inner .modal-content .input-list ul.divide li.title, .tx-ui-inner-3 .new-modal .modal-inner .modal-content .check-list ul.divide li.title {
          vertical-align: top;
          margin: 11px 0 0; }
      .tx-ui-inner-3 .new-modal .modal-inner .modal-content .bottom-btn {
        text-align: center;
        margin: 30px auto 20px; }
        .tx-ui-inner-3 .new-modal .modal-inner .modal-content .bottom-btn button {
          margin: 0 1px;
          box-shadow: none; }

.tx-ui-inner-3 .modal-state {
  display: none; }
  .tx-ui-inner-3 .modal-state:checked + .new-modal {
    opacity: 1;
    visibility: visible; }
    .tx-ui-inner-3 .modal-state:checked + .new-modal .modal-inner {
      top: 0; }
  .tx-ui-inner-3 .modal-state:checked + .modal-area {
    opacity: 1;
    visibility: visible; }
    .tx-ui-inner-3 .modal-state:checked + .modal-area .modal-inner {
      top: 40%;
      margin: -120px auto 0; }

.tx-ui-inner-3 .check-modal .modal-area {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  z-index: 1500; }
  .tx-ui-inner-3 .check-modal .modal-area .modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
  .tx-ui-inner-3 .check-modal .modal-area .modal-inner {
    position: absolute;
    width: 50%;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    transition: top .25s ease; }
    .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close {
      position: absolute;
      right: 14px;
      top: 14px;
      width: 1.1em;
      height: 1.1em;
      cursor: pointer; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 1.5em;
        background: #ccc;
        display: block;
        transform: rotate(45deg);
        left: 50%;
        margin: -3px 0 0 -1px;
        top: 0;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close:hover:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close:hover:before {
        background: #ff0000;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-close:before {
        transform: rotate(-45deg); }
    .tx-ui-inner-3 .check-modal .modal-area .modal-inner .header-title {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      padding: 10px 0;
      background: #f5f6fa; }
    .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content {
      padding: 20px 20px 10px;
      overflow-y: auto; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .warning-message-area {
        text-align: center;
        font-size: 15px; }
        .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .warning-message-area .warning-message {
          display: inline-block;
          width: 100%;
          margin: 20px 0 0; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert {
        padding: 20px; }
        .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon {
          position: relative;
          width: 70px;
          height: 70px;
          border-radius: 50%;
          border: 4px solid gray;
          box-sizing: content-box;
          margin: 0 auto;
          padding: 0; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error {
            border-color: #A5DC86; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success:before {
            background: #fff;
            content: '';
            height: 120px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 60px; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error:before {
            background: #fff;
            content: '';
            height: 120px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 60px; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success:before, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error:before {
            border-radius: 120px 0 0 120px;
            left: -33px;
            top: -7px;
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error:after {
            border-radius: 0 120px 120px 0;
            left: 30px;
            top: -11px;
            -webkit-transform-origin: 0 60px;
            transform-origin: 0 60px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
            border-radius: 50%;
            border: 4px solid rgba(165, 220, 134, 0.2);
            box-sizing: content-box;
            height: 70px;
            left: -4px;
            position: absolute;
            top: -4px;
            width: 70px;
            z-index: 2; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix {
            background-color: #fff;
            height: 90px;
            left: 28px;
            position: absolute;
            top: 8px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 5px;
            z-index: 1; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
            background-color: #A5DC86;
            border-radius: 2px;
            display: block;
            height: 5px;
            position: absolute;
            z-index: 2; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip {
            left: 14px;
            top: 42px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 19px; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long {
            right: 8px;
            top: 35px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 40px; }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error {
            border-color: #F27474; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long {
              right: 8px;
              top: 38px;
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
              width: 47px; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark {
              display: block;
              position: relative;
              z-index: 2; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
              border: 4px solid rgba(200, 0, 0, 0.2); }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
              background-color: #F27474;
              top: 34px;
              width: 38px; }
              .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left {
                left: 17px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
              .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right {
                right: 16px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
          .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-warning {
            border-color: #F8BB86; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-warning:before {
              content: "";
              position: absolute;
              display: inline-block;
              width: 100%;
              height: 100%;
              -webkit-animation: pulseWarning 2s linear infinite;
              animation: pulseWarning 2s linear infinite;
              background-color: #fff;
              border-radius: 50%;
              opacity: 0;
              left: 0; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-warning:after {
              content: '';
              position: absolute;
              display: block;
              width: 100%;
              height: 100%;
              background-color: #fff;
              border-radius: 50%;
              z-index: 1; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
              background-color: #F8BB86;
              border-radius: 2px;
              height: 40px;
              left: 50%;
              margin-left: -2px;
              position: absolute;
              top: 10px;
              width: 5px;
              z-index: 2; }
            .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
              background-color: #F8BB86;
              border-radius: 50%;
              bottom: 10px;
              height: 7px;
              left: 50%;
              margin-left: -3px;
              position: absolute;
              width: 7px;
              z-index: 2; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-icon.f-modal-success.animate:after, .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .f-modal-icon.f-modal-error.animate:after {
        -webkit-animation: rotatePlaceholder 4.25s ease-in;
        animation: rotatePlaceholder 4.25s ease-in; }
      .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .bottom-btn {
        text-align: center;
        margin: 30px auto 20px; }
        .tx-ui-inner-3 .check-modal .modal-area .modal-inner .modal-content .bottom-btn button {
          margin: 0 1px;
          box-shadow: none; }

@media screen and (max-width: 768px) {
  .tx-ui-inner-3 .modal-inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box; } }

.login {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #f5f6fa; }
  .login .login-area {
    position: relative;
    display: flex;
    height: 100%; }
    .login .login-area .admin-title {
      position: absolute;
      font-size: 15px;
      font-weight: bold;
      color: #babecc;
      top: 10px;
      left: 10px;
      text-shadow: 1px 1px 0 #fff; }
    .login .login-area .login-container {
      margin: auto; }
      .login .login-area .login-container .login-container-inner {
        margin: -100px 0 0; }
        .login .login-area .login-container .login-container-inner .logo-area {
          position: relative; }
          .login .login-area .login-container .login-container-inner .logo-area span {
            position: absolute;
            display: block;
            right: 0;
            top: 0;
            border: 1px solid #dbdfe6;
            padding: 4px 10px;
            border-radius: 4px;
            color: #61677C;
            text-shadow: 1px 1px 0 #FFF;
            box-shadow: 0px 1px 0px 0px #fff; }
        .login .login-area .login-container .login-container-inner .login-box {
          width: 600px;
          margin: 10px 0 0;
          border-radius: 10px;
          border: 2px solid transparent;
          background: linear-gradient(160deg, #f5f6fa 0%, #f5f5f5 100%);
          box-shadow: -3px -3px 6px 2px #ffffff, 5px 5px 8px 0px rgba(0, 0, 0, 0.17), 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
          transition: 0.1s; }
          .login .login-area .login-container .login-container-inner .login-box .login-box-inner {
            padding: 20px; }
            .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper {
              position: relative;
              display: inline-block;
              width: 100%;
              margin: 5px 0 10px; }
              .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper label {
                position: absolute;
                color: #bbb;
                text-transform: uppercase;
                left: 10px;
                top: 15px;
                padding: 0 2px;
                pointer-events: none;
                background: #f5f6fa;
                -webkit-transition: -webkit-transform 100ms ease;
                -moz-transition: -moz-transform 100ms ease;
                -o-transition: -o-transform 100ms ease;
                -ms-transition: -ms-transform 100ms ease;
                transition: transform 100ms ease;
                -webkit-transform: translateY(-20px);
                -moz-transform: translateY(-20px);
                -o-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
                z-index: 2; }
              .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper input {
                position: relative;
                padding: 9px 10px;
                border-radius: 4px;
                background: #f5f6fa;
                box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; }
                .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper input:invalid + label {
                  -webkit-transform: translateY(-5px);
                  -moz-transform: translateY(-5px);
                  -o-transform: translateY(-5px);
                  -ms-transform: translateY(-5px);
                  transform: translateY(-5px); }
                .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper input:focus {
                  border-color: #198cff;
                  box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF; }
                .login .login-area .login-container .login-container-inner .login-box .login-box-inner .input-wrapper input:focus + label {
                  color: #198cff;
                  -webkit-transform: translateY(-20px);
                  -moz-transform: translateY(-20px);
                  -o-transform: translateY(-20px);
                  -ms-transform: translateY(-20px);
                  transform: translateY(-20px); }
            .login .login-area .login-container .login-container-inner .login-box .login-box-inner .remember label {
              font-size: 12px; }
        .login .login-area .login-container .login-container-inner .btn-area {
          text-align: center;
          margin: 30px auto 20px; }
    .login .login-area .admin-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      margin: auto;
      text-align: center;
      color: #babecc; }

.user-info .user-list {
  padding: 20px 20px 0; }
  .user-info .user-list .list-top-area {
    display: inline-block;
    width: 100%;
    margin: 10px 0 15px; }
    .user-info .user-list .list-top-area .search-area {
      float: right; }
      .user-info .user-list .list-top-area .search-area .job-area,
      .user-info .user-list .list-top-area .search-area .manager-area,
      .user-info .user-list .list-top-area .search-area .user-area,
      .user-info .user-list .list-top-area .search-area .state-area {
        display: inline-block;
        min-width: 160px;
        margin: 0 0 0 10px;
        vertical-align: middle; }
        .user-info .user-list .list-top-area .search-area .job-area #select .select-styled,
        .user-info .user-list .list-top-area .search-area .manager-area #select .select-styled,
        .user-info .user-list .list-top-area .search-area .user-area #select .select-styled,
        .user-info .user-list .list-top-area .search-area .state-area #select .select-styled {
          border-radius: 6px; }
      .user-info .user-list .list-top-area .search-area .search-box {
        display: inline-block;
        min-width: 220px;
        margin: 0 0 0 10px;
        vertical-align: middle; }
        .user-info .user-list .list-top-area .search-area .search-box .input-area {
          float: left;
          width: 87%; }
          .user-info .user-list .list-top-area .search-area .search-box .input-area input {
            width: 100%;
            height: 100%;
            border-radius: 6px 0 0 6px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s; }
            .user-info .user-list .list-top-area .search-area .search-box .input-area input:focus {
              border: 1px solid #198cff;
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
        .user-info .user-list .list-top-area .search-area .search-box button {
          float: left;
          width: 13%;
          border-radius: 0 6px 6px 0;
          padding: 8px 0; }
  .user-info .user-list .grid {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 660px;
    padding: 0 0 0 0;
    border: 1px solid #eee; }
    .user-info .user-list .grid .mail-form-button {
      display: inline-block;
      margin: 0 3px; }
      .user-info .user-list .grid .mail-form-button button {
        min-width: 182px; }

.user-info .ag-cell button {
  margin: 0 2px; }

.user-info-modal {
  display: inline-block; }
  .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box {
    display: inline-block;
    max-width: 100%; }
    .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section {
      float: left; }
    .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section {
      display: inline-block;
      width: 100%;
      border-top: 1px solid #eee; }
      .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section:nth-child(1) {
        border: none; }
      .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-info-title {
        float: left;
        width: 15%;
        font-size: 16px;
        font-weight: bold;
        padding: 29px 0 0 40px; }
      .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area {
        float: left;
        width: 85%;
        padding: 10px 20px 0; }
        .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul {
          display: inline-block;
          width: 100%;
          padding: 20px 0;
          border-bottom: 1px solid #eee; }
          .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li {
            display: inline-block;
            width: 80%;
            padding: 0 0 0 120px;
            margin: 0 0 0 -120px;
            vertical-align: middle; }
            .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li:first-child, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li:first-child {
              width: 120px;
              padding: 0;
              margin: 0;
              color: #858585;
              font-size: 12px; }
            .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li .half-input, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .half-input {
              display: inline-block;
              width: 49%; }
              .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li .half-input:nth-child(2), .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .half-input:nth-child(2) {
                float: right; }
                .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li .half-input:nth-child(2) input, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .half-input:nth-child(2) input {
                  margin: 0; }
            .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li input:nth-child(2), .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li input:nth-child(2) {
              margin: 7px 0 0; }
            .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li .checkbox-area, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .checkbox-area {
              display: inline-block;
              min-width: 77px;
              margin: 0 20px 0 0; }
              .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul li .checkbox-area:last-child, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .checkbox-area:last-child {
                margin: 0; }
          .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail ul:last-child, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul:last-child {
            border: none !important; }
        .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail .memo-area, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail .memo-area {
          padding: 20px 0; }
          .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-area .info-detail .memo-area textarea, .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail .memo-area textarea {
            width: 100%;
            min-height: 100px; }
      .user-info-modal .new-modal .modal-inner .modal-content .user-info-area .user-info-box section .user-company-area .info-detail ul li .checkbox-area {
        min-width: auto; }
  .user-info-modal .new-modal .modal-inner .modal-content .bottom-btn {
    margin: 40px auto 60px; }

.mail-history-modal {
  position: absolute;
  margin: 20px; }
  .mail-history-modal .history-area {
    padding: 20px; }

.check-modal {
  position: absolute;
  margin: 20px 0 0 145px; }

.message-modal {
  display: inline-block;
  margin: 0 3px; }
  .message-modal button {
    min-width: 182px; }
  .message-modal .new-modal .modal-inner .modal-content {
    height: 100%;
    overflow: hidden; }
    .message-modal .new-modal .modal-inner .modal-content .message-area {
      float: left;
      width: 100%;
      background: #f3f7f9; }
      .message-modal .new-modal .modal-inner .modal-content .message-area .message-header {
        display: inline-block;
        width: 100%;
        padding: 10px 20px; }
        .message-modal .new-modal .modal-inner .modal-content .message-area .message-header .user-info {
          float: left; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-header .user-info .user-name {
            font-weight: bold;
            font-size: 16px; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-header .user-info .user-name .user-job {
              display: inline-block;
              font-size: 12px;
              font-weight: normal;
              color: #858585;
              margin: 0 0 0 10px; }
      .message-modal .new-modal .modal-inner .modal-content .message-area .message-history {
        width: 100%;
        height: 700px;
        padding: 20px 20px 116px 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        background: #fff; }
        .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li {
          position: relative;
          display: inline-block;
          width: 100%; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message-data {
            padding: 0 7px 10px; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message-data .message-data-name {
              font-weight: bold; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message-data .message-data-time {
              color: #858585;
              padding: 0 6px; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message {
            position: relative;
            display: inline-block;
            max-width: 60%;
            color: #fff;
            padding: 14px;
            line-height: 1.4;
            border-radius: 6px;
            margin: 0 0 30px;
            background: #94C2ED; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message pre {
              margin: 0;
              word-break: keep-all;
              word-wrap: break-word;
              white-space: break-spaces; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .message:after {
              content: " ";
              position: absolute;
              width: 0;
              height: 0;
              bottom: 100%;
              border: solid transparent;
              pointer-events: none;
              border-bottom-color: #94C2ED;
              border-width: 7px;
              right: 17px; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .edit-icon {
            position: absolute;
            right: -58px;
            bottom: 2px; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .edit-icon span {
              width: 20px;
              height: 20px;
              color: #858585;
              margin: 0 3px;
              padding: 1px 0 0;
              text-align: center;
              border-radius: 4px;
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
              -webkit-transition: all 0.2s;
              -moz-transition: all 0.2s;
              -o-transition: all 0.2s;
              transition: all 0.2s; }
              .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .edit-icon span:hover {
                color: #fff;
                background: #198cff;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s; }
                .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li .edit-icon span:hover:last-child {
                  background: #ff0000; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li.my-message .message-data {
            text-align: right; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li.my-message .message {
            float: right; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li.my-message .edit-icon {
            left: -58px;
            right: auto; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li.other-message .message {
            color: #000;
            background: #f3f7f9; }
            .message-modal .new-modal .modal-inner .modal-content .message-area .message-history ul li.other-message .message:after {
              border-bottom-color: #f3f7f9;
              left: 17px; }
      .message-modal .new-modal .modal-inner .modal-content .message-area .chat-message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 9;
        background: #f3f7f9; }
        .message-modal .new-modal .modal-inner .modal-content .message-area .chat-message textarea {
          width: 100%;
          border: none;
          padding: 10px;
          border: 1px solid #eee; }
        .message-modal .new-modal .modal-inner .modal-content .message-area .chat-message button {
          flex: 80px;
          color: #fff;
          font-size: 13px;
          border: none;
          cursor: pointer;
          font-weight: bold;
          background: #198cff; }
          .message-modal .new-modal .modal-inner .modal-content .message-area .chat-message button:hover {
            color: #75b1e8; }

#mail-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity .25s ease;
  z-index: 99; }
  #mail-container .mail-container-inner {
    position: absolute;
    width: 60%;
    height: 90%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    margin: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 6px; }
    #mail-container .mail-container-inner .top {
      position: relative;
      padding: 10px 20px;
      background: #edf2f7; }
      #mail-container .mail-container-inner .top .mail-title {
        display: inline-block;
        font-size: 13px;
        font-weight: bold; }
      #mail-container .mail-container-inner .top .action-btn {
        position: absolute;
        right: 0;
        top: 6px;
        color: #858585; }
        #mail-container .mail-container-inner .top .action-btn > div {
          display: inline-block;
          margin: 0 10px 0 0;
          vertical-align: middle;
          cursor: pointer; }
        #mail-container .mail-container-inner .top .action-btn #resize:before {
          font-family: 'iconfont';
          content: "\E901";
          font-size: 13px; }
        #mail-container .mail-container-inner .top .action-btn #btn-close {
          font-family: "Ionicons";
          font-size: 21px; }
    #mail-container .mail-container-inner .mail-input-area {
      padding: 0 20px 20px; }
      #mail-container .mail-container-inner .mail-input-area .input-content .inputbox {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 3px 0; }
        #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .inputbox-title {
          position: absolute;
          top: 10px;
          left: 0;
          width: 60px;
          height: 30px;
          font-weight: bold; }
        #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .inputbox-content {
          position: relative;
          width: 100%; }
          #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .inputbox-content input {
            width: 100%;
            height: 30px;
            font-size: 14px;
            padding: 7px 10px 7px 80px;
            border: none;
            background: none;
            border-bottom: 1px solid #eee; }
            #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .inputbox-content input:focus ~ .underline {
              width: 100%; }
          #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .inputbox-content .underline {
            content: '';
            display: block;
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 0;
            height: 2px;
            background: #198cff;
            -webkit-transition: all 200ms ease-out;
            transition: all 200ms ease-out; }
        #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload {
          float: right;
          width: 92%;
          border: 1px solid #eee;
          color: #a0a7b2; }
          #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone {
            position: relative;
            display: table;
            table-layout: fixed;
            width: 100%;
            height: 40px;
            margin-top: -50px;
            text-align: center;
            overflow: hidden; }
            #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone .box {
              display: table-cell;
              vertical-align: middle; }
              #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone .box .upload {
                font-size: 26px;
                margin: 10px 0 0; }
              #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone .box .dropzone-title {
                font-size: 12px;
                font-weight: normal; }
              #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone .box .filename {
                display: block;
                line-height: 18px; }
              #mail-container .mail-container-inner .mail-input-area .input-content .inputbox .file-upload .center .dropzone .box .input {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0;
                cursor: pointer; }
      #mail-container .mail-container-inner .mail-input-area .input-content .pass {
        margin: 6px 0 3px; }
        #mail-container .mail-container-inner .mail-input-area .input-content .pass .inputbox-content {
          width: 91%; }
        #mail-container .mail-container-inner .mail-input-area .input-content .pass .checkbox-area {
          position: absolute;
          right: 0;
          top: 4px; }
      #mail-container .mail-container-inner .mail-input-area .mail-text-area {
        display: inline-block;
        width: 100%;
        height: 530px; }
        #mail-container .mail-container-inner .mail-input-area .mail-text-area .cke,
        #mail-container .mail-container-inner .mail-input-area .mail-text-area .cke_inner {
          height: 100%; }
        #mail-container .mail-container-inner .mail-input-area .mail-text-area .cke_contents {
          height: calc(100% - 69px); }
        #mail-container .mail-container-inner .mail-input-area .mail-text-area .sample-edit {
          width: 100%;
          height: 33px;
          border: 1px solid #eee;
          background: #fbfbfb; }
        #mail-container .mail-container-inner .mail-input-area .mail-text-area textarea {
          width: 100%;
          height: calc(100% - 33px);
          margin: -1px 0 0;
          padding: 10px;
          border: 1px solid #eee; }
      #mail-container .mail-container-inner .mail-input-area .send {
        text-align: center;
        margin: auto;
        padding: 20px 0 0; }
  #mail-container.open {
    opacity: 1;
    visibility: visible; }
  #mail-container.small {
    width: 500px;
    height: 600px;
    left: auto;
    right: 40px;
    top: auto;
    bottom: 0;
    border-radius: 6px 6px 0 0;
    background: transparent;
    box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.3); }
    #mail-container.small .mail-container-inner {
      position: relative;
      width: 100%;
      height: 100%; }
      #mail-container.small .mail-container-inner .top .action-btn #resize:before {
        content: "\E900";
        font-size: 11px; }
      #mail-container.small .mail-container-inner .mail-input-area {
        height: calc(100% - 35px);
        overflow-y: auto; }
        #mail-container.small .mail-container-inner .mail-input-area .input-content .input-content-wrap .inputbox .inputbox-content .file-upload {
          width: 83%; }
        #mail-container.small .mail-container-inner .mail-input-area .input-content .input-content-wrap .pass .inputbox-content {
          width: 80%; }
ag-grid-angular {
  display: block; }

ag-grid-ng2 {
  display: block; }

ag-grid {
  display: block; }

ag-grid-polymer {
  display: block; }

ag-grid-aurelia {
  display: block; }

.ag-rtl {
  direction: rtl; }

.ag-ltr {
  direction: ltr; }

.ag-select-agg-func-popup {
  position: absolute; }

.ag-body-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-root-wrapper {
  position: relative; }

.ag-root-wrapper.ag-layout-normal {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.ag-root-wrapper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ag-layout-normal.ag-root-wrapper-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 0px;
  min-height: 0px; }

.ag-root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 0px;
  min-width: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ag-layout-normal.ag-root {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.ag-font-style {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-popup-backdrop {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

.ag-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ag-pinned-left-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  overflow: hidden; }

.ag-pinned-right-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  overflow: hidden; }

.ag-header-viewport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  width: 0px;
  min-width: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ag-header-row {
  position: absolute; }

.ag-header-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  white-space: nowrap; }

.ag-header-overlay {
  display: block;
  position: absolute; }

.ag-header-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  position: absolute;
  vertical-align: bottom; }

.ag-floating-filter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: absolute; }

.ag-floating-filter-body {
  height: 20px;
  margin-right: 25px; }

.ag-floating-filter-full-body {
  height: 20px;
  width: 100%; }

.ag-floating-filter-input {
  width: 100%; }

.ag-floating-filter-input:-moz-read-only {
  background-color: #eee; }

.ag-floating-filter-input:read-only {
  background-color: #eee; }

.ag-floating-filter-menu {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-dnd-ghost {
  background: #e5e5e5;
  border: 1px solid black;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
  padding: 3px;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-dnd-ghost-icon {
  display: inline-block;
  float: left;
  padding: 2px; }

.ag-dnd-ghost-label {
  display: inline-block; }

.ag-header-group-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis; }

.ag-header-group-cell-label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ag-header-cell-label {
  overflow: hidden;
  text-overflow: ellipsis; }

.ag-header-cell-resize {
  cursor: col-resize;
  height: 100%;
  width: 4px; }

.ag-ltr .ag-header-cell-resize {
  float: right; }

.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
  float: left; }

.ag-rtl .ag-header-cell-resize {
  float: left; }

.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
  float: right; }

.ag-ltr .ag-header-select-all {
  float: left; }

.ag-rtl .ag-header-select-all {
  float: right; }

.ag-header-expand-icon {
  padding-left: 4px; }

.ag-header-cell-menu-button {
  float: right; }

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%; }

.ag-overlay-panel {
  display: table;
  height: 100%;
  pointer-events: none;
  width: 100%; }

.ag-overlay-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.ag-column-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto; }

.ag-column-panel-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-x: hidden;
  max-height: 100vh; }

.ag-layout-auto-height.ag-body-container {
  min-height: 50px; }

.ag-layout-auto-height.ag-overlay-no-rows-wrapper {
  padding-top: 30px; }

.ag-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

.ag-layout-normal.ag-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0px;
  min-height: 0px; }

.ag-rtl .ag-body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.ag-ltr .ag-body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ag-rtl .ag-floating-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.ag-ltr .ag-floating-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ag-ltr .ag-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ag-rtl .ag-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.ag-floating-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ag-pinned-left-floating-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.ag-pinned-right-floating-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.ag-floating-top-viewport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 0px;
  min-width: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ag-layout-normal.ag-floating-top-viewport {
  height: 100%; }

.ag-floating-top-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap; }

.ag-floating-bottom {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ag-pinned-left-floating-bottom {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.ag-pinned-right-floating-bottom {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative; }

.ag-floating-bottom-viewport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0px;
  min-width: 0px; }

.ag-floating-bottom-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap; }

.ag-pinned-left-cols-container {
  display: inline-block;
  position: relative; }

.ag-pinned-right-cols-viewport {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.ag-pinned-left-cols-viewport {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.ag-pinned-right-cols-container {
  display: inline-block;
  position: relative; }

.ag-pinned-left-cols-viewport-wrapper {
  height: 100%;
  overflow: hidden; }

.ag-body-viewport-wrapper {
  height: 100%;
  width: 0px;
  min-width: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden; }

.ag-body-viewport {
  overflow-x: auto;
  overflow-y: auto; }

.ag-layout-normal.ag-body-viewport {
  height: 100%; }

.ag-full-width-viewport-wrapper {
  height: 100%;
  width: 100%;
  display: inline-block;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ag-full-width-viewport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  overflow-x: hidden;
  overflow-y: auto; }

.ag-full-width-container {
  overflow: hidden;
  position: relative;
  width: 100%; }

.ag-floating-bottom-full-width-container {
  display: inline;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%; }

.ag-floating-top-full-width-container {
  display: inline;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%; }

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all; }

.ag-body-container {
  display: inline-block;
  margin-bottom: -2px;
  position: relative; }

.ag-row-animation .ag-row {
  -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; }

.ag-row-no-animation .ag-row {
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s; }

.ag-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  white-space: nowrap;
  width: 100%; }

.ag-column-moving .ag-cell {
  -webkit-transition: left 0.2s;
  transition: left 0.2s; }

.ag-column-moving .ag-header-cell {
  -webkit-transition: left 0.2s;
  transition: left 0.2s; }

.ag-column-moving .ag-header-group-cell {
  -webkit-transition: left 0.2s, width 0.2s;
  transition: left 0.2s, width 0.2s; }

.ag-column-drop {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.ag-column-drop-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 50px;
  overflow: hidden; }
  .ag-column-drop-vertical .ag-column-drop-list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 20px;
    overflow-x: auto; }
  .ag-column-drop-vertical .ag-column-drop-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text {
      overflow: hidden;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .ag-column-drop-vertical .ag-column-drop-empty-message {
    display: block; }
  .ag-column-drop-vertical .ag-column-drop-cell-button {
    line-height: 16px; }

.ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button {
  float: right; }

.ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button {
  float: left; }

.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden; }
  .ag-column-drop-horizontal .ag-column-drop-cell {
    display: inline-block; }
  .ag-column-drop-horizontal .ag-column-drop-empty-message {
    display: inline-block; }
  .ag-column-drop-horizontal .ag-column-drop-list {
    height: 100%; }

.ag-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-cell-with-height {
  height: 100%; }

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  -webkit-transition: opacity 3s, margin-right 3s;
  transition: opacity 3s, margin-right 3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0; }

.ag-opacity-zero {
  opacity: 0; }

.ag-cell-edit-input {
  height: 100%;
  width: 100%; }

.ag-group-cell-entire-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.ag-footer-cell-entire-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-menu-column-select-wrapper {
  height: 300px;
  overflow: auto;
  width: 200px; }

.ag-menu-list {
  border-collapse: collapse;
  display: table; }

.ag-menu-option {
  display: table-row; }

.ag-menu-option-text {
  display: table-cell; }

.ag-menu-option-shortcut {
  display: table-cell; }

.ag-menu-option-icon {
  display: table-cell; }

.ag-menu-option-popup-pointer {
  display: table-cell; }

.ag-menu-separator {
  display: table-row; }

.ag-menu-separator-cell {
  display: table-cell; }

.ag-virtual-list-viewport {
  height: 100%;
  overflow-x: auto;
  width: 100%; }

.ag-virtual-list-container {
  overflow: hidden;
  position: relative; }

.ag-rich-select {
  cursor: default;
  outline: none; }

.ag-rich-select-row {
  white-space: nowrap; }

.ag-rich-select-list {
  height: 200px;
  width: 200px; }

.ag-set-filter-list {
  height: 200px;
  width: 200px; }

.ag-set-filter-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-virtual-list-item {
  position: absolute;
  width: 100%; }
  .ag-virtual-list-item span:empty:not(.ag-icon) {
    border-left: 1px solid transparent; }

.ag-filter-filter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.ag-floating-filter-body input {
  height: 19px;
  margin: 0;
  width: 100%; }

.ag-floating-filter-full-body input {
  height: 19px;
  margin: 0;
  width: 100%; }

.ag-filter-select {
  margin: 4px 4px 0 4px;
  width: 110px; }

.ag-list-selection {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ag-column-panel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 200px; }

.ag-column-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 50px;
  overflow: auto; }

.ag-column-select-indent {
  display: inline-block; }

.ag-ltr .ag-column-select-column {
  margin-left: 16px; }

.ag-rtl .ag-column-select-column {
  margin-right: 16px; }

.ag-column-select-column,
.ag-column-select-column-group {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .ag-column-select-column .ag-column-select-label,
  .ag-column-select-column .ag-column-select-column-group-label,
  .ag-column-select-column-group .ag-column-select-label,
  .ag-column-select-column-group .ag-column-select-column-group-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ag-column-select-column .ag-column-drag,
  .ag-column-select-column-group .ag-column-drag {
    min-width: 16px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.ag-column-select-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden; }

.ag-tool-panel .ag-column-select-panel {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4; }

.ag-tool-panel-horizontal-resize {
  cursor: col-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1; }

.ag-rtl .ag-tool-panel-horizontal-resize {
  float: right;
  -webkit-transform: translateX(3px);
  transform: translateX(3px); }

.ag-ltr .ag-tool-panel-horizontal-resize {
  float: left;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px); }

.ag-menu-column-select-wrapper .ag-column-select-panel {
  height: 100%; }

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

.ag-visibility-hidden {
  visibility: hidden !important; }

.ag-faded {
  opacity: 0.3; }

.ag-width-half {
  display: inline-block;
  width: 50%; }

.ag-shake-left-to-right {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ag-shake-left-to-right;
  animation-name: ag-shake-left-to-right; }

@-webkit-keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px; }
  to {
    padding-left: 2px;
    padding-right: 6px; } }

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px; }
  to {
    padding-left: 2px;
    padding-right: 6px; } }

/* icons are used outside of the grid root (in the ghost) */
.ag-icon-aggregation {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS41IDIuNWgtNmwyIDMuNS0yIDMuNWg2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-arrows {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNmwtMS40MSAxLjQxTDE2LjE3IDlINHYyaDEyLjE3bC0xLjU4IDEuNTlMMTYgMTRsNC00eiIvPjxwYXRoIGQ9Ik00IDZsMS40MSAxLjQxTDMuODMgOUgxNnYySDMuODNsMS41OCAxLjU5TDQgMTRsLTQtNHoiLz48cGF0aCBkPSJNNiAxNmwxLjQxLTEuNDFMOSAxNi4xN1Y0aDJ2MTIuMTdsMS41OS0xLjU4TDE0IDE2bC00IDR6Ii8+PHBhdGggZD0iTTE0IDRsLTEuNDEgMS40MUwxMSAzLjgzVjE2SDlWMy44M0w3LjQxIDUuNDEgNiA0bDQtNHoiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-asc {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDUuMlYzLjQ5M2gtNnY2SDQuN1Y1LjJoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1Ljk5MyA2LjQ5MykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04LjQ5MyA0Ljd2LS43MDdoLTV2NUg0LjJWNC43aDQuMjkzeiIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-checked-readonly {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-checked {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-indeterminate-readonly {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-indeterminate {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-unchecked-readonly {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-checkbox-unchecked {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-column {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem0wIDNoNHY3SDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-columns {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem02IDBoNHYySDd6TTEgNWg0djJIMXptNiAwaDR2Mkg3ek0xIDloNHYySDF6bTYgMGg0djJIN3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-contracted {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-copy {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTQuNSA0LjVoNXY1aC01eiIvPjxwYXRoIGQ9Ik03LjUgMi41aC01djVoMnYyaDV2LTVoLTJ2LTJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-cut {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTMgMy4xMmMuNjY3LjA3OCAzIDEuNzQ1IDcgNS0uMzI2LjIwNC0uNjU5LjIwNC0xIDAtLjM0MS0uMjA2LTEuNjc0LTEuMjA2LTQtMyAwIC42NjYtLjY2Ny42NjYtMiAwLTItMS0xLTIuMTIgMC0yeiIvPjxwYXRoIGQ9Ik0zIDguMjY0Yy42NjctLjA4IDMtMS43NDYgNy01LS4zMjYtLjIwNS0uNjU5LS4yMDUtMSAwLS4zNDEuMjA0LTEuNjc0IDEuMjA0LTQgMyAwLS42NjctLjY2Ny0uNjY3LTIgMC0yIDEtMSAyLjExOSAwIDJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-desc {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDJoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDYuMVY0LjM5M2gtNnY2SDQuN1Y2LjFoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMi41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuOTkzIDcuMzkzKSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTguNDkzIDUuNnYtLjcwN2gtNXY1SDQuMlY1LjZoNC4yOTN6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-expanded {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-eye-slash {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik00LjAwNCAyLjgzNWw0Ljk5MiA2LjMzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMy4wMDQgMi44MzVsNC45OTIgNi4zMyIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-eye {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-filter {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAyaDEwTDcgNnY1TDUgOVY2TDEgMnptNCA0djFoMlY2SDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-group {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNSAxLjVoM3YyaC0zem0wIDRoM3YyaC0zem0wIDRoM3YyaC0zeiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDNoMXY4SDJ6bTEgM2g0djFIM3ptMi00aDN2MUg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDEwaDV2MUgyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTEuNSAxLjVoM3YyaC0zeiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-indeterminate {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjA1NiA0LjU4MWEzLjAwMSAzLjAwMSAwIDAgMCA1Ljg4OCAwQzguMDU5IDQuMTk0IDcuMDc4IDQgNiA0Yy0xLjA3OCAwLTIuMDYuMTk0LTIuOTQ0LjU4MXoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA1LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMS4zMzMgMy0yIDUtMnMzLjY2Ny42NjcgNSAyQzkuNjY3IDcuMzMzIDggOCA2IDhzLTMuNjY3LS42NjctNS0yeiIgc3Ryb2tlPSIjMDAwIi8+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-left {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNNy45OTMgNC43VjIuOTkzaC02djZIMy43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNi41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNiAyaDF2OEg2eiIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgNC45OTMgNS45OTMpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNy40OTMgNC4ydi0uNzA3aC01djVIMy4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-loading {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDFoMnYzSDV6Ii8+PHBhdGggaWQ9ImIiIGQ9Ik01IDhoMnYzSDV6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0xIDVoM3YySDF6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik04IDVoM3YySDh6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik00IDBoMnYzSDR6Ii8+PHBhdGggaWQ9ImYiIGQ9Ik00IDdoMnYzSDR6Ii8+PHBhdGggaWQ9ImciIGQ9Ik0wIDRoM3YySDB6Ii8+PHBhdGggaWQ9ImgiIGQ9Ik03IDRoM3YySDd6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTUuNSAxLjVoMXYyaC0xeiIvPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik01LjUgOC41aDF2MmgtMXoiLz48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNMS41IDUuNWgydjFoLTJ6Ii8+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTguNSA1LjVoMnYxaC0yeiIvPjxnIG9wYWNpdHk9Ii43MTQiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTQuNS41aDF2MmgtMXoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNC4yOTMgNi43MDcpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNmIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNC41IDcuNWgxdjJoLTF6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZyIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNWgydjFoLTJ6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjaCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTcuNSA0LjVoMnYxaC0yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-menu {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-minus {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-none {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY2SDV6Ii8+PHBhdGggZD0iTTguMTQ2IDguMTgyVjYuNDc1aC01djVoMS43MDhWOC4xODJoMy4yOTJ6IiBpZD0iYiIvPjxwYXRoIGQ9Ik04LjUgMi45MTRWMS4yMDdoLTV2NWgxLjcwN1YyLjkxNEg4LjV6IiBpZD0iYyIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2NWgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuNjQ2IDguNDc1KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNjQ2IDcuNjgydi0uNzA3aC00djRoLjcwOFY3LjY4MmgzLjI5MnoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNiAzLjcwNykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDIuNDE0di0uNzA3SDR2NGguNzA3VjIuNDE0SDh6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-not-allowed {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjQiLz48cGF0aCBkPSJNOC41IDMuNUwzLjQwMSA4LjU5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-paste {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIuNSAyLjVoN3Y3aC03eiIvPjxwYXRoIGQ9Ik02LjUgMS41aC0xdjJoLTF2MWgzdi0xaC0xdi0yeiIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-pin {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0zIDJoNnYxSDh2NGwyIDFIN2wtMSAzLTEtM0gybDItMVYzSDN6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iI0ZGRiIgZD0iTTUgM2gxdjRINXoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yOCIgZmlsbD0iI0ZGRiIgZD0iTTQgM2gxdjNINHoiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-pivot {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSIxIi8+PHBhdGggZD0iTTEwLjUgMy41aC05bTItMnY5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHBhdGggZD0iTTcuNSA2LjVsMS0xIDEgMW0tMyAxbC0xIDEgMSAxIi8+PHBhdGggZD0iTTguNSA1LjV2M2gtMyIvPjwvZz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-plus {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01IDJoMnY4SDV6Ii8+PHBhdGggZD0iTTIgNWg4djJIMnoiLz48L2c+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-right {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik00LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNOS45OTMgNC43VjIuOTkzaC02djZINS43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNSAyaDF2OEg1eiIvPjwvZz48ZyB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIHJvdGF0ZSgtNDUgMCAyMi44NzQpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNOS40OTMgNC4ydi0uNzA3aC01djVINS4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-small-left {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA2bDQtNHY4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-small-right {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-small-up {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA3bDQtNCA0IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-small-down {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-tick {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS41IDUuNWwzIDMgNi02IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-cross {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxMGw4LThtMCA4TDIgMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-tree-open {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-tree-closed {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.ag-icon-tree-indeterminate {
  display: inline-block;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
  background-size: 12px 12px;
  -webkit-filter: "initial";
  filter: "initial";
  height: 12px;
  width: 12px; }

.loading-filter {
  background-color: #e6e6e6;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 34px;
  width: 100%;
  z-index: 1; }

.ag-details-row {
  height: 100%;
  width: 100%; }

.ag-details-grid {
  height: 100%;
  width: 100%; }

.ag-column-select-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ag-ltr .ag-toolpanel-indent-1 {
  padding-left: 10px; }

.ag-rtl .ag-toolpanel-indent-1 {
  padding-right: 10px; }

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 10px; }

.ag-rtl .ag-row-group-indent-1 {
  padding-right: 10px; }

.ag-ltr .ag-toolpanel-indent-2 {
  padding-left: 20px; }

.ag-rtl .ag-toolpanel-indent-2 {
  padding-right: 20px; }

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 20px; }

.ag-rtl .ag-row-group-indent-2 {
  padding-right: 20px; }

.ag-ltr .ag-toolpanel-indent-3 {
  padding-left: 30px; }

.ag-rtl .ag-toolpanel-indent-3 {
  padding-right: 30px; }

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 30px; }

.ag-rtl .ag-row-group-indent-3 {
  padding-right: 30px; }

.ag-ltr .ag-toolpanel-indent-4 {
  padding-left: 40px; }

.ag-rtl .ag-toolpanel-indent-4 {
  padding-right: 40px; }

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 40px; }

.ag-rtl .ag-row-group-indent-4 {
  padding-right: 40px; }

.ag-ltr .ag-toolpanel-indent-5 {
  padding-left: 50px; }

.ag-rtl .ag-toolpanel-indent-5 {
  padding-right: 50px; }

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 50px; }

.ag-rtl .ag-row-group-indent-5 {
  padding-right: 50px; }

.ag-ltr .ag-toolpanel-indent-6 {
  padding-left: 60px; }

.ag-rtl .ag-toolpanel-indent-6 {
  padding-right: 60px; }

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 60px; }

.ag-rtl .ag-row-group-indent-6 {
  padding-right: 60px; }

.ag-ltr .ag-toolpanel-indent-7 {
  padding-left: 70px; }

.ag-rtl .ag-toolpanel-indent-7 {
  padding-right: 70px; }

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 70px; }

.ag-rtl .ag-row-group-indent-7 {
  padding-right: 70px; }

.ag-ltr .ag-toolpanel-indent-8 {
  padding-left: 80px; }

.ag-rtl .ag-toolpanel-indent-8 {
  padding-right: 80px; }

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 80px; }

.ag-rtl .ag-row-group-indent-8 {
  padding-right: 80px; }

.ag-ltr .ag-toolpanel-indent-9 {
  padding-left: 90px; }

.ag-rtl .ag-toolpanel-indent-9 {
  padding-right: 90px; }

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 90px; }

.ag-rtl .ag-row-group-indent-9 {
  padding-right: 90px; }

.ag-ltr .ag-toolpanel-indent-10 {
  padding-left: 100px; }

.ag-rtl .ag-toolpanel-indent-10 {
  padding-right: 100px; }

.ag-ltr .ag-row-group-indent-10 {
  padding-left: 100px; }

.ag-rtl .ag-row-group-indent-10 {
  padding-right: 100px; }

.ag-ltr .ag-toolpanel-indent-11 {
  padding-left: 110px; }

.ag-rtl .ag-toolpanel-indent-11 {
  padding-right: 110px; }

.ag-ltr .ag-row-group-indent-11 {
  padding-left: 110px; }

.ag-rtl .ag-row-group-indent-11 {
  padding-right: 110px; }

.ag-ltr .ag-toolpanel-indent-12 {
  padding-left: 120px; }

.ag-rtl .ag-toolpanel-indent-12 {
  padding-right: 120px; }

.ag-ltr .ag-row-group-indent-12 {
  padding-left: 120px; }

.ag-rtl .ag-row-group-indent-12 {
  padding-right: 120px; }

.ag-ltr .ag-toolpanel-indent-13 {
  padding-left: 130px; }

.ag-rtl .ag-toolpanel-indent-13 {
  padding-right: 130px; }

.ag-ltr .ag-row-group-indent-13 {
  padding-left: 130px; }

.ag-rtl .ag-row-group-indent-13 {
  padding-right: 130px; }

.ag-ltr .ag-toolpanel-indent-14 {
  padding-left: 140px; }

.ag-rtl .ag-toolpanel-indent-14 {
  padding-right: 140px; }

.ag-ltr .ag-row-group-indent-14 {
  padding-left: 140px; }

.ag-rtl .ag-row-group-indent-14 {
  padding-right: 140px; }

.ag-ltr .ag-toolpanel-indent-15 {
  padding-left: 150px; }

.ag-rtl .ag-toolpanel-indent-15 {
  padding-right: 150px; }

.ag-ltr .ag-row-group-indent-15 {
  padding-left: 150px; }

.ag-rtl .ag-row-group-indent-15 {
  padding-right: 150px; }

.ag-ltr .ag-toolpanel-indent-16 {
  padding-left: 160px; }

.ag-rtl .ag-toolpanel-indent-16 {
  padding-right: 160px; }

.ag-ltr .ag-row-group-indent-16 {
  padding-left: 160px; }

.ag-rtl .ag-row-group-indent-16 {
  padding-right: 160px; }

.ag-ltr .ag-toolpanel-indent-17 {
  padding-left: 170px; }

.ag-rtl .ag-toolpanel-indent-17 {
  padding-right: 170px; }

.ag-ltr .ag-row-group-indent-17 {
  padding-left: 170px; }

.ag-rtl .ag-row-group-indent-17 {
  padding-right: 170px; }

.ag-ltr .ag-toolpanel-indent-18 {
  padding-left: 180px; }

.ag-rtl .ag-toolpanel-indent-18 {
  padding-right: 180px; }

.ag-ltr .ag-row-group-indent-18 {
  padding-left: 180px; }

.ag-rtl .ag-row-group-indent-18 {
  padding-right: 180px; }

.ag-ltr .ag-toolpanel-indent-19 {
  padding-left: 190px; }

.ag-rtl .ag-toolpanel-indent-19 {
  padding-right: 190px; }

.ag-ltr .ag-row-group-indent-19 {
  padding-left: 190px; }

.ag-rtl .ag-row-group-indent-19 {
  padding-right: 190px; }

.ag-ltr .ag-toolpanel-indent-20 {
  padding-left: 200px; }

.ag-rtl .ag-toolpanel-indent-20 {
  padding-right: 200px; }

.ag-ltr .ag-row-group-indent-20 {
  padding-left: 200px; }

.ag-rtl .ag-row-group-indent-20 {
  padding-right: 200px; }

.ag-ltr .ag-toolpanel-indent-21 {
  padding-left: 210px; }

.ag-rtl .ag-toolpanel-indent-21 {
  padding-right: 210px; }

.ag-ltr .ag-row-group-indent-21 {
  padding-left: 210px; }

.ag-rtl .ag-row-group-indent-21 {
  padding-right: 210px; }

.ag-ltr .ag-toolpanel-indent-22 {
  padding-left: 220px; }

.ag-rtl .ag-toolpanel-indent-22 {
  padding-right: 220px; }

.ag-ltr .ag-row-group-indent-22 {
  padding-left: 220px; }

.ag-rtl .ag-row-group-indent-22 {
  padding-right: 220px; }

.ag-ltr .ag-toolpanel-indent-23 {
  padding-left: 230px; }

.ag-rtl .ag-toolpanel-indent-23 {
  padding-right: 230px; }

.ag-ltr .ag-row-group-indent-23 {
  padding-left: 230px; }

.ag-rtl .ag-row-group-indent-23 {
  padding-right: 230px; }

.ag-ltr .ag-toolpanel-indent-24 {
  padding-left: 240px; }

.ag-rtl .ag-toolpanel-indent-24 {
  padding-right: 240px; }

.ag-ltr .ag-row-group-indent-24 {
  padding-left: 240px; }

.ag-rtl .ag-row-group-indent-24 {
  padding-right: 240px; }

.ag-ltr .ag-toolpanel-indent-25 {
  padding-left: 250px; }

.ag-rtl .ag-toolpanel-indent-25 {
  padding-right: 250px; }

.ag-ltr .ag-row-group-indent-25 {
  padding-left: 250px; }

.ag-rtl .ag-row-group-indent-25 {
  padding-right: 250px; }

.ag-ltr .ag-toolpanel-indent-26 {
  padding-left: 260px; }

.ag-rtl .ag-toolpanel-indent-26 {
  padding-right: 260px; }

.ag-ltr .ag-row-group-indent-26 {
  padding-left: 260px; }

.ag-rtl .ag-row-group-indent-26 {
  padding-right: 260px; }

.ag-ltr .ag-toolpanel-indent-27 {
  padding-left: 270px; }

.ag-rtl .ag-toolpanel-indent-27 {
  padding-right: 270px; }

.ag-ltr .ag-row-group-indent-27 {
  padding-left: 270px; }

.ag-rtl .ag-row-group-indent-27 {
  padding-right: 270px; }

.ag-ltr .ag-toolpanel-indent-28 {
  padding-left: 280px; }

.ag-rtl .ag-toolpanel-indent-28 {
  padding-right: 280px; }

.ag-ltr .ag-row-group-indent-28 {
  padding-left: 280px; }

.ag-rtl .ag-row-group-indent-28 {
  padding-right: 280px; }

.ag-ltr .ag-toolpanel-indent-29 {
  padding-left: 290px; }

.ag-rtl .ag-toolpanel-indent-29 {
  padding-right: 290px; }

.ag-ltr .ag-row-group-indent-29 {
  padding-left: 290px; }

.ag-rtl .ag-row-group-indent-29 {
  padding-right: 290px; }

.ag-ltr .ag-toolpanel-indent-30 {
  padding-left: 300px; }

.ag-rtl .ag-toolpanel-indent-30 {
  padding-right: 300px; }

.ag-ltr .ag-row-group-indent-30 {
  padding-left: 300px; }

.ag-rtl .ag-row-group-indent-30 {
  padding-right: 300px; }

.ag-ltr .ag-toolpanel-indent-31 {
  padding-left: 310px; }

.ag-rtl .ag-toolpanel-indent-31 {
  padding-right: 310px; }

.ag-ltr .ag-row-group-indent-31 {
  padding-left: 310px; }

.ag-rtl .ag-row-group-indent-31 {
  padding-right: 310px; }

.ag-ltr .ag-toolpanel-indent-32 {
  padding-left: 320px; }

.ag-rtl .ag-toolpanel-indent-32 {
  padding-right: 320px; }

.ag-ltr .ag-row-group-indent-32 {
  padding-left: 320px; }

.ag-rtl .ag-row-group-indent-32 {
  padding-right: 320px; }

.ag-ltr .ag-toolpanel-indent-33 {
  padding-left: 330px; }

.ag-rtl .ag-toolpanel-indent-33 {
  padding-right: 330px; }

.ag-ltr .ag-row-group-indent-33 {
  padding-left: 330px; }

.ag-rtl .ag-row-group-indent-33 {
  padding-right: 330px; }

.ag-ltr .ag-toolpanel-indent-34 {
  padding-left: 340px; }

.ag-rtl .ag-toolpanel-indent-34 {
  padding-right: 340px; }

.ag-ltr .ag-row-group-indent-34 {
  padding-left: 340px; }

.ag-rtl .ag-row-group-indent-34 {
  padding-right: 340px; }

.ag-ltr .ag-toolpanel-indent-35 {
  padding-left: 350px; }

.ag-rtl .ag-toolpanel-indent-35 {
  padding-right: 350px; }

.ag-ltr .ag-row-group-indent-35 {
  padding-left: 350px; }

.ag-rtl .ag-row-group-indent-35 {
  padding-right: 350px; }

.ag-ltr .ag-toolpanel-indent-36 {
  padding-left: 360px; }

.ag-rtl .ag-toolpanel-indent-36 {
  padding-right: 360px; }

.ag-ltr .ag-row-group-indent-36 {
  padding-left: 360px; }

.ag-rtl .ag-row-group-indent-36 {
  padding-right: 360px; }

.ag-ltr .ag-toolpanel-indent-37 {
  padding-left: 370px; }

.ag-rtl .ag-toolpanel-indent-37 {
  padding-right: 370px; }

.ag-ltr .ag-row-group-indent-37 {
  padding-left: 370px; }

.ag-rtl .ag-row-group-indent-37 {
  padding-right: 370px; }

.ag-ltr .ag-toolpanel-indent-38 {
  padding-left: 380px; }

.ag-rtl .ag-toolpanel-indent-38 {
  padding-right: 380px; }

.ag-ltr .ag-row-group-indent-38 {
  padding-left: 380px; }

.ag-rtl .ag-row-group-indent-38 {
  padding-right: 380px; }

.ag-ltr .ag-toolpanel-indent-39 {
  padding-left: 390px; }

.ag-rtl .ag-toolpanel-indent-39 {
  padding-right: 390px; }

.ag-ltr .ag-row-group-indent-39 {
  padding-left: 390px; }

.ag-rtl .ag-row-group-indent-39 {
  padding-right: 390px; }

.ag-ltr .ag-toolpanel-indent-40 {
  padding-left: 400px; }

.ag-rtl .ag-toolpanel-indent-40 {
  padding-right: 400px; }

.ag-ltr .ag-row-group-indent-40 {
  padding-left: 400px; }

.ag-rtl .ag-row-group-indent-40 {
  padding-right: 400px; }

.ag-ltr .ag-toolpanel-indent-41 {
  padding-left: 410px; }

.ag-rtl .ag-toolpanel-indent-41 {
  padding-right: 410px; }

.ag-ltr .ag-row-group-indent-41 {
  padding-left: 410px; }

.ag-rtl .ag-row-group-indent-41 {
  padding-right: 410px; }

.ag-ltr .ag-toolpanel-indent-42 {
  padding-left: 420px; }

.ag-rtl .ag-toolpanel-indent-42 {
  padding-right: 420px; }

.ag-ltr .ag-row-group-indent-42 {
  padding-left: 420px; }

.ag-rtl .ag-row-group-indent-42 {
  padding-right: 420px; }

.ag-ltr .ag-toolpanel-indent-43 {
  padding-left: 430px; }

.ag-rtl .ag-toolpanel-indent-43 {
  padding-right: 430px; }

.ag-ltr .ag-row-group-indent-43 {
  padding-left: 430px; }

.ag-rtl .ag-row-group-indent-43 {
  padding-right: 430px; }

.ag-ltr .ag-toolpanel-indent-44 {
  padding-left: 440px; }

.ag-rtl .ag-toolpanel-indent-44 {
  padding-right: 440px; }

.ag-ltr .ag-row-group-indent-44 {
  padding-left: 440px; }

.ag-rtl .ag-row-group-indent-44 {
  padding-right: 440px; }

.ag-ltr .ag-toolpanel-indent-45 {
  padding-left: 450px; }

.ag-rtl .ag-toolpanel-indent-45 {
  padding-right: 450px; }

.ag-ltr .ag-row-group-indent-45 {
  padding-left: 450px; }

.ag-rtl .ag-row-group-indent-45 {
  padding-right: 450px; }

.ag-ltr .ag-toolpanel-indent-46 {
  padding-left: 460px; }

.ag-rtl .ag-toolpanel-indent-46 {
  padding-right: 460px; }

.ag-ltr .ag-row-group-indent-46 {
  padding-left: 460px; }

.ag-rtl .ag-row-group-indent-46 {
  padding-right: 460px; }

.ag-ltr .ag-toolpanel-indent-47 {
  padding-left: 470px; }

.ag-rtl .ag-toolpanel-indent-47 {
  padding-right: 470px; }

.ag-ltr .ag-row-group-indent-47 {
  padding-left: 470px; }

.ag-rtl .ag-row-group-indent-47 {
  padding-right: 470px; }

.ag-ltr .ag-toolpanel-indent-48 {
  padding-left: 480px; }

.ag-rtl .ag-toolpanel-indent-48 {
  padding-right: 480px; }

.ag-ltr .ag-row-group-indent-48 {
  padding-left: 480px; }

.ag-rtl .ag-row-group-indent-48 {
  padding-right: 480px; }

.ag-ltr .ag-toolpanel-indent-49 {
  padding-left: 490px; }

.ag-rtl .ag-toolpanel-indent-49 {
  padding-right: 490px; }

.ag-ltr .ag-row-group-indent-49 {
  padding-left: 490px; }

.ag-rtl .ag-row-group-indent-49 {
  padding-right: 490px; }

.ag-tool-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .ag-tool-panel .ag-side-buttons {
    width: 20px; }
    .ag-tool-panel .ag-side-buttons button {
      display: block;
      -webkit-transform: rotate(90deg) translateY(-20px);
      transform: rotate(90deg) translateY(-20px);
      -webkit-transform-origin: left top 0;
      transform-origin: left top 0;
      white-space: nowrap;
      outline: none; }
  .ag-tool-panel .panel-container {
    width: 180px; }
  .ag-tool-panel.full-width .panel-container {
    width: 200px; }

.ag-rtl .ag-tool-panel .ag-side-buttons button {
  -webkit-transform: rotate(-90deg) translatex(20px);
  transform: rotate(-90deg) translatex(20px);
  -webkit-transform-origin: right bottom 0;
  transform-origin: right bottom 0; }

.ag-row-inline-editing {
  z-index: 1; }
.ag-theme-balham {
  background-color: white;
  color: #000;
  font: 400 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
  .ag-theme-balham .ag-header,
  .ag-theme-balham .ag-row,
  .ag-theme-balham .ag-header-cell,
  .ag-theme-balham .ag-header-group-cell,
  .ag-theme-balham .ag-rich-select-value,
  .ag-theme-balham .ag-root {
    box-sizing: border-box; }
  .ag-theme-balham .ag-menu, .ag-theme-balham .ag-theme-balham.ag-dnd-ghost, .ag-theme-balham .ag-cell-inline-editing, .ag-theme-balham .ag-popup-editor, .ag-theme-balham .ag-select-agg-func-popup, .ag-theme-balham .ag-overlay-loading-center {
    border: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-tab-header .ag-tab {
    border: 1px solid transparent;
    border-bottom-width: 0;
    display: inline-block;
    margin: 4px;
    margin-bottom: 0;
    padding: 4px 8px; }
  .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
    background-color: white;
    border-bottom: 2px solid #0091EA;
    border-bottom: 2px solid white;
    border-color: #BDC3C7; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-1 {
    padding-left: 20px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-1 {
    padding-right: 20px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
    padding-left: 28px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-1 {
    padding-right: 28px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-2 {
    padding-left: 40px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-2 {
    padding-right: 40px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-2 {
    padding-left: 56px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-2 {
    padding-right: 56px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-3 {
    padding-left: 60px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-3 {
    padding-right: 60px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-3 {
    padding-left: 84px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-3 {
    padding-right: 84px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-4 {
    padding-left: 80px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-4 {
    padding-right: 80px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-4 {
    padding-left: 112px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-4 {
    padding-right: 112px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-5 {
    padding-left: 100px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-5 {
    padding-right: 100px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-5 {
    padding-left: 140px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-5 {
    padding-right: 140px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-6 {
    padding-left: 120px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-6 {
    padding-right: 120px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-6 {
    padding-left: 168px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-6 {
    padding-right: 168px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-7 {
    padding-left: 140px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-7 {
    padding-right: 140px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-7 {
    padding-left: 196px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-7 {
    padding-right: 196px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-8 {
    padding-left: 160px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-8 {
    padding-right: 160px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-8 {
    padding-left: 224px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-8 {
    padding-right: 224px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-9 {
    padding-left: 180px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-9 {
    padding-right: 180px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-9 {
    padding-left: 252px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-9 {
    padding-right: 252px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-10 {
    padding-left: 200px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-10 {
    padding-right: 200px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-10 {
    padding-left: 280px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-10 {
    padding-right: 280px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-11 {
    padding-left: 220px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-11 {
    padding-right: 220px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-11 {
    padding-left: 308px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-11 {
    padding-right: 308px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-12 {
    padding-left: 240px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-12 {
    padding-right: 240px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-12 {
    padding-left: 336px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-12 {
    padding-right: 336px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-13 {
    padding-left: 260px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-13 {
    padding-right: 260px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-13 {
    padding-left: 364px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-13 {
    padding-right: 364px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-14 {
    padding-left: 280px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-14 {
    padding-right: 280px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-14 {
    padding-left: 392px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-14 {
    padding-right: 392px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-15 {
    padding-left: 300px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-15 {
    padding-right: 300px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-15 {
    padding-left: 420px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-15 {
    padding-right: 420px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-16 {
    padding-left: 320px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-16 {
    padding-right: 320px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-16 {
    padding-left: 448px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-16 {
    padding-right: 448px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-17 {
    padding-left: 340px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-17 {
    padding-right: 340px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-17 {
    padding-left: 476px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-17 {
    padding-right: 476px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-18 {
    padding-left: 360px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-18 {
    padding-right: 360px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-18 {
    padding-left: 504px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-18 {
    padding-right: 504px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-19 {
    padding-left: 380px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-19 {
    padding-right: 380px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-19 {
    padding-left: 532px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-19 {
    padding-right: 532px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-20 {
    padding-left: 400px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-20 {
    padding-right: 400px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-20 {
    padding-left: 560px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-20 {
    padding-right: 560px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-21 {
    padding-left: 420px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-21 {
    padding-right: 420px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-21 {
    padding-left: 588px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-21 {
    padding-right: 588px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-22 {
    padding-left: 440px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-22 {
    padding-right: 440px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-22 {
    padding-left: 616px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-22 {
    padding-right: 616px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-23 {
    padding-left: 460px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-23 {
    padding-right: 460px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-23 {
    padding-left: 644px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-23 {
    padding-right: 644px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-24 {
    padding-left: 480px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-24 {
    padding-right: 480px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-24 {
    padding-left: 672px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-24 {
    padding-right: 672px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-25 {
    padding-left: 500px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-25 {
    padding-right: 500px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-25 {
    padding-left: 700px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-25 {
    padding-right: 700px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-26 {
    padding-left: 520px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-26 {
    padding-right: 520px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-26 {
    padding-left: 728px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-26 {
    padding-right: 728px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-27 {
    padding-left: 540px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-27 {
    padding-right: 540px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-27 {
    padding-left: 756px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-27 {
    padding-right: 756px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-28 {
    padding-left: 560px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-28 {
    padding-right: 560px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-28 {
    padding-left: 784px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-28 {
    padding-right: 784px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-29 {
    padding-left: 580px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-29 {
    padding-right: 580px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-29 {
    padding-left: 812px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-29 {
    padding-right: 812px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-30 {
    padding-left: 600px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-30 {
    padding-right: 600px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-30 {
    padding-left: 840px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-30 {
    padding-right: 840px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-31 {
    padding-left: 620px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-31 {
    padding-right: 620px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-31 {
    padding-left: 868px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-31 {
    padding-right: 868px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-32 {
    padding-left: 640px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-32 {
    padding-right: 640px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-32 {
    padding-left: 896px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-32 {
    padding-right: 896px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-33 {
    padding-left: 660px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-33 {
    padding-right: 660px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-33 {
    padding-left: 924px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-33 {
    padding-right: 924px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-34 {
    padding-left: 680px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-34 {
    padding-right: 680px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-34 {
    padding-left: 952px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-34 {
    padding-right: 952px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-35 {
    padding-left: 700px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-35 {
    padding-right: 700px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-35 {
    padding-left: 980px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-35 {
    padding-right: 980px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-36 {
    padding-left: 720px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-36 {
    padding-right: 720px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-36 {
    padding-left: 1008px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-36 {
    padding-right: 1008px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-37 {
    padding-left: 740px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-37 {
    padding-right: 740px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-37 {
    padding-left: 1036px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-37 {
    padding-right: 1036px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-38 {
    padding-left: 760px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-38 {
    padding-right: 760px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-38 {
    padding-left: 1064px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-38 {
    padding-right: 1064px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-39 {
    padding-left: 780px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-39 {
    padding-right: 780px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-39 {
    padding-left: 1092px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-39 {
    padding-right: 1092px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-40 {
    padding-left: 800px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-40 {
    padding-right: 800px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-40 {
    padding-left: 1120px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-40 {
    padding-right: 1120px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-41 {
    padding-left: 820px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-41 {
    padding-right: 820px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-41 {
    padding-left: 1148px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-41 {
    padding-right: 1148px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-42 {
    padding-left: 840px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-42 {
    padding-right: 840px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1176px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1176px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-43 {
    padding-left: 860px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-43 {
    padding-right: 860px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1204px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1204px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-44 {
    padding-left: 880px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-44 {
    padding-right: 880px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1232px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1232px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-45 {
    padding-left: 900px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-45 {
    padding-right: 900px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1260px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1260px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-46 {
    padding-left: 920px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-46 {
    padding-right: 920px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1288px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1288px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-47 {
    padding-left: 940px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-47 {
    padding-right: 940px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1316px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1316px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-48 {
    padding-left: 960px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-48 {
    padding-right: 960px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-48 {
    padding-left: 1344px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-48 {
    padding-right: 1344px; }
  .ag-theme-balham .ag-ltr .ag-toolpanel-indent-49 {
    padding-left: 980px; }
  .ag-theme-balham .ag-rtl .ag-toolpanel-indent-49 {
    padding-right: 980px; }
  .ag-theme-balham .ag-ltr .ag-row-group-indent-49 {
    padding-left: 1372px; }
  .ag-theme-balham .ag-rtl .ag-row-group-indent-49 {
    padding-right: 1372px; }
  .ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 28px; }
  .ag-theme-balham .ag-rtl .ag-row-group-leaf-indent {
    margin-right: 28px; }
  .ag-theme-balham .ag-rtl .ag-cell-first-right-pinned {
    border-left: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-ltr .ag-cell-first-right-pinned {
    border-left: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-rtl .ag-cell-last-left-pinned {
    border-right: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-ltr .ag-cell-last-left-pinned {
    border-right: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-value-change-delta {
    padding-right: 2px; }
  .ag-theme-balham .ag-value-change-delta-up {
    color: #43a047; }
  .ag-theme-balham .ag-value-change-delta-down {
    color: #e53935; }
  .ag-theme-balham .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s; }
  .ag-theme-balham .ag-value-change-value-highlight {
    background-color: rgba(22, 160, 133, 0.5);
    transition: background-color 0.1s; }
  .ag-theme-balham .ag-header {
    background-color: #f5f7f7;
    color: rgba(0, 0, 0, 0.54);
    font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
  .ag-theme-balham .ag-header-row {
    border-bottom: 1px solid #BDC3C7;
    box-sizing: border-box; }
  .ag-theme-balham .ag-row {
    border-bottom: 1px solid #BDC3C7;
    box-sizing: border-box; }
  .ag-theme-balham .ag-row-odd {
    background-color: #fcfdfe; }
  .ag-theme-balham .ag-row-even {
    background-color: white; }
  .ag-theme-balham .ag-row-hover {
    background-color: #ECF0F1; }
  .ag-theme-balham .ag-numeric-cell {
    text-align: right; }
  .ag-theme-balham .ag-header-cell-label {
    display: flex;
    float: left;
    height: 100%;
    width: calc(100% - 16px); }
    .ag-theme-balham .ag-header-cell-label span {
      height: 100%; }
    .ag-theme-balham .ag-header-cell-label > span {
      float: left; }
    .ag-theme-balham .ag-header-cell-label .ag-header-icon {
      background-position-y: 10px;
      background-size: 14px 14px;
      height: 100%;
      margin: 0;
      margin-left: 4px;
      opacity: 0.87; }
    .ag-theme-balham .ag-header-cell-label .ag-header-cell-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .ag-theme-balham .ag-numeric-header .ag-header-cell-label {
    flex-direction: row-reverse;
    float: right; }
    .ag-theme-balham .ag-numeric-header .ag-header-cell-label > span {
      float: right; }
  .ag-theme-balham .ag-numeric-header .ag-header-cell-menu-button {
    float: left; }
  .ag-theme-balham .ag-header-group-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .ag-theme-balham .ag-header-cell,
  .ag-theme-balham .ag-header-group-cell {
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px; }
  .ag-theme-balham .ag-cell {
    line-height: 26px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid transparent;
    padding-left: 11px;
    padding-right: 11px; }
  .ag-theme-balham .ag-row-drag {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDIuNXYxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxIiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    background-position-x: left;
    background-position-y: 4px;
    float: left;
    height: 100%;
    width: 28px; }
  .ag-theme-balham .ag-column-drag {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDIuNXYxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxbTMtN3YxbTAgMnYxbTAgMnYxIiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    background-position-x: left;
    background-position-y: 4px !important;
    height: 100%;
    min-width: 20px; }
  .ag-theme-balham .ag-row-dragging {
    opacity: 0.5;
    z-index: 10000; }
  .ag-theme-balham .ag-ltr .ag-cell-focus {
    border: 1px solid #0091EA;
    outline: initial; }
  .ag-theme-balham .ag-rtl .ag-cell-focus {
    border: 1px solid #0091EA;
    outline: initial; }
  .ag-theme-balham .ag-header-cell-resize {
    position: absolute;
    right: -4px;
    width: 8px;
    z-index: 4; }
    .ag-theme-balham .ag-header-cell-resize::after {
      border-right: 1px solid #BDC3C7;
      box-sizing: content-box;
      content: "resize";
      display: block;
      height: 16px;
      margin-top: 8px;
      overflow: hidden;
      text-indent: 4px;
      width: 4px; }
  .ag-theme-balham .ag-icon-aggregation {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEwLjUgNlY0LjVoLTV2LjUzMmExIDEgMCAwIDAgLjM2Ljc2OGwxLjcxOCAxLjQzMmExIDEgMCAwIDEgMCAxLjUzNkw1Ljg2IDEwLjJhMSAxIDAgMCAwLS4zNi43Njh2LjUzMmg1VjEwIi8+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-arrows {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDE0VjNNMiA4LjVoMTFtLTcuNSA0bDIgMiAyLTJtMC04bC0yLTItMiAybS0yIDJsLTIgMiAyIDJtOCAwbDItMi0yLTIiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-asc {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDEyVjRtMyAyLjVsLTMtMy0zIDMiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-checked-readonly {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSI+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iIzdGOEM4RCIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48cGF0aCBzdHJva2U9IiM3RjhDOEQiIGQ9Ik0xMiA1bC01LjUgNS41TDQgOCIvPjwvZz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-checked {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIHN0cm9rZT0iIzdGOEM4RCIgZD0iTTEyIDVsLTUuNSA1LjVMNCA4Ii8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-indeterminate-readonly {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSI+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iIzdGOEM4RCIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48cGF0aCBkPSJNNCA4LjVoOCIgc3Ryb2tlPSIjN0Y4QzhEIi8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-indeterminate {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIGQ9Ik00IDguNWg4IiBzdHJva2U9IiM3RjhDOEQiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-unchecked-readonly {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSI+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjxyZWN0IHN0cm9rZT0iIzdGOEM4RCIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-checkbox-unchecked {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjN0Y4QzhEIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjwvZz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-column {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDMuNXY4aDN2LTh6IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-columns {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi41IDMuNXY4bTMtOHY4bTMtOHY4bS05LTh2OCIgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-contracted {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSA0TDUgOGw0IDQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-copy {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgeD0iNC41IiB5PSI0LjUiIHdpZHRoPSI4IiBoZWlnaHQ9IjkiIHJ4PSIyIi8+PHBhdGggZD0iTTExIDIuNUg0LjVhMiAyIDAgMCAwLTIgMlYxMyIvPjwvZz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-cut {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4zNDggNC45NDhjLjE2MS0uMzUuMjUyLS43MzUuMjUyLTEuMTQ4YTIuOCAyLjggMCAxIDAtNS42IDAgMi44IDIuOCAwIDAgMCAyLjggMi44Yy40MTMgMCAuNzk4LS4wOTEgMS4xNDgtLjI1Mkw2LjYgOCA0Ljk0OCA5LjY1MkEyLjcyOCAyLjcyOCAwIDAgMCAzLjggOS40YTIuOCAyLjggMCAxIDAgMCA1LjYgMi44IDIuOCAwIDAgMCAyLjgtMi44YzAtLjQxMy0uMDkxLS43OTgtLjI1Mi0xLjE0OEw4IDkuNGw0LjkgNC45SDE1di0uN0w2LjM0OCA0Ljk0OHpNMy44IDUuMmExLjQgMS40IDAgMSAxIDAtMi44IDEuNCAxLjQgMCAwIDEgMCAyLjh6bTAgOC40YTEuNCAxLjQgMCAxIDEgMC0yLjggMS40IDEuNCAwIDAgMSAwIDIuOHpNOCA4LjM1QS4zNDcuMzQ3IDAgMCAxIDcuNjUgOGMwLS4xOTYuMTU0LS4zNS4zNS0uMzUuMTk2IDAgLjM1LjE1NC4zNS4zNSAwIC4xOTYtLjE1NC4zNS0uMzUuMzV6bTQuOS02LjY1TDguNyA1LjlsMS40IDEuNEwxNSAyLjR2LS43aC0yLjF6IiBmaWxsPSIjN0Y4QzhEIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-desc {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDExVjNtLTMgNS41bDMgMyAzLTMiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-expanded {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxMmw0LTQtNC00IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-eye-slash {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTggMy42MjVBNi44OTkgNi44OTkgMCAwIDAgMS41ODMgOCA2Ljg5OSA2Ljg5OSAwIDAgMCA4IDEyLjM3NSA2Ljg5OSA2Ljg5OSAwIDAgMCAxNC40MTcgOCA2Ljg5OSA2Ljg5OSAwIDAgMCA4IDMuNjI1eiIvPjxwYXRoIGQ9Ik04IDEwLjkxN2EyLjkxOCAyLjkxOCAwIDAgMSAwLTUuODM0IDIuOTE4IDIuOTE4IDAgMCAxIDAgNS44MzR6Ii8+PHBhdGggZD0iTTMuNSAzLjVsOSA5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-eye {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTggMy42MjVBNi44OTkgNi44OTkgMCAwIDAgMS41ODMgOCA2Ljg5OSA2Ljg5OSAwIDAgMCA4IDEyLjM3NSA2Ljg5OSA2Ljg5OSAwIDAgMCAxNC40MTcgOCA2Ljg5OSA2Ljg5OSAwIDAgMCA4IDMuNjI1eiIvPjxwYXRoIGQ9Ik04IDEwLjkxN2EyLjkxOCAyLjkxOCAwIDAgMSAwLTUuODM0IDIuOTE4IDIuOTE4IDAgMCAxIDAgNS44MzR6Ii8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-filter {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDMuNWg5di41ODZhMSAxIDAgMCAxLS4yOTMuNzA3TDkuMjkzIDcuNzA3QTEgMSAwIDAgMCA5IDguNDE0VjEwbC0yIDEuNVY4LjQxNGExIDEgMCAwIDAtLjI5My0uNzA3TDMuNzkzIDQuNzkzYTEgMSAwIDAgMS0uMjkzLS43MDdWMy41eiIgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-group {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTMuNSA1LjVoMW0xIDJoMW0yIDBoNG0tNyAyaDFtMiAwaDRtLTYtNGg2IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-indeterminate {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTggNC42MjVjLTIuOTE3IDAtNS40MDguODE0LTYuNDE3IDMuMzc1IDEuMDEgMi41NiAzLjUgMy4zNzUgNi40MTcgMy4zNzVzNS40MDgtLjgxNCA2LjQxNy0zLjM3NWMtMS4wMS0yLjU2LTMuNS0zLjM3NS02LjQxNy0zLjM3NXoiLz48cGF0aCBkPSJNOCA5LjkxN0M2LjM5IDkuOTE3IDUuMDgzIDkuNjEgNS4wODMgOFM2LjM5IDYuMDgzIDggNi4wODNjMS42MSAwIDIuOTE3LjMwNyAyLjkxNyAxLjkxN1M5LjYxIDkuOTE3IDggOS45MTd6Ii8+PC9nPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-left {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDguNWw0LTRMOCA2IDYuNSA3LjVoN3YyaC03TDggMTFsLTEuNSAxLjV6IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-loading {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PHBhdGggZD0iTTcuNSAxMC41djMiIG9wYWNpdHk9Ii44Ii8+PHBhdGggZD0iTTEwLjUgNy41aDMiIG9wYWNpdHk9Ii42Ii8+PHBhdGggZD0iTTEuNSA3LjVoMyIvPjxwYXRoIGQ9Ik03LjUgMS41djMiIG9wYWNpdHk9Ii40Ii8+PHBhdGggZD0iTTkuNSA1LjVMMTIgMyIgb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNOS41IDkuNUwxMiAxMiIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNNS41IDkuNUwzIDEyIiBvcGFjaXR5PSIuOSIvPjxwYXRoIGQ9Ik01LjUgNS41TDMgMyIgb3BhY2l0eT0iLjMiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-menu {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDQuNWg5bS05IDNoOW0tOSAzaDkiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-minus {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDYuNWgxMXYyaC0xMXoiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-none {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNSAxMlY0bTMgMi41bC0zLTMtMyAzbS00IDQuNVYzbS0zIDUuNWwzIDMgMy0zIiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-not-allowed {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS45IDExLjAxMkEzLjc1IDMuNzUgMCAwIDAgMTEuMDEyIDUuOWwtNS4xMTQgNS4xMTN6TTQuNDg3IDkuNjAxTDkuNiA0LjQ4OEEzLjc1IDMuNzUgMCAwIDAgNC40ODggOS42ek03Ljc1IDEzLjVhNS43NSA1Ljc1IDAgMSAxIDAtMTEuNSA1Ljc1IDUuNzUgMCAwIDEgMCAxMS41eiIgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-paste {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgM2MwLS41LS41LTEuNS0yLTEuNVM2IDIuNSA2IDNINGEyIDIgMCAwIDAtMiAydjdhMiAyIDAgMCAwIDIgMmg4YTIgMiAwIDAgMCAyLTJWNWEyIDIgMCAwIDAtMi0yaC0yem0tMiAuMjczYy4zNjcgMCAuNjY3LjI4Ni42NjcuNjM2IDAgLjM1LS4zLjYzNi0uNjY3LjYzNi0uMzY3IDAtLjY2Ny0uMjg2LS42NjctLjYzNiAwLS4zNS4zLS42MzYuNjY3LS42MzZ6TTEyIDEzSDRhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoMXYyaDZWNGgxYTEgMSAwIDAgMSAxIDF2N2ExIDEgMCAwIDEtMSAxeiIgZmlsbD0iIzdGOEM4RCIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-pin {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDEzLjVsNC00TTE0IDZjLS4zOS41MjktLjcyNC44NjItMSAxcy0uNjEuMTM4LTEgMGwtMiAyYy4xMzguOTIuMTM4IDEuNTg2IDAgMi0uMTM4LjQxNC0uNDcxLjc0OC0xIDFMNCA3Yy4wOC0uNDcxLjQxNC0uODA1IDEtMSAuNTg2LS4xOTUgMS4yNTItLjE5NSAyIDBsMi0yYy0uMTk1LS4yNzYtLjE5NS0uNjEgMC0xcy41MjktLjcyNCAxLTFsNCA0eiIgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-pivot {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEzLjUgNC41aC05bTAgMHY5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHBhdGggZD0iTTcuNSAxMi41bC0xLTEgMS0xbTUtM2wtMS0xLTEgMSIvPjxwYXRoIGQ9Ik00LjUgMTEuNWgtMm02LTl2Mm0tMy0ydjJtNi0ydjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMTEuNSA2LjV2M2EyIDIgMCAwIDEtMiAyaC0zIi8+PHBhdGggZD0iTTQuNSA4LjVoLTJtMi0zaC0yIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiLz48L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-plus {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDYuNWg0di00aDJ2NGg0djJoLTR2NGgtMnYtNGgtNHoiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-right {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNSA3LjVsLTQgNEw4IDEwbDEuNS0xLjVoLTd2LTJoN0w4IDVsMS41LTEuNXoiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-small-left {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCA0TDQgOGw0IDQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-small-right {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOCAxMmw0LTQtNC00IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-small-up {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOEw4IDQgNCA4IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-small-down {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA4bDQgNCA0LTQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-tick {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNmwtNS41IDUuNUw0IDkiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-cross {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNSA1LjVsLTYgNm0wLTZsNiA2IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-tree-open {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA3bDQgNCA0LTQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-tree-closed {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxMmw0LTQtNC00IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-icon-tree-indeterminate {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDcuNWg5IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    display: inline-block; }
  .ag-theme-balham .ag-header-cell-menu-button .ag-icon-menu {
    display: block;
    height: 32px; }
  .ag-theme-balham .ag-icon-checkbox-checked:empty {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHg9IjEiIHk9IjEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDA5MUVBIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIvPjxwYXRoIHN0cm9rZT0iIzAwOTFFQSIgZD0iTTEyIDVsLTUuNSA1LjVMNCA4Ii8+PC9nPjwvc3ZnPg==); }
  .ag-theme-balham .ag-menu {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    padding: 0;
    z-index: 5; }
    .ag-theme-balham .ag-menu .ag-menu-list {
      cursor: default;
      margin-bottom: 4px;
      margin-top: 4px;
      width: 100%; }
    .ag-theme-balham .ag-menu .ag-menu-option {
      line-height: 16px;
      padding-left: 8px;
      padding-right: 8px; }
      .ag-theme-balham .ag-menu .ag-menu-option > span {
        display: table-cell;
        vertical-align: middle; }
    .ag-theme-balham .ag-menu .ag-menu-option-active {
      background: #ECF0F1; }
    .ag-theme-balham .ag-menu .ag-menu-option-disabled {
      opacity: 0.5; }
    .ag-theme-balham .ag-menu .ag-menu-option-icon {
      padding-left: 4px;
      padding-right: 4px; }
      .ag-theme-balham .ag-menu .ag-menu-option-icon span {
        height: 16px;
        line-height: 0;
        margin-top: 4px; }
    .ag-theme-balham .ag-menu .ag-menu-option-shortcut {
      padding-left: 8px; }
    .ag-theme-balham .ag-menu .ag-menu-separator {
      margin-left: -4px; }
      .ag-theme-balham .ag-menu .ag-menu-separator > span {
        background-image: url("data:image/svg+xml;utf8,<svg width='1' height='8px' viewBox='0 0 1 8px' xmlns='http://www.w3.org/2000/svg'> <line x1='0' y1='4px' x2='1' y2='4px' stroke-width='1' stroke='#BDC3C7'/> </svg>");
        height: 8px; }
    .ag-theme-balham .ag-menu .ag-menu-option-popup-pointer {
      width: 24px; }
  .ag-theme-balham.ag-dnd-ghost {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    border: 1px solid #BDC3C7;
    color: rgba(0, 0, 0, 0.54);
    font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    height: 32px !important;
    line-height: 32px;
    margin: 0;
    padding: 0 8px;
    transform: translateY(8px);
    z-index: 5; }
    .ag-theme-balham.ag-dnd-ghost span,
    .ag-theme-balham.ag-dnd-ghost div {
      float: left;
      height: 100%;
      margin: 0;
      padding: 0; }
    .ag-theme-balham.ag-dnd-ghost .ag-dnd-ghost-icon {
      margin-right: 4px;
      opacity: 0.87; }
  .ag-theme-balham .ag-tab-header {
    background: #f5f7f7;
    min-width: 220px;
    width: 100%; }
    .ag-theme-balham .ag-tab-header .ag-tab {
      border-bottom: 2px solid transparent;
      height: 16px;
      text-align: center;
      vertical-align: middle; }
      .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-filter {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDMuNWg5di41ODZhMSAxIDAgMCAxLS4yOTMuNzA3TDkuMjkzIDcuNzA3QTEgMSAwIDAgMCA5IDguNDE0VjEwbC0yIDEuNVY4LjQxNGExIDEgMCAwIDAtLjI5My0uNzA3TDMuNzkzIDQuNzkzYTEgMSAwIDAgMS0uMjkzLS43MDdWMy41eiIgc3Ryb2tlPSIjMDA5MUVBIiBmaWxsPSJub25lIi8+PC9zdmc+);
        display: inline-block; }
      .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-columns {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi41IDMuNXY4bTMtOHY4bTMtOHY4bS05LTh2OCIgc3Ryb2tlPSIjMDA5MUVBIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+);
        display: inline-block; }
      .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-menu {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDQuNWg5bS05IDNoOW0tOSAzaDkiIHN0cm9rZT0iIzAwOTFFQSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==);
        display: inline-block; }
  .ag-theme-balham .ag-tab-body {
    padding: 4px 0; }
    .ag-theme-balham .ag-tab-body .ag-filter-select {
      margin: 4px;
      width: calc(100% - 8px); }
    .ag-theme-balham .ag-tab-body .ag-menu-list {
      margin-bottom: 0;
      margin-top: 0; }
      .ag-theme-balham .ag-tab-body .ag-menu-list > div:first-child > span {
        padding-top: 0; }
      .ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > span {
        padding-bottom: 0; }
      .ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > .ag-menu-option-popup-pointer {
        background-position-y: 0; }
  .ag-theme-balham .ag-filter-select {
    margin: 4px;
    width: calc(100% - 8px); }
  .ag-theme-balham .ag-filter input[type="radio"] {
    margin: 0 3px 0 6px;
    width: 12px;
    height: 17px;
    vertical-align: top; }
  .ag-theme-balham .ag-filter input[type="text"],
  .ag-theme-balham .ag-filter input[type="date"] {
    padding-left: 4px; }
  .ag-theme-balham .ag-filter label {
    display: block;
    padding-left: 4px; }
  .ag-theme-balham .ag-filter .ag-set-filter-list {
    height: 182px;
    padding-top: 4px; }
  .ag-theme-balham .ag-filter .ag-filter-header-container {
    box-sizing: border-box;
    height: 28px; }
  .ag-theme-balham .ag-filter .ag-filter-header-container:nth-child(2) {
    border-bottom: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-filter .ag-filter-checkbox {
    float: left;
    height: 28px;
    margin-right: 4px;
    padding-top: 2px; }
  .ag-theme-balham .ag-filter .ag-filter-value {
    height: 28px;
    line-height: 14px; }
  .ag-theme-balham .ag-filter .ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
    padding-top: 8px; }
    .ag-theme-balham .ag-filter .ag-filter-apply-panel button + button {
      margin-left: 8px; }
  .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group,
  .ag-theme-balham .ag-column-select-panel .ag-column-select-column {
    height: 16px;
    line-height: 16px;
    margin-left: 0; }
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group span,
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column span {
      float: left;
      height: 100%; }
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group .ag-column-select-indent,
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column .ag-column-select-indent {
      width: 8px; }
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group .ag-column-select-checkbox,
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group .ag-column-group-icons,
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column .ag-column-select-checkbox,
    .ag-theme-balham .ag-column-select-panel .ag-column-select-column .ag-column-group-icons {
      margin-left: 4px;
      margin-right: 4px; }
  .ag-theme-balham .ag-column-select-panel .ag-column-container {
    padding-top: 4px; }
  .ag-theme-balham .ag-column-select-panel .ag-column-select-column.ag-toolpanel-add-group-indent {
    margin-left: 24px; }
  .ag-theme-balham .ag-column-tool-panel {
    display: flex; }
  .ag-theme-balham .ag-filter-body {
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 4px; }
  .ag-theme-balham .ag-column-tool-panel-item button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 12px;
    height: 100%; }
  .ag-theme-balham .ag-filter-filter {
    margin-bottom: 4px; }
  .ag-theme-balham .ag-column-select-header {
    border-bottom: 1px solid #BDC3C7;
    box-sizing: border-box;
    height: 32px;
    padding-top: 4px; }
    .ag-theme-balham .ag-column-select-header label {
      display: block;
      padding-left: 4px; }
      .ag-theme-balham .ag-column-select-header label .ag-filter-checkbox {
        float: left;
        margin-right: 4px; }
    .ag-theme-balham .ag-column-select-header .ag-column-tool-panel a {
      margin: 0 4px;
      padding-top: 2px; }
  .ag-theme-balham .ag-group-child-count::before {
    content: " "; }
  .ag-theme-balham .ag-column-panel {
    border-right: 0; }
    .ag-theme-balham .ag-column-panel .ag-pivot-mode {
      border-bottom: 1px solid #BDC3C7;
      box-sizing: border-box;
      height: 32px;
      line-height: 32px; }
      .ag-theme-balham .ag-column-panel .ag-pivot-mode span {
        float: left;
        height: 100%; }
      .ag-theme-balham .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select {
        margin-left: 4px; }
        .ag-theme-balham .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select .ag-checkbox-label {
          margin-left: 4px; }
    .ag-theme-balham .ag-column-panel .ag-column-select-panel {
      border-bottom: 1px solid #BDC3C7;
      padding-bottom: 3px;
      padding-top: 0; }
    .ag-theme-balham .ag-column-panel .ag-column-drop {
      border-bottom: 1px solid #BDC3C7;
      clear: both;
      overflow: auto;
      padding: 4px 0;
      padding-bottom: 8px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-icon {
        float: left;
        height: 20px;
        margin: 0 4px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-column-drop-title {
        clear: right;
        float: left;
        height: 20px;
        line-height: 20px;
        width: calc(100% - 24px); }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
        clear: both;
        color: rgba(0, 0, 0, 0.38);
        font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        line-height: 8px;
        padding-left: 16px;
        padding-right: 4px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop:last-child {
        border-bottom: 0; }
  .ag-theme-balham .ag-filter-icon:empty {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDMuNWg5di41ODZhMSAxIDAgMCAxLS4yOTMuNzA3TDkuMjkzIDcuNzA3QTEgMSAwIDAgMCA5IDguNDE0VjEwbC0yIDEuNVY4LjQxNGExIDEgMCAwIDAtLjI5My0uNzA3TDMuNzkzIDQuNzkzYTEgMSAwIDAgMS0uMjkzLS43MDdWMy41eiIgc3Ryb2tlPSIjN0Y4QzhEIiBmaWxsPSJub25lIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-sort-ascending-icon:empty {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDEyVjRtMyAyLjVsLTMtMy0zIDMiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-sort-descending-icon:empty {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDExVjNtLTMgNS41bDMgMyAzLTMiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-sort-none-icon:empty {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNSAxMlY0bTMgMi41bC0zLTMtMyAzbS00IDQuNVYzbS0zIDUuNWwzIDMgMy0zIiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-numeric-header .ag-header-cell-label .ag-header-icon {
    margin-left: 0;
    margin-right: 4px; }
  .ag-theme-balham .ag-paging-panel {
    align-items: center;
    border-top: 1px solid #BDC3C7;
    color: rgba(0, 0, 0, 0.54);
    display: flex;
    height: 32px;
    justify-content: flex-end;
    padding: 0 12px; }
    .ag-theme-balham .ag-paging-panel > span {
      margin-left: 16px; }
  .ag-theme-balham button[ref="btFirst"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNEw4IDhsNCA0TTQuNSA0djgiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    overflow: hidden;
    text-indent: 100%;
    appearance: none;
    border: 0;
    opacity: 0.54;
    padding: 0; }
    .ag-theme-balham button[ref="btFirst"][disabled] {
      opacity: 0.38; }
  .ag-theme-balham button[ref="btPrevious"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSA0TDUgOGw0IDQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    overflow: hidden;
    text-indent: 100%;
    appearance: none;
    border: 0;
    opacity: 0.54;
    padding: 0; }
    .ag-theme-balham button[ref="btPrevious"][disabled] {
      opacity: 0.38; }
  .ag-theme-balham button[ref="btLast"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCAxMmw0LTQtNC00bTcuNSAwdjgiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    overflow: hidden;
    text-indent: 100%;
    appearance: none;
    border: 0;
    opacity: 0.54;
    padding: 0; }
    .ag-theme-balham button[ref="btLast"][disabled] {
      opacity: 0.38; }
  .ag-theme-balham button[ref="btNext"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxMmw0LTQtNC00IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px;
    overflow: hidden;
    text-indent: 100%;
    appearance: none;
    border: 0;
    opacity: 0.54;
    padding: 0; }
    .ag-theme-balham button[ref="btNext"][disabled] {
      opacity: 0.38; }
  .ag-theme-balham .ag-rtl button[ref="btFirst"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCAxMmw0LTQtNC00bTcuNSAwdjgiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-rtl button[ref="btPrevious"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxMmw0LTQtNC00IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-rtl button[ref="btLast"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNEw4IDhsNCA0TTQuNSA0djgiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-rtl button[ref="btNext"] {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSA0TDUgOGw0IDQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-row-selected {
    background-color: #b7e4ff; }
  .ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.2); }
  .ag-theme-balham .ag-cell-inline-editing {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background: #f5f7f7;
    height: 40px;
    line-height: normal;
    padding: 12px;
    z-index: 2; }
    .ag-theme-balham .ag-cell-inline-editing select {
      height: auto; }
  .ag-theme-balham .ag-popup-editor {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background: #f5f7f7;
    padding: 0;
    z-index: 1; }
    .ag-theme-balham .ag-popup-editor .ag-large-textarea textarea {
      height: auto;
      padding: 12px; }
  .ag-theme-balham .ag-rich-select {
    background-color: #f5f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA3bDQgNCA0LTQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position-x: calc(100% - 4px);
    background-position-y: 8px;
    background-repeat: no-repeat; }
    .ag-theme-balham .ag-rich-select .ag-rich-select-list {
      height: 182px; }
    .ag-theme-balham .ag-rich-select .ag-rich-select-value {
      height: 28px;
      line-height: 28px;
      padding-left: 12px; }
    .ag-theme-balham .ag-rich-select .ag-virtual-list-item {
      cursor: default;
      height: 28px;
      line-height: 28px; }
      .ag-theme-balham .ag-rich-select .ag-virtual-list-item:hover {
        background-color: #ECF0F1; }
    .ag-theme-balham .ag-rich-select .ag-rich-select-row {
      padding-left: 12px; }
    .ag-theme-balham .ag-rich-select .ag-rich-select-row-selected {
      background-color: #b7e4ff; }
  .ag-theme-balham .ag-floating-filter-body {
    float: left;
    height: 100%;
    margin-right: 0;
    width: calc(100% - 24px); }
    .ag-theme-balham .ag-floating-filter-body input {
      box-sizing: border-box; }
  .ag-theme-balham .ag-floating-filter-full-body input {
    box-sizing: border-box; }
  .ag-theme-balham .ag-floating-filter-button {
    float: right;
    line-height: 16px;
    margin-top: 10px; }
    .ag-theme-balham .ag-floating-filter-button button {
      appearance: none;
      background: transparent;
      border: 0;
      height: 16px;
      padding: 0;
      width: 16px; }
  .ag-theme-balham .ag-cell-label-container {
    height: 100%; }
  .ag-theme-balham .ag-header-group-cell-label {
    height: 100%; }
    .ag-theme-balham .ag-header-group-cell-label span {
      float: left;
      height: 100%; }
  .ag-theme-balham .ag-header-select-all {
    height: 100%;
    margin-right: 12px; }
    .ag-theme-balham .ag-header-select-all span {
      height: 100%; }
  .ag-theme-balham .ag-header-select-all:not(.ag-hidden) + .ag-cell-label-container {
    float: left;
    width: calc(100% - 16px - 12px); }
  .ag-theme-balham .ag-selection-checkbox span,
  .ag-theme-balham .ag-group-expanded span,
  .ag-theme-balham .ag-group-contracted span {
    margin-right: 12px; }
  .ag-theme-balham .ag-selection-checkbox span {
    position: relative;
    top: 2px; }
  .ag-theme-balham .ag-group-expanded .ag-icon-contracted:empty {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA3bDQgNCA0LTQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 28px;
    line-height: 16px;
    padding-left: 12px; }
    .ag-theme-balham .ag-column-drop-horizontal.ag-width-half {
      margin-bottom: -3px; }
    .ag-theme-balham .ag-column-drop-horizontal span {
      float: left;
      height: 100%; }
    .ag-theme-balham .ag-column-drop-horizontal > div:first-child {
      float: left;
      height: 100%; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-icon-group,
    .ag-theme-balham .ag-column-drop-horizontal .ag-icon-pivot {
      margin-right: 12px; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-right-arrow {
      background-color: transparent;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNSA3LjVsLTQgNEw4IDEwbDEuNS0xLjVoLTd2LTJoN0w4IDVsMS41LTEuNXoiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      height: 16px;
      opacity: 0.87;
      width: 16px; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-left-arrow {
      background-color: transparent;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDguNWw0LTRMOCA2IDYuNSA3LjVoN3YyaC03TDggMTFsLTEuNSAxLjV6IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      height: 16px;
      opacity: 0.87;
      width: 16px; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-left-arrow,
    .ag-theme-balham .ag-column-drop-horizontal .ag-right-arrow {
      overflow: hidden;
      text-indent: 100%;
      height: 100%;
      margin: 0 4px;
      opacity: 0.54; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-empty-message {
      height: 100%;
      line-height: 28px;
      opacity: 0.38; }
  .ag-theme-balham .ag-column-drop-cell {
    background: #dde4e6;
    border-radius: 16px;
    box-sizing: border-box;
    height: 16px !important;
    margin-top: 4px;
    padding: 0 2px; }
    .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-text {
      height: 100%;
      line-height: 16px;
      margin: 0 4px; }
    .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
      background-color: transparent;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEwLjUgNC41bC02IDYiLz48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9IjUuNSIvPjxwYXRoIGQ9Ik00LjUgNC41bDYgNiIvPjwvZz48L3N2Zz4=);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      height: 16px;
      opacity: 0.87;
      width: 16px;
      overflow: hidden;
      text-indent: 100%;
      min-width: 16px;
      height: 100%;
      margin: 0 2px;
      opacity: 0.54; }
      .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
        opacity: 0.87; }
    .ag-theme-balham .ag-column-drop-cell .ag-column-drag {
      margin-left: 8px;
      margin-top: 2px;
      width: 16px; }
  .ag-theme-balham .ag-select-agg-func-popup {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background: white;
    height: 70px;
    padding: 0; }
    .ag-theme-balham .ag-select-agg-func-popup .ag-virtual-list-item {
      cursor: default;
      line-height: 20px;
      padding-left: 8px; }
  .ag-theme-balham .ag-set-filter-list,
  .ag-theme-balham .ag-menu-column-select-wrapper {
    width: auto; }
  .ag-theme-balham .ag-column-drop-vertical > .ag-column-drop-cell {
    float: left;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-top: 0; }
  .ag-theme-balham .ag-cell-data-changed {
    background-color: rgba(22, 160, 133, 0.5) !important; }
  .ag-theme-balham .ag-cell-data-changed-animation {
    background-color: transparent;
    transition: background-color 1s; }
  .ag-theme-balham .ag-stub-cell {
    padding-left: 12px;
    padding-top: 4px; }
    .ag-theme-balham .ag-stub-cell .ag-loading-icon {
      float: left;
      height: 100%; }
    .ag-theme-balham .ag-stub-cell .ag-loading-text {
      float: left;
      height: 100%;
      margin-left: 4px;
      margin-top: 4px; }
  .ag-theme-balham .ag-rtl .ag-numeric-cell {
    text-align: left; }
  .ag-theme-balham .ag-rtl .ag-header-cell-menu-button {
    float: left; }
  .ag-theme-balham .ag-rtl .ag-header-cell-label {
    float: right;
    width: calc(100% - 16px); }
    .ag-theme-balham .ag-rtl .ag-header-cell-label > span {
      float: right; }
    .ag-theme-balham .ag-rtl .ag-header-cell-label .ag-header-icon {
      margin-top: 2px; }
  .ag-theme-balham .ag-rtl .ag-numeric-header .ag-header-cell-menu-button {
    float: right; }
  .ag-theme-balham .ag-rtl .ag-numeric-header .ag-header-cell-label {
    float: left; }
    .ag-theme-balham .ag-rtl .ag-numeric-header .ag-header-cell-label > span {
      float: left; }
  .ag-theme-balham .ag-rtl .ag-column-panel .ag-pivot-mode span {
    float: right; }
  .ag-theme-balham .ag-rtl .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select {
    margin-right: 4px; }
    .ag-theme-balham .ag-rtl .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select .ag-checkbox-label {
      margin-right: 4px; }
  .ag-theme-balham .ag-rtl .ag-column-panel .ag-column-drop .ag-icon {
    float: right; }
  .ag-theme-balham .ag-rtl .ag-column-panel .ag-column-drop .ag-column-drop-title {
    clear: left;
    float: right; }
  .ag-theme-balham .ag-rtl .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
    padding-left: 4px;
    padding-right: 16px; }
  .ag-theme-balham .ag-rtl .ag-filter-checkbox {
    float: right;
    margin-left: 4px; }
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column-group span,
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column span {
    float: right; }
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column-group .ag-column-select-checkbox,
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column-group .ag-column-group-icons,
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column .ag-column-select-checkbox,
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column .ag-column-group-icons {
    margin-left: 4px;
    margin-right: 4px; }
  .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-select-column.ag-toolpanel-add-group-indent {
    margin-left: 0;
    margin-right: 24px; }
  .ag-theme-balham .ag-rtl .ag-icon-tree-closed {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSA0TDUgOGw0IDQiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    opacity: 0.87;
    width: 16px; }
  .ag-theme-balham .ag-rtl .ag-header-group-cell-label {
    height: 100%; }
    .ag-theme-balham .ag-rtl .ag-header-group-cell-label span {
      float: right;
      height: 100%; }
  .ag-theme-balham .ag-rtl .ag-header-select-all:not(.ag-hidden) + .ag-cell-label-container {
    float: right; }
  .ag-theme-balham .ag-rtl .ag-header-select-all {
    margin-left: 12px;
    margin-right: 0; }
  .ag-theme-balham .ag-rtl .ag-selection-checkbox span,
  .ag-theme-balham .ag-rtl .ag-group-expanded span,
  .ag-theme-balham .ag-rtl .ag-group-contracted span {
    margin-left: 12px;
    margin-right: 0; }
  .ag-theme-balham .ag-rtl .ag-column-drop-horizontal {
    padding-right: 12px; }
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal span {
      float: right; }
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal > div:first-child {
      float: right; }
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-group,
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-pivot {
      margin-left: 12px;
      margin-right: 0; }
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-right-arrow {
      background-color: transparent;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNSA3LjVsLTQgNEw4IDEwbDEuNS0xLjVoLTd2LTJoN0w4IDVsMS41LTEuNXoiIHN0cm9rZT0iIzdGOEM4RCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      height: 16px;
      opacity: 0.87;
      width: 16px;
      height: 100%; }
    .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-left-arrow {
      background-color: transparent;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDguNWw0LTRMOCA2IDYuNSA3LjVoN3YyaC03TDggMTFsLTEuNSAxLjV6IiBzdHJva2U9IiM3RjhDOEQiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      height: 16px;
      opacity: 0.87;
      width: 16px;
      height: 100%; }
  .ag-theme-balham .ag-rtl .ag-floating-filter-body {
    float: right;
    margin-left: 0; }
  .ag-theme-balham .ag-rtl .ag-floating-filter-button {
    float: left; }
  .ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize {
    left: -4px;
    right: auto; }
  .ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize::after {
    border-left: 1px solid #BDC3C7;
    border-right: 0; }
  .ag-theme-balham .ag-rtl .ag-column-select-header .ag-filter-body {
    margin-left: 4px;
    margin-right: 0; }
  .ag-theme-balham .ag-rtl .ag-column-drag {
    background-position-x: right; }
  .ag-theme-balham .ag-status-bar {
    background: white;
    border: 1px solid #BDC3C7;
    border-top: 0;
    color: rgba(0, 0, 0, 0.38);
    display: flex;
    font: 600 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    justify-content: flex-end;
    padding: 8px 16px; }
    .ag-theme-balham .ag-status-bar .ag-status-bar-item {
      margin-right: 8px; }
      .ag-theme-balham .ag-status-bar .ag-status-bar-item span:nth-child(1)::after {
        content: ":"; }
      .ag-theme-balham .ag-status-bar .ag-status-bar-item span:nth-child(2) {
        color: #000; }
  .ag-theme-balham .ag-details-row {
    box-sizing: border-box;
    padding: 20px; }
  .ag-theme-balham .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }
  .ag-theme-balham .ag-overlay-loading-center {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px; }
  .ag-theme-balham .ag-tool-panel {
    background-color: #f5f7f7;
    border-right: 1px solid #BDC3C7;
    border-top: 1px solid #BDC3C7; }
    .ag-theme-balham .ag-tool-panel .ag-side-buttons {
      border-bottom: 1px solid #BDC3C7; }
      .ag-theme-balham .ag-tool-panel .ag-side-buttons button {
        background: transparent;
        border: 0;
        border-right: 1px solid #BDC3C7;
        color: #000;
        height: 20px; }
    .ag-theme-balham .ag-tool-panel .ag-panel-container {
      border-right: 1px solid #BDC3C7;
      box-sizing: border-box; }
    .ag-theme-balham .ag-tool-panel.full-width .ag-panel-container {
      border-right: 0; }
    .ag-theme-balham .ag-tool-panel .ag-column-drop {
      min-height: 50px; }
  .ag-theme-balham .ag-rtl .ag-tool-panel .ag-panel-container {
    border-left: 1px solid #BDC3C7;
    border-right: 0; }
  .ag-theme-balham .ag-rtl .ag-tool-panel.full-width .ag-panel-container {
    border-left: 0; }
  .ag-theme-balham .ag-rtl .ag-tool-panel .ag-side-buttons button {
    border-left: 1px solid #BDC3C7;
    border-right: 0; }
  .ag-theme-balham .ag-column-name-filter {
    box-sizing: border-box;
    width: 100%; }
  .ag-theme-balham .sass-variables::after {
    content: '{ "autoSizePadding": "12px", "headerHeight": "32px", "groupPaddingSize": "28px", "footerPaddingAddition": "16px", "virtualItemHeight": "28px", "aggFuncPopupHeight": "98px", "checkboxIndentWidth": "20px", "leafNodePadding": "12px", "rowHeight": "28px", "gridSize": "4px", "iconSize": "16px" }';
    display: none; }
  .ag-theme-balham .ag-header {
    background-color: #f5f7f7;
    border-bottom: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-cell-highlight {
    background-color: #0091EA !important; }
  .ag-theme-balham .ag-header-cell-resize {
    right: -3px; }
  .ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize {
    left: -4px; }
  .ag-theme-balham .ag-header-cell-resize::after {
    height: 16px;
    margin-top: 8px; }
  .ag-theme-balham .ag-header-cell::after,
  .ag-theme-balham .ag-header-group-cell::after {
    border-right: 1px solid rgba(189, 195, 199, 0.5);
    content: " ";
    height: 16px;
    margin-top: 8px;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    top: 0; }
  .ag-theme-balham .ag-column-drop-horizontal.ag-column-drop {
    border: 1px solid #BDC3C7;
    border-bottom: 0; }
  .ag-theme-balham .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
    border-right: 0; }
  .ag-theme-balham .ag-row {
    border-bottom-color: #d9dcde; }
  .ag-theme-balham .ag-row-selected {
    border-bottom-color: #b7e4ff; }
  .ag-theme-balham .ag-row-drag {
    background-position-y: center; }
  .ag-theme-balham .ag-column-drag {
    background-position-y: center; }
  .ag-theme-balham .ag-column-drop-cell {
    height: 24px !important; }
    .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
      box-sizing: border-box;
      height: calc(100% - 4px);
      margin-bottom: 2px;
      margin-top: 2px; }
    .ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
      opacity: 1; }
  .ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
    margin-left: 8px;
    margin-right: 8px; }
    .ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text {
      line-height: 24px;
      margin-left: 8px; }
  .ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 32px; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-empty-message {
      line-height: 32px; }
    .ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-cell-text {
      line-height: 24px;
      margin-left: 8px; }
  .ag-theme-balham .ag-filter .ag-filter-header-container {
    height: 24px; }
  .ag-theme-balham .ag-root {
    border: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-tab {
    box-sizing: initial; }
  .ag-theme-balham .ag-filter .ag-filter-value {
    line-height: 20px; }
  .ag-theme-balham .ag-column-panel {
    border-right: 1px solid #BDC3C7;
    border-bottom: 1px solid #BDC3C7; }
    .ag-theme-balham .ag-column-panel .ag-column-select-panel {
      padding-bottom: 8px; }
      .ag-theme-balham .ag-column-panel .ag-column-select-panel .ag-column-select-column-group,
      .ag-theme-balham .ag-column-panel .ag-column-select-panel .ag-column-select-column {
        height: 20px;
        line-height: 20px; }
    .ag-theme-balham .ag-column-panel .ag-column-drop {
      padding-bottom: 8px;
      padding-top: 8px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-icon {
        margin-bottom: 4px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-column-drop-title {
        display: inline-block;
        float: none;
        margin-bottom: 4px; }
      .ag-theme-balham .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
        height: 16px;
        line-height: 16px;
        padding-left: 24px; }
  .ag-theme-balham .ag-rtl .ag-tool-panel,
  .ag-theme-balham .ag-rtl .ag-column-panel {
    border-left: 1px solid #BDC3C7;
    border-right: 0; }
  .ag-theme-balham .ag-icon-expanded,
  .ag-theme-balham .ag-icon-contracted {
    transform: translateY(2px); }
  .ag-theme-balham .ag-rtl .ag-icon-expanded {
    transform: translateY(2px) rotate(180deg); }
  .ag-theme-balham .ag-menu-option {
    height: 28px;
    line-height: 28px; }
  .ag-theme-balham .ag-column-select-panel .ag-column-select-column-group,
  .ag-theme-balham .ag-column-select-panel .ag-column-select-column {
    height: 20px;
    line-height: 20px; }
  .ag-theme-balham .ag-filter-filter {
    margin-left: 4px;
    margin-right: 4px;
    width: calc(100% - 8px); }
  .ag-theme-balham .ag-tab-header {
    border-bottom: 1px solid #BDC3C7; }
    .ag-theme-balham .ag-tab-header .ag-tab {
      margin-bottom: -2px; }
    .ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
      background-color: white;
      border-bottom-color: transparent; }
  .ag-theme-balham .ag-tab-body,
  .ag-theme-balham .ag-popup-editor,
  .ag-theme-balham .ag-menu {
    background-color: white;
    color: #000; }
  .ag-theme-balham .ag-cell-inline-editing {
    height: 28px;
    padding: 0; }
    .ag-theme-balham .ag-cell-inline-editing input {
      box-sizing: border-box; }
  .ag-theme-balham .ag-details-row {
    background-color: white; }
  .ag-theme-balham .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }
  .ag-theme-balham .ag-overlay-loading-center {
    background-color: #fff;
    border: 1px solid #BDC3C7;
    color: #000;
    padding: 16px; }
  .ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.3); }
  .ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.4); }
  .ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.5); }
  .ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.6); }
  .ag-theme-balham .ag-rich-select-value {
    border-bottom: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-filter-apply-panel {
    border-top: 1px solid #BDC3C7; }
  .ag-theme-balham .ag-header-cell-moving {
    background-color: white; }

/*# sourceMappingURL=style.css.map*/