/*
//----------------------------------
//   File          : scss/main.scss
//   Type          : Main SCSS file
//   Version       : 2.0.0
//   Last Updated  : July 06, 2017
//   Description   : Core scss file to include all styles in the project
//----------------------------------


// ---------------------------------
// Table of contents
// ---------------------------------
// 1. Preloader
// 2. SCSS imports
// 3. Custom Scrollbar
// 4. Layout settings
// 5. ScrollTop
*/


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 9999999
}

#preloader #status {
    width: 100%;
    height: 100%
}

#preloader #status .loader {
    top: 50%;
    margin: -28px auto 0;
    width: 72px;
    height: 72px;
    border: 3px solid rgba(255, 0, 106, 0.1);
    border-top-color: #FF006A;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    animation-name: loader_rotate;
    animation-duration: .7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -ms-animation-name: loader_rotate;
    -ms-animation-duration: .7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -moz-animation-name: loader_rotate;
    -moz-animation-duration: .7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: loader_rotate;
    -webkit-animation-duration: .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

@-webkit-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@-moz-keyframes loader_rotate {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
    to {
        -moz-transform: rotate(1turn)
    }
}

@keyframes loader_rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular-webfont.eot");
    src: url("../fonts/OpenSans-Regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSans") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSans_Light";
    src: url("../fonts/OpenSans-Light-webfont.eot");
    src: url("../fonts/OpenSans-Light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSans_Light") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSans_SemiBold";
    src: url("../fonts/OpenSans-Semibold-webfont.eot");
    src: url("../fonts/OpenSans-Semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSans_SemiBold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSans_Bold";
    src: url("../fonts/OpenSans-Bold-webfont.eot");
    src: url("../fonts/OpenSans-Bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSans_Bold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSans_ExtraBold";
    src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
    src: url("../fonts/OpenSans-ExtraBold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#OpenSans_ExtraBold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url("../icons/icomoone627.eot?3p0rtw");
    src: url("../icons/icomoond41d.eot?#iefix3p0rtw") format("embedded-opentype"), url("../icons/icomoone627.woff?3p0rtw") format("woff"), url("../icons/icomoone627.ttf?3p0rtw") format("truetype"), url("../icons/icomoone627.svg?3p0rtw#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-1x {
    font-size: 20px !important
}

.icon-2x {
    font-size: 32px !important
}

.icon-3x {
    font-size: 48px !important
}

.icon-4x {
    font-size: 56px !important
}

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

.icon-light {
    color: #f5f5f5 !important
}

.icon-dark {
    color: #111 !important
}

i.pull-right {
    margin-top: 5px
}

.icon-home:before {
    content: "\e900"
}

.icon-home2:before {
    content: "\e901"
}

.icon-home5:before {
    content: "\e904"
}

.icon-home7:before {
    content: "\e906"
}

.icon-home8:before {
    content: "\e907"
}

.icon-home9:before {
    content: "\e908"
}

.icon-office:before {
    content: "\e909"
}

.icon-city:before {
    content: "\e90a"
}

.icon-newspaper:before {
    content: "\e90b"
}

.icon-magazine:before {
    content: "\e90c"
}

.icon-design:before {
    content: "\e90d"
}

.icon-pencil:before {
    content: "\e90e"
}

.icon-pencil3:before {
    content: "\e910"
}

.icon-pencil4:before {
    content: "\e911"
}

.icon-pencil5:before {
    content: "\e912"
}

.icon-pencil6:before {
    content: "\e913"
}

.icon-pencil7:before {
    content: "\e914"
}

.icon-eraser:before {
    content: "\e915"
}

.icon-eraser2:before {
    content: "\e916"
}

.icon-eraser3:before {
    content: "\e917"
}

.icon-quill2:before {
    content: "\e919"
}

.icon-quill4:before {
    content: "\e91b"
}

.icon-pen:before {
    content: "\e91c"
}

.icon-pen-plus:before {
    content: "\e91d"
}

.icon-pen-minus:before {
    content: "\e91e"
}

.icon-pen2:before {
    content: "\e91f"
}

.icon-blog:before {
    content: "\e925"
}

.icon-pen6:before {
    content: "\e927"
}

.icon-brush:before {
    content: "\e928"
}

.icon-spray:before {
    content: "\e929"
}

.icon-color-sampler:before {
    content: "\e92c"
}

.icon-toggle:before {
    content: "\e92d"
}

.icon-bucket:before {
    content: "\e92e"
}

.icon-gradient:before {
    content: "\e930"
}

.icon-eyedropper:before {
    content: "\e931"
}

.icon-eyedropper2:before {
    content: "\e932"
}

.icon-eyedropper3:before {
    content: "\e933"
}

.icon-droplet:before {
    content: "\e934"
}

.icon-droplet2:before {
    content: "\e935"
}

.icon-color-clear:before {
    content: "\e937"
}

.icon-paint-format:before {
    content: "\e938"
}

.icon-stamp:before {
    content: "\e939"
}

.icon-image2:before {
    content: "\e93c"
}

.icon-image-compare:before {
    content: "\e93d"
}

.icon-images2:before {
    content: "\e93e"
}

.icon-image3:before {
    content: "\e93f"
}

.icon-images3:before {
    content: "\e940"
}

.icon-image4:before {
    content: "\e941"
}

.icon-image5:before {
    content: "\e942"
}

.icon-camera:before {
    content: "\e944"
}

.icon-shutter:before {
    content: "\e947"
}

.icon-headphones:before {
    content: "\e948"
}

.icon-headset:before {
    content: "\e949"
}

.icon-music:before {
    content: "\e94a"
}

.icon-album:before {
    content: "\e950"
}

.icon-tape:before {
    content: "\e952"
}

.icon-piano:before {
    content: "\e953"
}

.icon-speakers:before {
    content: "\e956"
}

.icon-play:before {
    content: "\e957"
}

.icon-clapboard-play:before {
    content: "\e959"
}

.icon-clapboard:before {
    content: "\e95a"
}

.icon-media:before {
    content: "\e95b"
}

.icon-presentation:before {
    content: "\e95c"
}

.icon-movie:before {
    content: "\e95d"
}

.icon-film:before {
    content: "\e95e"
}

.icon-film2:before {
    content: "\e95f"
}

.icon-film3:before {
    content: "\e960"
}

.icon-film4:before {
    content: "\e961"
}

.icon-video-camera:before {
    content: "\e962"
}

.icon-video-camera2:before {
    content: "\e963"
}

.icon-video-camera-slash:before {
    content: "\e964"
}

.icon-video-camera3:before {
    content: "\e965"
}

.icon-dice:before {
    content: "\e96a"
}

.icon-chess-king:before {
    content: "\e972"
}

.icon-chess-queen:before {
    content: "\e973"
}

.icon-chess:before {
    content: "\e978"
}

.icon-megaphone:before {
    content: "\e97a"
}

.icon-new:before {
    content: "\e97b"
}

.icon-connection:before {
    content: "\e97c"
}

.icon-station:before {
    content: "\e981"
}

.icon-satellite-dish2:before {
    content: "\e98a"
}

.icon-feed:before {
    content: "\e9b3"
}

.icon-mic2:before {
    content: "\e9ce"
}

.icon-mic-off2:before {
    content: "\e9e0"
}

.icon-book:before {
    content: "\e9e1"
}

.icon-book2:before {
    content: "\e9e9"
}

.icon-book-play:before {
    content: "\e9fd"
}

.icon-book3:before {
    content: "\ea01"
}

.icon-bookmark:before {
    content: "\ea02"
}

.icon-books:before {
    content: "\ea03"
}

.icon-archive:before {
    content: "\ea04"
}

.icon-reading:before {
    content: "\ea05"
}

.icon-library2:before {
    content: "\ea06"
}

.icon-graduation2:before {
    content: "\ea07"
}

.icon-file-text:before {
    content: "\ea08"
}

.icon-profile:before {
    content: "\ea09"
}

.icon-file-empty:before {
    content: "\ea0a"
}

.icon-file-empty2:before {
    content: "\ea0b"
}

.icon-files-empty:before {
    content: "\ea0c"
}

.icon-files-empty2:before {
    content: "\ea0d"
}

.icon-file-plus:before {
    content: "\ea0e"
}

.icon-file-plus2:before {
    content: "\ea0f"
}

.icon-file-minus:before {
    content: "\ea10"
}

.icon-file-minus2:before {
    content: "\ea11"
}

.icon-file-download:before {
    content: "\ea12"
}

.icon-file-download2:before {
    content: "\ea13"
}

.icon-file-upload:before {
    content: "\ea14"
}

.icon-file-upload2:before {
    content: "\ea15"
}

.icon-file-check:before {
    content: "\ea16"
}

.icon-file-check2:before {
    content: "\ea17"
}

.icon-file-eye:before {
    content: "\ea18"
}

.icon-file-eye2:before {
    content: "\ea19"
}

.icon-file-text2:before {
    content: "\ea1a"
}

.icon-file-text3:before {
    content: "\ea1b"
}

.icon-file-picture:before {
    content: "\ea1c"
}

.icon-file-picture2:before {
    content: "\ea1d"
}

.icon-file-music:before {
    content: "\ea1e"
}

.icon-file-music2:before {
    content: "\ea1f"
}

.icon-file-play:before {
    content: "\ea20"
}

.icon-file-play2:before {
    content: "\ea21"
}

.icon-file-video:before {
    content: "\ea22"
}

.icon-file-video2:before {
    content: "\ea23"
}

.icon-copy:before {
    content: "\ea24"
}

.icon-copy2:before {
    content: "\ea25"
}

.icon-file-zip:before {
    content: "\ea26"
}

.icon-file-zip2:before {
    content: "\ea27"
}

.icon-file-xml:before {
    content: "\ea28"
}

.icon-file-xml2:before {
    content: "\ea29"
}

.icon-file-css:before {
    content: "\ea2a"
}

.icon-file-css2:before {
    content: "\ea2b"
}

.icon-file-presentation:before {
    content: "\ea2c"
}

.icon-file-presentation2:before {
    content: "\ea2d"
}

.icon-file-stats:before {
    content: "\ea2e"
}

.icon-file-stats2:before {
    content: "\ea2f"
}

.icon-file-locked:before {
    content: "\ea30"
}

.icon-file-locked2:before {
    content: "\ea31"
}

.icon-file-spreadsheet:before {
    content: "\ea32"
}

.icon-file-spreadsheet2:before {
    content: "\ea33"
}

.icon-copy3:before {
    content: "\ea34"
}

.icon-copy4:before {
    content: "\ea35"
}

.icon-paste:before {
    content: "\ea36"
}

.icon-paste2:before {
    content: "\ea37"
}

.icon-paste3:before {
    content: "\ea38"
}

.icon-paste4:before {
    content: "\ea39"
}

.icon-stack:before {
    content: "\ea3a"
}

.icon-stack2:before {
    content: "\ea3b"
}

.icon-stack3:before {
    content: "\ea3c"
}

.icon-folder:before {
    content: "\ea3d"
}

.icon-folder-search:before {
    content: "\ea3e"
}

.icon-folder-download:before {
    content: "\ea3f"
}

.icon-folder-upload:before {
    content: "\ea40"
}

.icon-folder-plus:before {
    content: "\ea41"
}

.icon-folder-plus2:before {
    content: "\ea42"
}

.icon-folder-minus:before {
    content: "\ea43"
}

.icon-folder-minus2:before {
    content: "\ea44"
}

.icon-folder-check:before {
    content: "\ea45"
}

.icon-folder-heart:before {
    content: "\ea46"
}

.icon-folder-remove:before {
    content: "\ea47"
}

.icon-folder2:before {
    content: "\ea48"
}

.icon-folder-open:before {
    content: "\ea49"
}

.icon-folder3:before {
    content: "\ea4a"
}

.icon-folder4:before {
    content: "\ea4b"
}

.icon-folder-plus3:before {
    content: "\ea4c"
}

.icon-folder-minus3:before {
    content: "\ea4d"
}

.icon-folder-plus4:before {
    content: "\ea4e"
}

.icon-folder-minus4:before {
    content: "\ea4f"
}

.icon-folder-download2:before {
    content: "\ea50"
}

.icon-folder-upload2:before {
    content: "\ea51"
}

.icon-folder-download3:before {
    content: "\ea52"
}

.icon-folder-upload3:before {
    content: "\ea53"
}

.icon-folder5:before {
    content: "\ea54"
}

.icon-folder-open2:before {
    content: "\ea55"
}

.icon-folder6:before {
    content: "\ea56"
}

.icon-folder-open3:before {
    content: "\ea57"
}

.icon-certificate:before {
    content: "\ea58"
}

.icon-cc:before {
    content: "\ea59"
}

.icon-price-tag:before {
    content: "\ea5a"
}

.icon-price-tag2:before {
    content: "\ea5b"
}

.icon-price-tags:before {
    content: "\ea5c"
}

.icon-price-tag3:before {
    content: "\ea5d"
}

.icon-price-tags2:before {
    content: "\ea5e"
}

.icon-barcode2:before {
    content: "\ea5f"
}

.icon-qrcode:before {
    content: "\ea60"
}

.icon-ticket:before {
    content: "\ea61"
}

.icon-theater:before {
    content: "\ea62"
}

.icon-store:before {
    content: "\ea63"
}

.icon-store2:before {
    content: "\ea64"
}

.icon-cart:before {
    content: "\ea65"
}

.icon-cart2:before {
    content: "\ea66"
}

.icon-cart4:before {
    content: "\ea67"
}

.icon-cart5:before {
    content: "\ea68"
}

.icon-cart-add:before {
    content: "\ea69"
}

.icon-cart-add2:before {
    content: "\ea6a"
}

.icon-cart-remove:before {
    content: "\ea6b"
}

.icon-basket:before {
    content: "\ea6c"
}

.icon-bag:before {
    content: "\ea6d"
}

.icon-percent:before {
    content: "\ea6f"
}

.icon-coins:before {
    content: "\ea70"
}

.icon-coin-dollar:before {
    content: "\ea71"
}

.icon-coin-euro:before {
    content: "\ea72"
}

.icon-coin-pound:before {
    content: "\ea73"
}

.icon-coin-yen:before {
    content: "\ea74"
}

.icon-piggy-bank:before {
    content: "\ea75"
}

.icon-wallet:before {
    content: "\ea76"
}

.icon-cash:before {
    content: "\ea77"
}

.icon-cash2:before {
    content: "\ea78"
}

.icon-cash3:before {
    content: "\ea79"
}

.icon-cash4:before {
    content: "\ea7a"
}

.icon-credit-card:before {
    content: "\ea6e"
}

.icon-credit-card2:before {
    content: "\ea7b"
}

.icon-calculator4:before {
    content: "\ea7c"
}

.icon-calculator2:before {
    content: "\ea7d"
}

.icon-calculator3:before {
    content: "\ea7e"
}

.icon-chip:before {
    content: "\ea7f"
}

.icon-lifebuoy:before {
    content: "\ea80"
}

.icon-phone:before {
    content: "\ea81"
}

.icon-phone2:before {
    content: "\ea82"
}

.icon-phone-slash:before {
    content: "\ea83"
}

.icon-phone-wave:before {
    content: "\ea84"
}

.icon-phone-plus:before {
    content: "\ea85"
}

.icon-phone-minus:before {
    content: "\ea86"
}

.icon-phone-plus2:before {
    content: "\ea87"
}

.icon-phone-minus2:before {
    content: "\ea88"
}

.icon-phone-incoming:before {
    content: "\ea89"
}

.icon-phone-outgoing:before {
    content: "\ea8a"
}

.icon-phone-hang-up:before {
    content: "\ea8e"
}

.icon-address-book:before {
    content: "\ea90"
}

.icon-address-book2:before {
    content: "\ea91"
}

.icon-address-book3:before {
    content: "\ea92"
}

.icon-notebook:before {
    content: "\ea93"
}

.icon-envelop:before {
    content: "\ea94"
}

.icon-envelop2:before {
    content: "\ea95"
}

.icon-envelop3:before {
    content: "\ea96"
}

.icon-envelop4:before {
    content: "\ea97"
}

.icon-envelop5:before {
    content: "\ea98"
}

.icon-mailbox:before {
    content: "\ea99"
}

.icon-pushpin:before {
    content: "\ea9a"
}

.icon-location3:before {
    content: "\ea9d"
}

.icon-location4:before {
    content: "\ea9e"
}

.icon-compass4:before {
    content: "\ea9f"
}

.icon-map:before {
    content: "\eaa0"
}

.icon-map4:before {
    content: "\eaa1"
}

.icon-map5:before {
    content: "\eaa2"
}

.icon-direction:before {
    content: "\eaa3"
}

.icon-reset:before {
    content: "\eaa4"
}

.icon-history:before {
    content: "\eaa5"
}

.icon-watch:before {
    content: "\eaa6"
}

.icon-watch2:before {
    content: "\eaa7"
}

.icon-alarm:before {
    content: "\eaa8"
}

.icon-alarm-add:before {
    content: "\eaa9"
}

.icon-alarm-check:before {
    content: "\eaaa"
}

.icon-alarm-cancel:before {
    content: "\eaab"
}

.icon-bell2:before {
    content: "\eaac"
}

.icon-bell3:before {
    content: "\eaad"
}

.icon-bell-plus:before {
    content: "\eaae"
}

.icon-bell-minus:before {
    content: "\eaaf"
}

.icon-bell-check:before {
    content: "\eab0"
}

.icon-bell-cross:before {
    content: "\eab1"
}

.icon-calendar:before {
    content: "\eab2"
}

.icon-calendar2:before {
    content: "\eab3"
}

.icon-calendar3:before {
    content: "\eab4"
}

.icon-calendar52:before {
    content: "\eab6"
}

.icon-printer:before {
    content: "\eab7"
}

.icon-printer2:before {
    content: "\eab8"
}

.icon-printer4:before {
    content: "\eab9"
}

.icon-shredder:before {
    content: "\eaba"
}

.icon-mouse:before {
    content: "\eabb"
}

.icon-mouse-left:before {
    content: "\eabc"
}

.icon-mouse-right:before {
    content: "\eabd"
}

.icon-keyboard:before {
    content: "\eabe"
}

.icon-typewriter:before {
    content: "\eabf"
}

.icon-display:before {
    content: "\eac0"
}

.icon-display4:before {
    content: "\eac1"
}

.icon-laptop:before {
    content: "\eac2"
}

.icon-mobile:before {
    content: "\eac3"
}

.icon-mobile2:before {
    content: "\eac4"
}

.icon-tablet:before {
    content: "\eac5"
}

.icon-mobile3:before {
    content: "\eac6"
}

.icon-tv:before {
    content: "\eac7"
}

.icon-radio:before {
    content: "\eac8"
}

.icon-cabinet:before {
    content: "\eac9"
}

.icon-drawer:before {
    content: "\eaca"
}

.icon-drawer2:before {
    content: "\eacb"
}

.icon-drawer-out:before {
    content: "\eacc"
}

.icon-drawer-in:before {
    content: "\eacd"
}

.icon-drawer3:before {
    content: "\eace"
}

.icon-box:before {
    content: "\eacf"
}

.icon-box-add:before {
    content: "\ead0"
}

.icon-box-remove:before {
    content: "\ead1"
}

.icon-download:before {
    content: "\ead2"
}

.icon-upload:before {
    content: "\ead3"
}

.icon-floppy-disk:before {
    content: "\ead4"
}

.icon-floppy-disks:before {
    content: "\ead5"
}

.icon-usb-stick:before {
    content: "\ead6"
}

.icon-drive:before {
    content: "\ead7"
}

.icon-server:before {
    content: "\ead8"
}

.icon-database:before {
    content: "\ead9"
}

.icon-database2:before {
    content: "\eada"
}

.icon-database4:before {
    content: "\eadb"
}

.icon-database-menu:before {
    content: "\eadc"
}

.icon-database-add:before {
    content: "\eadd"
}

.icon-database-remove:before {
    content: "\eade"
}

.icon-database-insert:before {
    content: "\eadf"
}

.icon-database-export:before {
    content: "\eae0"
}

.icon-database-upload:before {
    content: "\eae1"
}

.icon-database-refresh:before {
    content: "\eae2"
}

.icon-database-diff:before {
    content: "\eae3"
}

.icon-database-edit2:before {
    content: "\eae5"
}

.icon-database-check:before {
    content: "\eae6"
}

.icon-database-arrow:before {
    content: "\eae7"
}

.icon-database-time2:before {
    content: "\eae9"
}

.icon-undo:before {
    content: "\eaea"
}

.icon-redo:before {
    content: "\eaeb"
}

.icon-rotate-ccw:before {
    content: "\eaec"
}

.icon-rotate-cw:before {
    content: "\eaed"
}

.icon-rotate-ccw2:before {
    content: "\eaee"
}

.icon-rotate-cw2:before {
    content: "\eaef"
}

.icon-rotate-ccw3:before {
    content: "\eaf0"
}

.icon-rotate-cw3:before {
    content: "\eaf1"
}

.icon-flip-vertical2:before {
    content: "\eaf2"
}

.icon-flip-horizontal2:before {
    content: "\eaf3"
}

.icon-flip-vertical3:before {
    content: "\eaf4"
}

.icon-flip-vertical4:before {
    content: "\eaf5"
}

.icon-angle:before {
    content: "\eaf6"
}

.icon-shear:before {
    content: "\eaf7"
}

.icon-align-left:before {
    content: "\eafc"
}

.icon-align-center-horizontal:before {
    content: "\eafd"
}

.icon-align-right:before {
    content: "\eafe"
}

.icon-align-top:before {
    content: "\eaff"
}

.icon-align-center-vertical:before {
    content: "\eb00"
}

.icon-align-bottom:before {
    content: "\eb01"
}

.icon-undo2:before {
    content: "\eb02"
}

.icon-redo2:before {
    content: "\eb03"
}

.icon-forward:before {
    content: "\eb04"
}

.icon-reply:before {
    content: "\eb05"
}

.icon-reply-all:before {
    content: "\eb06"
}

.icon-bubble:before {
    content: "\eb07"
}

.icon-bubbles:before {
    content: "\eb08"
}

.icon-bubbles2:before {
    content: "\eb09"
}

.icon-bubble2:before {
    content: "\eb0a"
}

.icon-bubbles3:before {
    content: "\eb0b"
}

.icon-bubbles4:before {
    content: "\eb0c"
}

.icon-bubble-notification:before {
    content: "\eb0d"
}

.icon-bubbles5:before {
    content: "\eb0e"
}

.icon-bubbles6:before {
    content: "\eb0f"
}

.icon-bubble6:before {
    content: "\eb10"
}

.icon-bubbles7:before {
    content: "\eb11"
}

.icon-bubble7:before {
    content: "\eb12"
}

.icon-bubbles8:before {
    content: "\eb13"
}

.icon-bubble8:before {
    content: "\eb14"
}

.icon-bubble-dots3:before {
    content: "\eb15"
}

.icon-bubble-lines3:before {
    content: "\eb16"
}

.icon-bubble9:before {
    content: "\eb17"
}

.icon-bubble-dots4:before {
    content: "\eb18"
}

.icon-bubble-lines4:before {
    content: "\eb19"
}

.icon-bubbles9:before {
    content: "\eb1a"
}

.icon-bubbles10:before {
    content: "\eb1b"
}

.icon-user:before {
    content: "\eb33"
}

.icon-users:before {
    content: "\eb34"
}

.icon-user-plus:before {
    content: "\eb35"
}

.icon-user-minus:before {
    content: "\eb36"
}

.icon-user-cancel:before {
    content: "\eb37"
}

.icon-user-block:before {
    content: "\eb38"
}

.icon-user-lock:before {
    content: "\eb39"
}

.icon-user-check:before {
    content: "\eb3a"
}

.icon-users2:before {
    content: "\eb3b"
}

.icon-users4:before {
    content: "\eb44"
}

.icon-user-tie:before {
    content: "\eb45"
}

.icon-collaboration:before {
    content: "\eb46"
}

.icon-vcard:before {
    content: "\eb47"
}

.icon-hat:before {
    content: "\ebb8"
}

.icon-bowtie:before {
    content: "\ebb9"
}

.icon-quotes-left:before {
    content: "\eb49"
}

.icon-quotes-right:before {
    content: "\eb4a"
}

.icon-quotes-left2:before {
    content: "\eb4b"
}

.icon-quotes-right2:before {
    content: "\eb4c"
}

.icon-hour-glass:before {
    content: "\eb4d"
}

.icon-hour-glass2:before {
    content: "\eb4e"
}

.icon-hour-glass3:before {
    content: "\eb4f"
}

.icon-spinner:before {
    content: "\eb50"
}

.icon-spinner2:before {
    content: "\eb51"
}

.icon-spinner3:before {
    content: "\eb52"
}

.icon-spinner4:before {
    content: "\eb53"
}

.icon-spinner6:before {
    content: "\eb54"
}

.icon-spinner9:before {
    content: "\eb55"
}

.icon-spinner10:before {
    content: "\eb56"
}

.icon-spinner11:before {
    content: "\eb57"
}

.icon-microscope:before {
    content: "\eb58"
}

.icon-enlarge:before {
    content: "\eb59"
}

.icon-shrink:before {
    content: "\eb5a"
}

.icon-enlarge3:before {
    content: "\eb5b"
}

.icon-shrink3:before {
    content: "\eb5c"
}

.icon-enlarge5:before {
    content: "\eb5d"
}

.icon-shrink5:before {
    content: "\eb5e"
}

.icon-enlarge6:before {
    content: "\eb5f"
}

.icon-shrink6:before {
    content: "\eb60"
}

.icon-enlarge7:before {
    content: "\eb61"
}

.icon-shrink7:before {
    content: "\eb62"
}

.icon-key:before {
    content: "\eb63"
}

.icon-lock:before {
    content: "\eb65"
}

.icon-lock2:before {
    content: "\eb66"
}

.icon-lock4:before {
    content: "\eb67"
}

.icon-unlocked:before {
    content: "\eb68"
}

.icon-lock5:before {
    content: "\eb69"
}

.icon-unlocked2:before {
    content: "\eb6a"
}

.icon-safe:before {
    content: "\eb6b"
}

.icon-wrench:before {
    content: "\eb6c"
}

.icon-wrench2:before {
    content: "\eb6d"
}

.icon-wrench3:before {
    content: "\eb6e"
}

.icon-equalizer:before {
    content: "\eb6f"
}

.icon-equalizer2:before {
    content: "\eb70"
}

.icon-equalizer3:before {
    content: "\eb71"
}

.icon-equalizer4:before {
    content: "\eb72"
}

.icon-cog:before {
    content: "\eb73"
}

.icon-cogs:before {
    content: "\eb74"
}

.icon-cog2:before {
    content: "\eb75"
}

.icon-cog3:before {
    content: "\eb76"
}

.icon-cog4:before {
    content: "\eb77"
}

.icon-cog52:before {
    content: "\eb78"
}

.icon-cog6:before {
    content: "\eb79"
}

.icon-cog7:before {
    content: "\eb7a"
}

.icon-hammer:before {
    content: "\eb7c"
}

.icon-hammer-wrench:before {
    content: "\eb7d"
}

.icon-magic-wand:before {
    content: "\eb7e"
}

.icon-magic-wand2:before {
    content: "\eb7f"
}

.icon-pulse2:before {
    content: "\eb80"
}

.icon-aid-kit:before {
    content: "\eb81"
}

.icon-bug2:before {
    content: "\eb83"
}

.icon-construction:before {
    content: "\eb85"
}

.icon-traffic-cone:before {
    content: "\eb86"
}

.icon-traffic-lights:before {
    content: "\eb87"
}

.icon-pie-chart:before {
    content: "\eb88"
}

.icon-pie-chart2:before {
    content: "\eb89"
}

.icon-pie-chart3:before {
    content: "\eb8a"
}

.icon-pie-chart4:before {
    content: "\eb8b"
}

.icon-pie-chart5:before {
    content: "\eb8c"
}

.icon-pie-chart6:before {
    content: "\eb8d"
}

.icon-pie-chart7:before {
    content: "\eb8e"
}

.icon-stats-dots:before {
    content: "\eb8f"
}

.icon-stats-bars:before {
    content: "\eb90"
}

.icon-pie-chart8:before {
    content: "\eb91"
}

.icon-stats-bars2:before {
    content: "\eb92"
}

.icon-stats-bars3:before {
    content: "\eb93"
}

.icon-stats-bars4:before {
    content: "\eb94"
}

.icon-chart:before {
    content: "\eb97"
}

.icon-stats-growth:before {
    content: "\eb98"
}

.icon-stats-decline:before {
    content: "\eb99"
}

.icon-stats-growth2:before {
    content: "\eb9a"
}

.icon-stats-decline2:before {
    content: "\eb9b"
}

.icon-stairs-up:before {
    content: "\eb9c"
}

.icon-stairs-down:before {
    content: "\eb9d"
}

.icon-stairs:before {
    content: "\eb9e"
}

.icon-ladder:before {
    content: "\eba0"
}

.icon-rating:before {
    content: "\eba1"
}

.icon-rating2:before {
    content: "\eba2"
}

.icon-rating3:before {
    content: "\eba3"
}

.icon-podium:before {
    content: "\eba5"
}

.icon-stars:before {
    content: "\eba6"
}

.icon-medal-star:before {
    content: "\eba7"
}

.icon-medal:before {
    content: "\eba8"
}

.icon-medal2:before {
    content: "\eba9"
}

.icon-medal-first:before {
    content: "\ebaa"
}

.icon-medal-second:before {
    content: "\ebab"
}

.icon-medal-third:before {
    content: "\ebac"
}

.icon-crown:before {
    content: "\ebad"
}

.icon-trophy2:before {
    content: "\ebaf"
}

.icon-trophy3:before {
    content: "\ebb0"
}

.icon-diamond:before {
    content: "\ebb1"
}

.icon-trophy4:before {
    content: "\ebb2"
}

.icon-gift:before {
    content: "\ebb3"
}

.icon-pipe:before {
    content: "\ebb6"
}

.icon-mustache:before {
    content: "\ebb7"
}

.icon-cup2:before {
    content: "\ebc6"
}

.icon-coffee:before {
    content: "\ebc8"
}

.icon-paw:before {
    content: "\ebd5"
}

.icon-footprint:before {
    content: "\ebd6"
}

.icon-rocket:before {
    content: "\ebda"
}

.icon-meter2:before {
    content: "\ebdc"
}

.icon-meter-slow:before {
    content: "\ebdd"
}

.icon-meter-fast:before {
    content: "\ebdf"
}

.icon-hammer2:before {
    content: "\ebe1"
}

.icon-balance:before {
    content: "\ebe2"
}

.icon-fire:before {
    content: "\ebe5"
}

.icon-fire2:before {
    content: "\ebe6"
}

.icon-lab:before {
    content: "\ebe7"
}

.icon-atom:before {
    content: "\ebe8"
}

.icon-atom2:before {
    content: "\ebe9"
}

.icon-bin:before {
    content: "\ebfa"
}

.icon-bin2:before {
    content: "\ebfb"
}

.icon-briefcase:before {
    content: "\ebff"
}

.icon-briefcase3:before {
    content: "\ec01"
}

.icon-airplane2:before {
    content: "\ec03"
}

.icon-airplane3:before {
    content: "\ec04"
}

.icon-airplane4:before {
    content: "\ec05"
}

.icon-paperplane:before {
    content: "\ec06"
}

.icon-car:before {
    content: "\ec07"
}

.icon-steering-wheel:before {
    content: "\ec08"
}

.icon-car2:before {
    content: "\ec09"
}

.icon-gas:before {
    content: "\ec0a"
}

.icon-bus:before {
    content: "\ec0b"
}

.icon-truck:before {
    content: "\ec0c"
}

.icon-bike:before {
    content: "\ec0d"
}

.icon-road:before {
    content: "\ec0e"
}

.icon-train:before {
    content: "\ec0f"
}

.icon-train2:before {
    content: "\ec10"
}

.icon-ship:before {
    content: "\ec11"
}

.icon-boat:before {
    content: "\ec12"
}

.icon-chopper:before {
    content: "\ec13"
}

.icon-cube:before {
    content: "\ec15"
}

.icon-cube2:before {
    content: "\ec16"
}

.icon-cube3:before {
    content: "\ec17"
}

.icon-cube4:before {
    content: "\ec18"
}

.icon-pyramid:before {
    content: "\ec19"
}

.icon-pyramid2:before {
    content: "\ec1a"
}

.icon-package:before {
    content: "\ec1b"
}

.icon-puzzle:before {
    content: "\ec1c"
}

.icon-puzzle2:before {
    content: "\ec1d"
}

.icon-puzzle3:before {
    content: "\ec1e"
}

.icon-puzzle4:before {
    content: "\ec1f"
}

.icon-glasses-3d2:before {
    content: "\ec21"
}

.icon-brain:before {
    content: "\ec24"
}

.icon-accessibility:before {
    content: "\ec25"
}

.icon-accessibility2:before {
    content: "\ec26"
}

.icon-strategy:before {
    content: "\ec27"
}

.icon-target:before {
    content: "\ec28"
}

.icon-target2:before {
    content: "\ec29"
}

.icon-shield-check:before {
    content: "\ec2f"
}

.icon-shield-notice:before {
    content: "\ec30"
}

.icon-shield2:before {
    content: "\ec31"
}

.icon-racing:before {
    content: "\ec40"
}

.icon-finish:before {
    content: "\ec41"
}

.icon-power2:before {
    content: "\ec46"
}

.icon-power3:before {
    content: "\ec47"
}

.icon-switch:before {
    content: "\ec48"
}

.icon-switch22:before {
    content: "\ec49"
}

.icon-power-cord:before {
    content: "\ec4a"
}

.icon-clipboard:before {
    content: "\ec4d"
}

.icon-clipboard2:before {
    content: "\ec4e"
}

.icon-clipboard3:before {
    content: "\ec4f"
}

.icon-clipboard4:before {
    content: "\ec50"
}

.icon-clipboard5:before {
    content: "\ec51"
}

.icon-clipboard6:before {
    content: "\ec52"
}

.icon-playlist:before {
    content: "\ec53"
}

.icon-playlist-add:before {
    content: "\ec54"
}

.icon-list-numbered:before {
    content: "\ec55"
}

.icon-list:before {
    content: "\ec56"
}

.icon-list2:before {
    content: "\ec57"
}

.icon-more:before {
    content: "\ec58"
}

.icon-more2:before {
    content: "\ec59"
}

.icon-grid:before {
    content: "\ec5a"
}

.icon-grid2:before {
    content: "\ec5b"
}

.icon-grid3:before {
    content: "\ec5c"
}

.icon-grid4:before {
    content: "\ec5d"
}

.icon-grid52:before {
    content: "\ec5e"
}

.icon-grid6:before {
    content: "\ec5f"
}

.icon-grid7:before {
    content: "\ec60"
}

.icon-tree5:before {
    content: "\ec61"
}

.icon-tree6:before {
    content: "\ec62"
}

.icon-tree7:before {
    content: "\ec63"
}

.icon-lan:before {
    content: "\ec64"
}

.icon-lan2:before {
    content: "\ec65"
}

.icon-lan3:before {
    content: "\ec66"
}

.icon-menu:before {
    content: "\ec67"
}

.icon-circle-small:before {
    content: "\ec68"
}

.icon-menu2:before {
    content: "\ec69"
}

.icon-menu3:before {
    content: "\ec6a"
}

.icon-menu4:before {
    content: "\ec6b"
}

.icon-menu5:before {
    content: "\ec6c"
}

.icon-menu62:before {
    content: "\ec6d"
}

.icon-menu7:before {
    content: "\ec6e"
}

.icon-menu8:before {
    content: "\ec6f"
}

.icon-menu9:before {
    content: "\ec70"
}

.icon-menu10:before {
    content: "\ec71"
}

.icon-cloud:before {
    content: "\ec72"
}

.icon-cloud-download:before {
    content: "\ec73"
}

.icon-cloud-upload:before {
    content: "\ec74"
}

.icon-cloud-check:before {
    content: "\ec75"
}

.icon-cloud2:before {
    content: "\ec76"
}

.icon-cloud-download2:before {
    content: "\ec77"
}

.icon-cloud-upload2:before {
    content: "\ec78"
}

.icon-cloud-check2:before {
    content: "\ec79"
}

.icon-import:before {
    content: "\ec7e"
}

.icon-download4:before {
    content: "\ec80"
}

.icon-upload4:before {
    content: "\ec81"
}

.icon-download7:before {
    content: "\ec86"
}

.icon-upload7:before {
    content: "\ec87"
}

.icon-download10:before {
    content: "\ec8c"
}

.icon-upload10:before {
    content: "\ec8d"
}

.icon-sphere:before {
    content: "\ec8e"
}

.icon-sphere3:before {
    content: "\ec90"
}

.icon-earth:before {
    content: "\ec93"
}

.icon-link:before {
    content: "\ec96"
}

.icon-unlink:before {
    content: "\ec97"
}

.icon-link2:before {
    content: "\ec98"
}

.icon-unlink2:before {
    content: "\ec99"
}

.icon-anchor:before {
    content: "\eca0"
}

.icon-flag3:before {
    content: "\eca3"
}

.icon-flag4:before {
    content: "\eca4"
}

.icon-flag7:before {
    content: "\eca7"
}

.icon-flag8:before {
    content: "\eca8"
}

.icon-attachment:before {
    content: "\eca9"
}

.icon-attachment2:before {
    content: "\ecaa"
}

.icon-eye:before {
    content: "\ecab"
}

.icon-eye-plus:before {
    content: "\ecac"
}

.icon-eye-minus:before {
    content: "\ecad"
}

.icon-eye-blocked:before {
    content: "\ecae"
}

.icon-eye2:before {
    content: "\ecaf"
}

.icon-eye-blocked2:before {
    content: "\ecb0"
}

.icon-eye4:before {
    content: "\ecb3"
}

.icon-bookmark2:before {
    content: "\ecb4"
}

.icon-bookmark3:before {
    content: "\ecb5"
}

.icon-bookmarks:before {
    content: "\ecb6"
}

.icon-bookmark4:before {
    content: "\ecb7"
}

.icon-spotlight2:before {
    content: "\ecb8"
}

.icon-starburst:before {
    content: "\ecb9"
}

.icon-snowflake:before {
    content: "\ecba"
}

.icon-weather-windy:before {
    content: "\ecd0"
}

.icon-fan:before {
    content: "\ecd1"
}

.icon-umbrella:before {
    content: "\ecd2"
}

.icon-sun3:before {
    content: "\ecd3"
}

.icon-contrast:before {
    content: "\ecd4"
}

.icon-bed2:before {
    content: "\ecda"
}

.icon-furniture:before {
    content: "\ecdb"
}

.icon-chair:before {
    content: "\ecdc"
}

.icon-star-empty3:before {
    content: "\ece0"
}

.icon-star-half:before {
    content: "\ece1"
}

.icon-star-full2:before {
    content: "\ece2"
}

.icon-heart5:before {
    content: "\ece9"
}

.icon-heart6:before {
    content: "\ecea"
}

.icon-heart-broken2:before {
    content: "\eceb"
}

.icon-thumbs-up2:before {
    content: "\ecf2"
}

.icon-thumbs-down2:before {
    content: "\ecf4"
}

.icon-thumbs-up3:before {
    content: "\ecf5"
}

.icon-thumbs-down3:before {
    content: "\ecf6"
}

.icon-height:before {
    content: "\ecf7"
}

.icon-man:before {
    content: "\ecf8"
}

.icon-woman:before {
    content: "\ecf9"
}

.icon-man-woman:before {
    content: "\ecfa"
}

.icon-yin-yang:before {
    content: "\ecfe"
}

.icon-cursor:before {
    content: "\ed23"
}

.icon-cursor2:before {
    content: "\ed24"
}

.icon-lasso2:before {
    content: "\ed26"
}

.icon-select2:before {
    content: "\ed28"
}

.icon-point-up:before {
    content: "\ed29"
}

.icon-point-right:before {
    content: "\ed2a"
}

.icon-point-down:before {
    content: "\ed2b"
}

.icon-point-left:before {
    content: "\ed2c"
}

.icon-pointer:before {
    content: "\ed2d"
}

.icon-reminder:before {
    content: "\ed2e"
}

.icon-drag-left-right:before {
    content: "\ed2f"
}

.icon-drag-left:before {
    content: "\ed30"
}

.icon-drag-right:before {
    content: "\ed31"
}

.icon-touch:before {
    content: "\ed32"
}

.icon-multitouch:before {
    content: "\ed33"
}

.icon-touch-zoom:before {
    content: "\ed34"
}

.icon-touch-pinch:before {
    content: "\ed35"
}

.icon-hand:before {
    content: "\ed36"
}

.icon-grab:before {
    content: "\ed37"
}

.icon-stack-empty:before {
    content: "\ed38"
}

.icon-stack-plus:before {
    content: "\ed39"
}

.icon-stack-minus:before {
    content: "\ed3a"
}

.icon-stack-star:before {
    content: "\ed3b"
}

.icon-stack-picture:before {
    content: "\ed3c"
}

.icon-stack-down:before {
    content: "\ed3d"
}

.icon-stack-up:before {
    content: "\ed3e"
}

.icon-stack-cancel:before {
    content: "\ed3f"
}

.icon-stack-check:before {
    content: "\ed40"
}

.icon-stack-text:before {
    content: "\ed41"
}

.icon-stack4:before {
    content: "\ed47"
}

.icon-stack-music:before {
    content: "\ed48"
}

.icon-stack-play:before {
    content: "\ed49"
}

.icon-move:before {
    content: "\ed4a"
}

.icon-dots:before {
    content: "\ed4b"
}

.icon-warning:before {
    content: "\ed4c"
}

.icon-warning22:before {
    content: "\ed4d"
}

.icon-notification2:before {
    content: "\ed4f"
}

.icon-question3:before {
    content: "\ed52"
}

.icon-question4:before {
    content: "\ed53"
}

.icon-plus3:before {
    content: "\ed5a"
}

.icon-minus3:before {
    content: "\ed5b"
}

.icon-plus-circle2:before {
    content: "\ed5e"
}

.icon-minus-circle2:before {
    content: "\ed5f"
}

.icon-cancel-circle2:before {
    content: "\ed63"
}

.icon-blocked:before {
    content: "\ed64"
}

.icon-cancel-square:before {
    content: "\ed65"
}

.icon-cancel-square2:before {
    content: "\ed66"
}

.icon-spam:before {
    content: "\ed68"
}

.icon-cross2:before {
    content: "\ed6a"
}

.icon-cross3:before {
    content: "\ed6b"
}

.icon-checkmark:before {
    content: "\ed6c"
}

.icon-checkmark3:before {
    content: "\ed6e"
}

.icon-checkmark2:before {
    content: "\e372"
}

.icon-checkmark4:before {
    content: "\ed6f"
}

.icon-spell-check:before {
    content: "\ed71"
}

.icon-spell-check2:before {
    content: "\ed72"
}

.icon-enter:before {
    content: "\ed73"
}

.icon-exit:before {
    content: "\ed74"
}

.icon-enter2:before {
    content: "\ed75"
}

.icon-exit2:before {
    content: "\ed76"
}

.icon-enter3:before {
    content: "\ed77"
}

.icon-exit3:before {
    content: "\ed78"
}

.icon-wall:before {
    content: "\ed79"
}

.icon-fence:before {
    content: "\ed7a"
}

.icon-play3:before {
    content: "\ed7b"
}

.icon-pause:before {
    content: "\ed7c"
}

.icon-stop:before {
    content: "\ed7d"
}

.icon-previous:before {
    content: "\ed7e"
}

.icon-next:before {
    content: "\ed7f"
}

.icon-backward:before {
    content: "\ed80"
}

.icon-forward2:before {
    content: "\ed81"
}

.icon-play4:before {
    content: "\ed82"
}

.icon-pause2:before {
    content: "\ed83"
}

.icon-stop2:before {
    content: "\ed84"
}

.icon-backward2:before {
    content: "\ed85"
}

.icon-forward3:before {
    content: "\ed86"
}

.icon-first:before {
    content: "\ed87"
}

.icon-last:before {
    content: "\ed88"
}

.icon-previous2:before {
    content: "\ed89"
}

.icon-next2:before {
    content: "\ed8a"
}

.icon-eject:before {
    content: "\ed8b"
}

.icon-volume-high:before {
    content: "\ed8c"
}

.icon-volume-medium:before {
    content: "\ed8d"
}

.icon-volume-low:before {
    content: "\ed8e"
}

.icon-volume-mute:before {
    content: "\ed8f"
}

.icon-speaker-left:before {
    content: "\ed90"
}

.icon-speaker-right:before {
    content: "\ed91"
}

.icon-volume-mute2:before {
    content: "\ed92"
}

.icon-volume-increase:before {
    content: "\ed93"
}

.icon-volume-decrease:before {
    content: "\ed94"
}

.icon-volume-mute5:before {
    content: "\eda4"
}

.icon-loop:before {
    content: "\eda5"
}

.icon-loop3:before {
    content: "\eda7"
}

.icon-infinite-square:before {
    content: "\eda8"
}

.icon-infinite:before {
    content: "\eda9"
}

.icon-loop4:before {
    content: "\edab"
}

.icon-shuffle:before {
    content: "\edac"
}

.icon-wave:before {
    content: "\edae"
}

.icon-wave2:before {
    content: "\edaf"
}

.icon-split:before {
    content: "\edb0"
}

.icon-merge:before {
    content: "\edb1"
}

.icon-arrow-up5:before {
    content: "\edc4"
}

.icon-arrow-right5:before {
    content: "\edc5"
}

.icon-arrow-down5:before {
    content: "\edc6"
}

.icon-arrow-left5:before {
    content: "\edc7"
}

.icon-arrow-up-left2:before {
    content: "\edd0"
}

.icon-arrow-up7:before {
    content: "\edd1"
}

.icon-arrow-up-right2:before {
    content: "\edd2"
}

.icon-arrow-right7:before {
    content: "\edd3"
}

.icon-arrow-down-right2:before {
    content: "\edd4"
}

.icon-arrow-down7:before {
    content: "\edd5"
}

.icon-arrow-down-left2:before {
    content: "\edd6"
}

.icon-arrow-left7:before {
    content: "\edd7"
}

.icon-arrow-up-left3:before {
    content: "\edd8"
}

.icon-arrow-up8:before {
    content: "\edd9"
}

.icon-arrow-up-right3:before {
    content: "\edda"
}

.icon-arrow-right8:before {
    content: "\eddb"
}

.icon-arrow-down-right3:before {
    content: "\eddc"
}

.icon-arrow-down8:before {
    content: "\eddd"
}

.icon-arrow-down-left3:before {
    content: "\edde"
}

.icon-arrow-left8:before {
    content: "\eddf"
}

.icon-circle-up2:before {
    content: "\ede4"
}

.icon-circle-right2:before {
    content: "\ede5"
}

.icon-circle-down2:before {
    content: "\ede6"
}

.icon-circle-left2:before {
    content: "\ede7"
}

.icon-arrow-resize7:before {
    content: "\edfe"
}

.icon-arrow-resize8:before {
    content: "\edff"
}

.icon-square-up-left:before {
    content: "\ee00"
}

.icon-square-up:before {
    content: "\ee01"
}

.icon-square-up-right:before {
    content: "\ee02"
}

.icon-square-right:before {
    content: "\ee03"
}

.icon-square-down-right:before {
    content: "\ee04"
}

.icon-square-down:before {
    content: "\ee05"
}

.icon-square-down-left:before {
    content: "\ee06"
}

.icon-square-left:before {
    content: "\ee07"
}

.icon-arrow-up15:before {
    content: "\ee30"
}

.icon-arrow-right15:before {
    content: "\ee31"
}

.icon-arrow-down15:before {
    content: "\ee32"
}

.icon-arrow-left15:before {
    content: "\ee33"
}

.icon-arrow-up16:before {
    content: "\ee34"
}

.icon-arrow-right16:before {
    content: "\ee35"
}

.icon-arrow-down16:before {
    content: "\ee36"
}

.icon-arrow-left16:before {
    content: "\ee37"
}

.icon-menu-open:before {
    content: "\ee38"
}

.icon-menu-open2:before {
    content: "\ee39"
}

.icon-menu-close:before {
    content: "\ee3a"
}

.icon-menu-close2:before {
    content: "\ee3b"
}

.icon-enter5:before {
    content: "\ee3d"
}

.icon-esc:before {
    content: "\ee3e"
}

.icon-enter6:before {
    content: "\ee3f"
}

.icon-backspace:before {
    content: "\ee40"
}

.icon-backspace2:before {
    content: "\ee41"
}

.icon-tab:before {
    content: "\ee42"
}

.icon-transmission:before {
    content: "\ee43"
}

.icon-sort:before {
    content: "\ee45"
}

.icon-move-up2:before {
    content: "\ee47"
}

.icon-move-down2:before {
    content: "\ee48"
}

.icon-sort-alpha-asc:before {
    content: "\ee49"
}

.icon-sort-alpha-desc:before {
    content: "\ee4a"
}

.icon-sort-numeric-asc:before {
    content: "\ee4b"
}

.icon-sort-numberic-desc:before {
    content: "\ee4c"
}

.icon-sort-amount-asc:before {
    content: "\ee4d"
}

.icon-sort-amount-desc:before {
    content: "\ee4e"
}

.icon-sort-time-asc:before {
    content: "\ee4f"
}

.icon-sort-time-desc:before {
    content: "\ee50"
}

.icon-battery-6:before {
    content: "\ee51"
}

.icon-battery-0:before {
    content: "\ee57"
}

.icon-battery-charging:before {
    content: "\ee58"
}

.icon-command:before {
    content: "\ee5f"
}

.icon-shift:before {
    content: "\ee60"
}

.icon-ctrl:before {
    content: "\ee61"
}

.icon-opt:before {
    content: "\ee62"
}

.icon-checkbox-checked:before {
    content: "\ee63"
}

.icon-checkbox-unchecked:before {
    content: "\ee64"
}

.icon-checkbox-partial:before {
    content: "\ee65"
}

.icon-square:before {
    content: "\ee66"
}

.icon-triangle:before {
    content: "\ee67"
}

.icon-triangle2:before {
    content: "\ee68"
}

.icon-diamond3:before {
    content: "\ee69"
}

.icon-diamond4:before {
    content: "\ee6a"
}

.icon-checkbox-checked2:before {
    content: "\ee6b"
}

.icon-checkbox-unchecked2:before {
    content: "\ee6c"
}

.icon-checkbox-partial2:before {
    content: "\ee6d"
}

.icon-radio-checked:before {
    content: "\ee6e"
}

.icon-radio-checked2:before {
    content: "\ee6f"
}

.icon-radio-unchecked:before {
    content: "\ee70"
}

.icon-checkmark-circle:before {
    content: "\ee73"
}

.icon-circle:before {
    content: "\ee74"
}

.icon-circle2:before {
    content: "\ee75"
}

.icon-circles:before {
    content: "\ee76"
}

.icon-circles2:before {
    content: "\ee77"
}

.icon-crop:before {
    content: "\ee78"
}

.icon-crop2:before {
    content: "\ee79"
}

.icon-make-group:before {
    content: "\ee7a"
}

.icon-ungroup:before {
    content: "\ee7b"
}

.icon-vector:before {
    content: "\ee7c"
}

.icon-vector2:before {
    content: "\ee7d"
}

.icon-rulers:before {
    content: "\ee7e"
}

.icon-pencil-ruler:before {
    content: "\ee80"
}

.icon-scissors:before {
    content: "\ee81"
}

.icon-filter3:before {
    content: "\ee88"
}

.icon-filter4:before {
    content: "\ee89"
}

.icon-font:before {
    content: "\ee8a"
}

.icon-ampersand2:before {
    content: "\ee8b"
}

.icon-ligature:before {
    content: "\ee8c"
}

.icon-font-size:before {
    content: "\ee8e"
}

.icon-typography:before {
    content: "\ee8f"
}

.icon-text-height:before {
    content: "\ee90"
}

.icon-text-width:before {
    content: "\ee91"
}

.icon-height2:before {
    content: "\ee92"
}

.icon-width:before {
    content: "\ee93"
}

.icon-strikethrough2:before {
    content: "\ee98"
}

.icon-font-size2:before {
    content: "\ee99"
}

.icon-bold2:before {
    content: "\ee9a"
}

.icon-underline2:before {
    content: "\ee9b"
}

.icon-italic2:before {
    content: "\ee9c"
}

.icon-strikethrough3:before {
    content: "\ee9d"
}

.icon-omega:before {
    content: "\ee9e"
}

.icon-sigma:before {
    content: "\ee9f"
}

.icon-nbsp:before {
    content: "\eea0"
}

.icon-page-break:before {
    content: "\eea1"
}

.icon-page-break2:before {
    content: "\eea2"
}

.icon-superscript:before {
    content: "\eea3"
}

.icon-subscript:before {
    content: "\eea4"
}

.icon-superscript2:before {
    content: "\eea5"
}

.icon-subscript2:before {
    content: "\eea6"
}

.icon-text-color:before {
    content: "\eea7"
}

.icon-highlight:before {
    content: "\eea8"
}

.icon-pagebreak:before {
    content: "\eea9"
}

.icon-clear-formatting:before {
    content: "\eeaa"
}

.icon-table:before {
    content: "\eeab"
}

.icon-table2:before {
    content: "\eeac"
}

.icon-insert-template:before {
    content: "\eead"
}

.icon-pilcrow:before {
    content: "\eeae"
}

.icon-ltr:before {
    content: "\eeaf"
}

.icon-rtl:before {
    content: "\eeb0"
}

.icon-ltr2:before {
    content: "\eeb1"
}

.icon-rtl2:before {
    content: "\eeb2"
}

.icon-section:before {
    content: "\eeb3"
}

.icon-paragraph-left2:before {
    content: "\eeb8"
}

.icon-paragraph-center2:before {
    content: "\eeb9"
}

.icon-paragraph-right2:before {
    content: "\eeba"
}

.icon-paragraph-justify2:before {
    content: "\eebb"
}

.icon-indent-increase:before {
    content: "\eebc"
}

.icon-indent-decrease:before {
    content: "\eebd"
}

.icon-paragraph-left3:before {
    content: "\eebe"
}

.icon-paragraph-center3:before {
    content: "\eebf"
}

.icon-paragraph-right3:before {
    content: "\eec0"
}

.icon-paragraph-justify3:before {
    content: "\eec1"
}

.icon-indent-increase2:before {
    content: "\eec2"
}

.icon-indent-decrease2:before {
    content: "\eec3"
}

.icon-share:before {
    content: "\eec4"
}

.icon-share2:before {
    content: "\eec5"
}

.icon-new-tab:before {
    content: "\eec6"
}

.icon-new-tab2:before {
    content: "\eec7"
}

.icon-popout:before {
    content: "\eec8"
}

.icon-embed:before {
    content: "\eec9"
}

.icon-embed2:before {
    content: "\eeca"
}

.icon-markup:before {
    content: "\eecb"
}

.icon-regexp:before {
    content: "\eecc"
}

.icon-regexp2:before {
    content: "\eecd"
}

.icon-code:before {
    content: "\eece"
}

.icon-circle-css:before {
    content: "\eecf"
}

.icon-circle-code:before {
    content: "\eed0"
}

.icon-terminal:before {
    content: "\eed1"
}

.icon-unicode:before {
    content: "\eed2"
}

.icon-seven-segment-0:before {
    content: "\eed3"
}

.icon-seven-segment-1:before {
    content: "\eed4"
}

.icon-seven-segment-2:before {
    content: "\eed5"
}

.icon-seven-segment-3:before {
    content: "\eed6"
}

.icon-seven-segment-4:before {
    content: "\eed7"
}

.icon-seven-segment-5:before {
    content: "\eed8"
}

.icon-seven-segment-6:before {
    content: "\eed9"
}

.icon-seven-segment-7:before {
    content: "\eeda"
}

.icon-seven-segment-8:before {
    content: "\eedb"
}

.icon-seven-segment-9:before {
    content: "\eedc"
}

.icon-share3:before {
    content: "\eedd"
}

.icon-share4:before {
    content: "\eede"
}

.icon-google:before {
    content: "\eee3"
}

.icon-google-plus:before {
    content: "\eee4"
}

.icon-google-plus2:before {
    content: "\eee5"
}

.icon-google-drive:before {
    content: "\eee7"
}

.icon-facebook:before {
    content: "\eee8"
}

.icon-facebook2:before {
    content: "\eee9"
}

.icon-instagram:before {
    content: "\eeec"
}

.icon-twitter:before {
    content: "\eeed"
}

.icon-twitter2:before {
    content: "\eeee"
}

.icon-feed2:before {
    content: "\eef0"
}

.icon-feed3:before {
    content: "\eef1"
}

.icon-youtube:before {
    content: "\eef3"
}

.icon-youtube2:before {
    content: "\eef4"
}

.icon-youtube3:before {
    content: "\eef5"
}

.icon-vimeo:before {
    content: "\eef8"
}

.icon-vimeo2:before {
    content: "\eef9"
}

.icon-lanyrd:before {
    content: "\eefb"
}

.icon-flickr:before {
    content: "\eefc"
}

.icon-flickr2:before {
    content: "\eefd"
}

.icon-flickr3:before {
    content: "\eefe"
}

.icon-picassa:before {
    content: "\ef00"
}

.icon-picassa2:before {
    content: "\ef01"
}

.icon-dribbble:before {
    content: "\ef02"
}

.icon-dribbble2:before {
    content: "\ef03"
}

.icon-dribbble3:before {
    content: "\ef04"
}

.icon-forrst:before {
    content: "\ef05"
}

.icon-forrst2:before {
    content: "\ef06"
}

.icon-deviantart:before {
    content: "\ef07"
}

.icon-deviantart2:before {
    content: "\ef08"
}

.icon-steam:before {
    content: "\ef09"
}

.icon-steam2:before {
    content: "\ef0a"
}

.icon-dropbox:before {
    content: "\ef0b"
}

.icon-onedrive:before {
    content: "\ef0c"
}

.icon-github:before {
    content: "\ef0d"
}

.icon-github4:before {
    content: "\ef10"
}

.icon-github5:before {
    content: "\ef11"
}

.icon-wordpress:before {
    content: "\ef12"
}

.icon-wordpress2:before {
    content: "\ef13"
}

.icon-joomla:before {
    content: "\ef14"
}

.icon-blogger:before {
    content: "\ef15"
}

.icon-blogger2:before {
    content: "\ef16"
}

.icon-tumblr:before {
    content: "\ef17"
}

.icon-tumblr2:before {
    content: "\ef18"
}

.icon-yahoo:before {
    content: "\ef19"
}

.icon-tux:before {
    content: "\ef1a"
}

.icon-apple2:before {
    content: "\ef1b"
}

.icon-finder:before {
    content: "\ef1c"
}

.icon-android:before {
    content: "\ef1d"
}

.icon-windows:before {
    content: "\ef1e"
}

.icon-windows8:before {
    content: "\ef1f"
}

.icon-soundcloud:before {
    content: "\ef20"
}

.icon-soundcloud2:before {
    content: "\ef21"
}

.icon-skype:before {
    content: "\ef22"
}

.icon-reddit:before {
    content: "\ef23"
}

.icon-linkedin:before {
    content: "\ef24"
}

.icon-linkedin2:before {
    content: "\ef25"
}

.icon-lastfm:before {
    content: "\ef26"
}

.icon-lastfm2:before {
    content: "\ef27"
}

.icon-delicious:before {
    content: "\ef28"
}

.icon-stumbleupon:before {
    content: "\ef29"
}

.icon-stumbleupon2:before {
    content: "\ef2a"
}

.icon-stackoverflow:before {
    content: "\ef2b"
}

.icon-pinterest2:before {
    content: "\ef2d"
}

.icon-xing:before {
    content: "\ef2e"
}

.icon-flattr:before {
    content: "\ef30"
}

.icon-foursquare:before {
    content: "\ef31"
}

.icon-paypal:before {
    content: "\ef32"
}

.icon-paypal2:before {
    content: "\ef33"
}

.icon-yelp:before {
    content: "\ef35"
}

.icon-file-pdf:before {
    content: "\ef36"
}

.icon-file-openoffice:before {
    content: "\ef37"
}

.icon-file-word:before {
    content: "\ef38"
}

.icon-file-excel:before {
    content: "\ef39"
}

.icon-libreoffice:before {
    content: "\ef3a"
}

.icon-html5:before {
    content: "\ef3b"
}

.icon-html52:before {
    content: "\ef3c"
}

.icon-css3:before {
    content: "\ef3d"
}

.icon-git:before {
    content: "\ef3e"
}

.icon-svg:before {
    content: "\ef3f"
}

.icon-codepen:before {
    content: "\ef40"
}

.icon-chrome:before {
    content: "\ef41"
}

.icon-firefox:before {
    content: "\ef42"
}

.icon-IE:before {
    content: "\ef43"
}

.icon-opera:before {
    content: "\ef44"
}

.icon-safari:before {
    content: "\ef45"
}

.icon-check2:before {
    content: "\e601"
}

.icon-home4:before {
    content: "\e603"
}

.icon-people:before {
    content: "\e81b"
}

.icon-checkmark-circle2:before {
    content: "\e853"
}

.icon-arrow-up-left32:before {
    content: "\e8ae"
}

.icon-arrow-up52:before {
    content: "\e8af"
}

.icon-arrow-up-right32:before {
    content: "\e8b0"
}

.icon-arrow-right6:before {
    content: "\e8b1"
}

.icon-arrow-down-right32:before {
    content: "\e8b2"
}

.icon-arrow-down52:before {
    content: "\e8b3"
}

.icon-arrow-down-left32:before {
    content: "\e8b4"
}

.icon-arrow-left52:before {
    content: "\e8b5"
}

.icon-calendar5:before {
    content: "\e985"
}

.icon-move-alt1:before {
    content: "\e986"
}

.icon-reload-alt:before {
    content: "\e987"
}

.icon-move-vertical:before {
    content: "\e988"
}

.icon-move-horizontal:before {
    content: "\e989"
}

.icon-hash:before {
    content: "\e98b"
}

.icon-bars-alt:before {
    content: "\e98c"
}

.icon-eye8:before {
    content: "\e98d"
}

.icon-search4:before {
    content: "\e98e"
}

.icon-zoomin3:before {
    content: "\e98f"
}

.icon-zoomout3:before {
    content: "\e990"
}

.icon-add:before {
    content: "\e991"
}

.icon-subtract:before {
    content: "\e992"
}

.icon-exclamation:before {
    content: "\e993"
}

.icon-question6:before {
    content: "\e994"
}

.icon-close2:before {
    content: "\e995"
}

.icon-task:before {
    content: "\e996"
}

.icon-inbox:before {
    content: "\e997"
}

.icon-inbox-alt:before {
    content: "\e998"
}

.icon-envelope:before {
    content: "\e999"
}

.icon-compose:before {
    content: "\e99a"
}

.icon-newspaper2:before {
    content: "\e99b"
}

.icon-calendar22:before {
    content: "\e99c"
}

.icon-hyperlink:before {
    content: "\e99d"
}

.icon-trash:before {
    content: "\e99e"
}

.icon-trash-alt:before {
    content: "\e99f"
}

.icon-grid5:before {
    content: "\e9a0"
}

.icon-grid-alt:before {
    content: "\e9a1"
}

.icon-menu6:before {
    content: "\e9a2"
}

.icon-list3:before {
    content: "\e9a3"
}

.icon-gallery:before {
    content: "\e9a4"
}

.icon-calculator:before {
    content: "\e9a5"
}

.icon-windows2:before {
    content: "\e9a6"
}

.icon-browser:before {
    content: "\e9a7"
}

.icon-portfolio:before {
    content: "\e9a8"
}

.icon-comments:before {
    content: "\e9a9"
}

.icon-screen3:before {
    content: "\e9aa"
}

.icon-iphone:before {
    content: "\e9ab"
}

.icon-ipad:before {
    content: "\e9ac"
}

.icon-googleplus5:before {
    content: "\e9ad"
}

.icon-pin:before {
    content: "\e9ae"
}

.icon-pin-alt:before {
    content: "\e9af"
}

.icon-cog5:before {
    content: "\e9b0"
}

.icon-graduation:before {
    content: "\e9b1"
}

.icon-air:before {
    content: "\e9b2"
}

.icon-droplets:before {
    content: "\e7ee"
}

.icon-statistics:before {
    content: "\e9b4"
}

.icon-pie5:before {
    content: "\e7ef"
}

.icon-cross:before {
    content: "\e9b6"
}

.icon-minus2:before {
    content: "\e9b7"
}

.icon-plus2:before {
    content: "\e9b8"
}

.icon-info3:before {
    content: "\e9b9"
}

.icon-info22:before {
    content: "\e9ba"
}

.icon-question7:before {
    content: "\e9bb"
}

.icon-help:before {
    content: "\e9bc"
}

.icon-warning2:before {
    content: "\e9bd"
}

.icon-add-to-list:before {
    content: "\e9bf"
}

.icon-arrow-left12:before {
    content: "\e9c0"
}

.icon-arrow-down12:before {
    content: "\e9c1"
}

.icon-arrow-up12:before {
    content: "\e9c2"
}

.icon-arrow-right13:before {
    content: "\e9c3"
}

.icon-arrow-left22:before {
    content: "\e9c4"
}

.icon-arrow-down22:before {
    content: "\e9c5"
}

.icon-arrow-up22:before {
    content: "\e9c6"
}

.icon-arrow-right22:before {
    content: "\e9c7"
}

.icon-arrow-left32:before {
    content: "\e9c8"
}

.icon-arrow-down32:before {
    content: "\e9c9"
}

.icon-arrow-up32:before {
    content: "\e9ca"
}

.icon-arrow-right32:before {
    content: "\e9cb"
}

.icon-switch2:before {
    content: "\e647"
}

.icon-checkmark5:before {
    content: "\e600"
}

.icon-ampersand:before {
    content: "\e9cc"
}

.icon-alert:before {
    content: "\e9cf"
}

.icon-alignment-align:before {
    content: "\e9d0"
}

.icon-alignment-aligned-to:before {
    content: "\e9d1"
}

.icon-alignment-unalign:before {
    content: "\e9d2"
}

.icon-arrow-down132:before {
    content: "\e9d3"
}

.icon-arrow-up13:before {
    content: "\e9da"
}

.icon-arrow-left13:before {
    content: "\e9d4"
}

.icon-arrow-right14:before {
    content: "\e9d5"
}

.icon-arrow-small-down:before {
    content: "\e9d6"
}

.icon-arrow-small-left:before {
    content: "\e9d7"
}

.icon-arrow-small-right:before {
    content: "\e9d8"
}

.icon-arrow-small-up:before {
    content: "\e9d9"
}

.icon-check:before {
    content: "\e9db"
}

.icon-chevron-down:before {
    content: "\e9dc"
}

.icon-chevron-left:before {
    content: "\e9dd"
}

.icon-chevron-right:before {
    content: "\e9de"
}

.icon-chevron-up:before {
    content: "\e9df"
}

.icon-clippy:before {
    content: "\f035"
}

.icon-comment:before {
    content: "\f02b"
}

.icon-comment-discussion:before {
    content: "\f04f"
}

.icon-dash:before {
    content: "\e9e2"
}

.icon-diff:before {
    content: "\e9e3"
}

.icon-diff-added:before {
    content: "\e9e4"
}

.icon-diff-ignored:before {
    content: "\e9e5"
}

.icon-diff-modified:before {
    content: "\e9e6"
}

.icon-diff-removed:before {
    content: "\e9e7"
}

.icon-diff-renamed:before {
    content: "\e9e8"
}

.icon-file-media:before {
    content: "\f012"
}

.icon-fold:before {
    content: "\e9ea"
}

.icon-gear:before {
    content: "\e9eb"
}

.icon-git-branch:before {
    content: "\e9ec"
}

.icon-git-commit:before {
    content: "\e9ed"
}

.icon-git-compare:before {
    content: "\e9ee"
}

.icon-git-merge:before {
    content: "\e9ef"
}

.icon-git-pull-request:before {
    content: "\e9f0"
}

.icon-graph:before {
    content: "\f043"
}

.icon-law:before {
    content: "\e9f1"
}

.icon-list-ordered:before {
    content: "\e9f2"
}

.icon-list-unordered:before {
    content: "\e9f3"
}

.icon-mail5:before {
    content: "\e9f4"
}

.icon-mail-read:before {
    content: "\e9f5"
}

.icon-mention:before {
    content: "\e9f6"
}

.icon-mirror:before {
    content: "\f024"
}

.icon-move-down:before {
    content: "\f0a8"
}

.icon-move-left:before {
    content: "\f074"
}

.icon-move-right:before {
    content: "\f0a9"
}

.icon-move-up:before {
    content: "\f0a7"
}

.icon-person:before {
    content: "\f018"
}

.icon-plus22:before {
    content: "\e9f7"
}

.icon-primitive-dot:before {
    content: "\f052"
}

.icon-primitive-square:before {
    content: "\f053"
}

.icon-repo-forked:before {
    content: "\e9f8"
}

.icon-screen-full:before {
    content: "\e9f9"
}

.icon-screen-normal:before {
    content: "\e9fa"
}

.icon-sync:before {
    content: "\e9fb"
}

.icon-three-bars:before {
    content: "\e9fc"
}

.icon-unfold:before {
    content: "\e9fe"
}

.icon-versions:before {
    content: "\e9ff"
}

.icon-x:before {
    content: "\ea00"
}

.spinner,
.spinner-reverse {
    display: inline-block
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-45-inverse {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-90-inverse {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180-inverse {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.spinner {
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.spinner-reverse {
    -webkit-animation: rotation_reverse 1s linear infinite;
    animation: rotation_reverse 1s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotation {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotation_reverse {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotation_reverse {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes rotation_reverse {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(-360deg)
    }
}

@keyframes rotation_reverse {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.main-nav .navbar-left .left-branding>li,
.apps-dropdown .shortcuts {
    *zoom: 1
}

.main-nav .navbar-left .left-branding>li:before,
.apps-dropdown .shortcuts:before,
.main-nav .navbar-left .left-branding>li:after,
.apps-dropdown .shortcuts:after {
    content: ' ';
    display: table
}

.main-nav .navbar-left .left-branding>li:after,
.apps-dropdown .shortcuts:after {
    clear: both
}

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

.m-t-0 {
    margin-top: 0px !important
}

.m-b-0 {
    margin-bottom: 0px !important
}

.m-l-0 {
    margin-left: 0px !important
}

.m-r-0 {
    margin-right: 0px !important
}

.m-v-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.m-h-0 {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.m-1 {
    margin: 1px !important
}

.m-t-1 {
    margin-top: 1px !important
}

.m-b-1 {
    margin-bottom: 1px !important
}

.m-l-1 {
    margin-left: 1px !important
}

.m-r-1 {
    margin-right: 1px !important
}

.m-v-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

.m-h-1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

.m-2 {
    margin: 2px !important
}

.m-t-2 {
    margin-top: 2px !important
}

.m-b-2 {
    margin-bottom: 2px !important
}

.m-l-2 {
    margin-left: 2px !important
}

.m-r-2 {
    margin-right: 2px !important
}

.m-v-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.m-h-2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.m-3 {
    margin: 3px !important
}

.m-t-3 {
    margin-top: 3px !important
}

.m-b-3 {
    margin-bottom: 3px !important
}

.m-l-3 {
    margin-left: 3px !important
}

.m-r-3 {
    margin-right: 3px !important
}

.m-v-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.m-h-3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

.m-4 {
    margin: 4px !important
}

.m-t-4 {
    margin-top: 4px !important
}

.m-b-4 {
    margin-bottom: 4px !important
}

.m-l-4 {
    margin-left: 4px !important
}

.m-r-4 {
    margin-right: 4px !important
}

.m-v-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.m-h-4 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.m-5 {
    margin: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-v-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.m-h-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.m-6 {
    margin: 6px !important
}

.m-t-6 {
    margin-top: 6px !important
}

.m-b-6 {
    margin-bottom: 6px !important
}

.m-l-6 {
    margin-left: 6px !important
}

.m-r-6 {
    margin-right: 6px !important
}

.m-v-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.m-h-6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.m-7 {
    margin: 7px !important
}

.m-t-7 {
    margin-top: 7px !important
}

.m-b-7 {
    margin-bottom: 7px !important
}

.m-l-7 {
    margin-left: 7px !important
}

.m-r-7 {
    margin-right: 7px !important
}

.m-v-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.m-h-7 {
    margin-left: 7px !important;
    margin-right: 7px !important
}

.m-8 {
    margin: 8px !important
}

.m-t-8 {
    margin-top: 8px !important
}

.m-b-8 {
    margin-bottom: 8px !important
}

.m-l-8 {
    margin-left: 8px !important
}

.m-r-8 {
    margin-right: 8px !important
}

.m-v-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m-h-8 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.m-9 {
    margin: 9px !important
}

.m-t-9 {
    margin-top: 9px !important
}

.m-b-9 {
    margin-bottom: 9px !important
}

.m-l-9 {
    margin-left: 9px !important
}

.m-r-9 {
    margin-right: 9px !important
}

.m-v-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important
}

.m-h-9 {
    margin-left: 9px !important;
    margin-right: 9px !important
}

.m-10 {
    margin: 10px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-v-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.m-h-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.m-11 {
    margin: 11px !important
}

.m-t-11 {
    margin-top: 11px !important
}

.m-b-11 {
    margin-bottom: 11px !important
}

.m-l-11 {
    margin-left: 11px !important
}

.m-r-11 {
    margin-right: 11px !important
}

.m-v-11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important
}

.m-h-11 {
    margin-left: 11px !important;
    margin-right: 11px !important
}

.m-12 {
    margin: 12px !important
}

.m-t-12 {
    margin-top: 12px !important
}

.m-b-12 {
    margin-bottom: 12px !important
}

.m-l-12 {
    margin-left: 12px !important
}

.m-r-12 {
    margin-right: 12px !important
}

.m-v-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.m-h-12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.m-13 {
    margin: 13px !important
}

.m-t-13 {
    margin-top: 13px !important
}

.m-b-13 {
    margin-bottom: 13px !important
}

.m-l-13 {
    margin-left: 13px !important
}

.m-r-13 {
    margin-right: 13px !important
}

.m-v-13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

.m-h-13 {
    margin-left: 13px !important;
    margin-right: 13px !important
}

.m-14 {
    margin: 14px !important
}

.m-t-14 {
    margin-top: 14px !important
}

.m-b-14 {
    margin-bottom: 14px !important
}

.m-l-14 {
    margin-left: 14px !important
}

.m-r-14 {
    margin-right: 14px !important
}

.m-v-14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important
}

.m-h-14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

.m-15 {
    margin: 15px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-v-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.m-h-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.m-16 {
    margin: 16px !important
}

.m-t-16 {
    margin-top: 16px !important
}

.m-b-16 {
    margin-bottom: 16px !important
}

.m-l-16 {
    margin-left: 16px !important
}

.m-r-16 {
    margin-right: 16px !important
}

.m-v-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m-h-16 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.m-17 {
    margin: 17px !important
}

.m-t-17 {
    margin-top: 17px !important
}

.m-b-17 {
    margin-bottom: 17px !important
}

.m-l-17 {
    margin-left: 17px !important
}

.m-r-17 {
    margin-right: 17px !important
}

.m-v-17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important
}

.m-h-17 {
    margin-left: 17px !important;
    margin-right: 17px !important
}

.m-18 {
    margin: 18px !important
}

.m-t-18 {
    margin-top: 18px !important
}

.m-b-18 {
    margin-bottom: 18px !important
}

.m-l-18 {
    margin-left: 18px !important
}

.m-r-18 {
    margin-right: 18px !important
}

.m-v-18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

.m-h-18 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

.m-19 {
    margin: 19px !important
}

.m-t-19 {
    margin-top: 19px !important
}

.m-b-19 {
    margin-bottom: 19px !important
}

.m-l-19 {
    margin-left: 19px !important
}

.m-r-19 {
    margin-right: 19px !important
}

.m-v-19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important
}

.m-h-19 {
    margin-left: 19px !important;
    margin-right: 19px !important
}

.m-20 {
    margin: 20px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-v-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-h-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.m-21 {
    margin: 21px !important
}

.m-t-21 {
    margin-top: 21px !important
}

.m-b-21 {
    margin-bottom: 21px !important
}

.m-l-21 {
    margin-left: 21px !important
}

.m-r-21 {
    margin-right: 21px !important
}

.m-v-21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important
}

.m-h-21 {
    margin-left: 21px !important;
    margin-right: 21px !important
}

.m-22 {
    margin: 22px !important
}

.m-t-22 {
    margin-top: 22px !important
}

.m-b-22 {
    margin-bottom: 22px !important
}

.m-l-22 {
    margin-left: 22px !important
}

.m-r-22 {
    margin-right: 22px !important
}

.m-v-22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

.m-h-22 {
    margin-left: 22px !important;
    margin-right: 22px !important
}

.m-23 {
    margin: 23px !important
}

.m-t-23 {
    margin-top: 23px !important
}

.m-b-23 {
    margin-bottom: 23px !important
}

.m-l-23 {
    margin-left: 23px !important
}

.m-r-23 {
    margin-right: 23px !important
}

.m-v-23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important
}

.m-h-23 {
    margin-left: 23px !important;
    margin-right: 23px !important
}

.m-24 {
    margin: 24px !important
}

.m-t-24 {
    margin-top: 24px !important
}

.m-b-24 {
    margin-bottom: 24px !important
}

.m-l-24 {
    margin-left: 24px !important
}

.m-r-24 {
    margin-right: 24px !important
}

.m-v-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m-h-24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.m-25 {
    margin: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-v-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.m-h-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.m-26 {
    margin: 26px !important
}

.m-t-26 {
    margin-top: 26px !important
}

.m-b-26 {
    margin-bottom: 26px !important
}

.m-l-26 {
    margin-left: 26px !important
}

.m-r-26 {
    margin-right: 26px !important
}

.m-v-26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

.m-h-26 {
    margin-left: 26px !important;
    margin-right: 26px !important
}

.m-27 {
    margin: 27px !important
}

.m-t-27 {
    margin-top: 27px !important
}

.m-b-27 {
    margin-bottom: 27px !important
}

.m-l-27 {
    margin-left: 27px !important
}

.m-r-27 {
    margin-right: 27px !important
}

.m-v-27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important
}

.m-h-27 {
    margin-left: 27px !important;
    margin-right: 27px !important
}

.m-28 {
    margin: 28px !important
}

.m-t-28 {
    margin-top: 28px !important
}

.m-b-28 {
    margin-bottom: 28px !important
}

.m-l-28 {
    margin-left: 28px !important
}

.m-r-28 {
    margin-right: 28px !important
}

.m-v-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.m-h-28 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.m-29 {
    margin: 29px !important
}

.m-t-29 {
    margin-top: 29px !important
}

.m-b-29 {
    margin-bottom: 29px !important
}

.m-l-29 {
    margin-left: 29px !important
}

.m-r-29 {
    margin-right: 29px !important
}

.m-v-29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important
}

.m-h-29 {
    margin-left: 29px !important;
    margin-right: 29px !important
}

.m-30 {
    margin: 30px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-v-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.m-h-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.m-31 {
    margin: 31px !important
}

.m-t-31 {
    margin-top: 31px !important
}

.m-b-31 {
    margin-bottom: 31px !important
}

.m-l-31 {
    margin-left: 31px !important
}

.m-r-31 {
    margin-right: 31px !important
}

.m-v-31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

.m-h-31 {
    margin-left: 31px !important;
    margin-right: 31px !important
}

.m-32 {
    margin: 32px !important
}

.m-t-32 {
    margin-top: 32px !important
}

.m-b-32 {
    margin-bottom: 32px !important
}

.m-l-32 {
    margin-left: 32px !important
}

.m-r-32 {
    margin-right: 32px !important
}

.m-v-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m-h-32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.m-33 {
    margin: 33px !important
}

.m-t-33 {
    margin-top: 33px !important
}

.m-b-33 {
    margin-bottom: 33px !important
}

.m-l-33 {
    margin-left: 33px !important
}

.m-r-33 {
    margin-right: 33px !important
}

.m-v-33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important
}

.m-h-33 {
    margin-left: 33px !important;
    margin-right: 33px !important
}

.m-34 {
    margin: 34px !important
}

.m-t-34 {
    margin-top: 34px !important
}

.m-b-34 {
    margin-bottom: 34px !important
}

.m-l-34 {
    margin-left: 34px !important
}

.m-r-34 {
    margin-right: 34px !important
}

.m-v-34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important
}

.m-h-34 {
    margin-left: 34px !important;
    margin-right: 34px !important
}

.m-35 {
    margin: 35px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-v-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.m-h-35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.m-36 {
    margin: 36px !important
}

.m-t-36 {
    margin-top: 36px !important
}

.m-b-36 {
    margin-bottom: 36px !important
}

.m-l-36 {
    margin-left: 36px !important
}

.m-r-36 {
    margin-right: 36px !important
}

.m-v-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.m-h-36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.m-37 {
    margin: 37px !important
}

.m-t-37 {
    margin-top: 37px !important
}

.m-b-37 {
    margin-bottom: 37px !important
}

.m-l-37 {
    margin-left: 37px !important
}

.m-r-37 {
    margin-right: 37px !important
}

.m-v-37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important
}

.m-h-37 {
    margin-left: 37px !important;
    margin-right: 37px !important
}

.m-38 {
    margin: 38px !important
}

.m-t-38 {
    margin-top: 38px !important
}

.m-b-38 {
    margin-bottom: 38px !important
}

.m-l-38 {
    margin-left: 38px !important
}

.m-r-38 {
    margin-right: 38px !important
}

.m-v-38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important
}

.m-h-38 {
    margin-left: 38px !important;
    margin-right: 38px !important
}

.m-39 {
    margin: 39px !important
}

.m-t-39 {
    margin-top: 39px !important
}

.m-b-39 {
    margin-bottom: 39px !important
}

.m-l-39 {
    margin-left: 39px !important
}

.m-r-39 {
    margin-right: 39px !important
}

.m-v-39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important
}

.m-h-39 {
    margin-left: 39px !important;
    margin-right: 39px !important
}

.m-40 {
    margin: 40px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-v-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-h-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.m-41 {
    margin: 41px !important
}

.m-t-41 {
    margin-top: 41px !important
}

.m-b-41 {
    margin-bottom: 41px !important
}

.m-l-41 {
    margin-left: 41px !important
}

.m-r-41 {
    margin-right: 41px !important
}

.m-v-41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important
}

.m-h-41 {
    margin-left: 41px !important;
    margin-right: 41px !important
}

.m-42 {
    margin: 42px !important
}

.m-t-42 {
    margin-top: 42px !important
}

.m-b-42 {
    margin-bottom: 42px !important
}

.m-l-42 {
    margin-left: 42px !important
}

.m-r-42 {
    margin-right: 42px !important
}

.m-v-42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important
}

.m-h-42 {
    margin-left: 42px !important;
    margin-right: 42px !important
}

.m-43 {
    margin: 43px !important
}

.m-t-43 {
    margin-top: 43px !important
}

.m-b-43 {
    margin-bottom: 43px !important
}

.m-l-43 {
    margin-left: 43px !important
}

.m-r-43 {
    margin-right: 43px !important
}

.m-v-43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important
}

.m-h-43 {
    margin-left: 43px !important;
    margin-right: 43px !important
}

.m-44 {
    margin: 44px !important
}

.m-t-44 {
    margin-top: 44px !important
}

.m-b-44 {
    margin-bottom: 44px !important
}

.m-l-44 {
    margin-left: 44px !important
}

.m-r-44 {
    margin-right: 44px !important
}

.m-v-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

.m-h-44 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.m-45 {
    margin: 45px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.m-v-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.m-h-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.m-46 {
    margin: 46px !important
}

.m-t-46 {
    margin-top: 46px !important
}

.m-b-46 {
    margin-bottom: 46px !important
}

.m-l-46 {
    margin-left: 46px !important
}

.m-r-46 {
    margin-right: 46px !important
}

.m-v-46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important
}

.m-h-46 {
    margin-left: 46px !important;
    margin-right: 46px !important
}

.m-47 {
    margin: 47px !important
}

.m-t-47 {
    margin-top: 47px !important
}

.m-b-47 {
    margin-bottom: 47px !important
}

.m-l-47 {
    margin-left: 47px !important
}

.m-r-47 {
    margin-right: 47px !important
}

.m-v-47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important
}

.m-h-47 {
    margin-left: 47px !important;
    margin-right: 47px !important
}

.m-48 {
    margin: 48px !important
}

.m-t-48 {
    margin-top: 48px !important
}

.m-b-48 {
    margin-bottom: 48px !important
}

.m-l-48 {
    margin-left: 48px !important
}

.m-r-48 {
    margin-right: 48px !important
}

.m-v-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.m-h-48 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.m-49 {
    margin: 49px !important
}

.m-t-49 {
    margin-top: 49px !important
}

.m-b-49 {
    margin-bottom: 49px !important
}

.m-l-49 {
    margin-left: 49px !important
}

.m-r-49 {
    margin-right: 49px !important
}

.m-v-49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important
}

.m-h-49 {
    margin-left: 49px !important;
    margin-right: 49px !important
}

.m-50 {
    margin: 50px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.m-v-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.m-h-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

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

.p-b-0 {
    padding-bottom: 0px !important
}

.p-t-0 {
    padding-top: 0px !important
}

.p-l-0 {
    padding-left: 0px !important
}

.p-r-0 {
    padding-right: 0px !important
}

.p-v-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

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

.p-1 {
    padding: 1px !important
}

.p-b-1 {
    padding-bottom: 1px !important
}

.p-t-1 {
    padding-top: 1px !important
}

.p-l-1 {
    padding-left: 1px !important
}

.p-r-1 {
    padding-right: 1px !important
}

.p-v-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.p-h-1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.p-2 {
    padding: 2px !important
}

.p-b-2 {
    padding-bottom: 2px !important
}

.p-t-2 {
    padding-top: 2px !important
}

.p-l-2 {
    padding-left: 2px !important
}

.p-r-2 {
    padding-right: 2px !important
}

.p-v-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.p-h-2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.p-3 {
    padding: 3px !important
}

.p-b-3 {
    padding-bottom: 3px !important
}

.p-t-3 {
    padding-top: 3px !important
}

.p-l-3 {
    padding-left: 3px !important
}

.p-r-3 {
    padding-right: 3px !important
}

.p-v-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.p-h-3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.p-4 {
    padding: 4px !important
}

.p-b-4 {
    padding-bottom: 4px !important
}

.p-t-4 {
    padding-top: 4px !important
}

.p-l-4 {
    padding-left: 4px !important
}

.p-r-4 {
    padding-right: 4px !important
}

.p-v-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.p-h-4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.p-5 {
    padding: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-v-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-h-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.p-6 {
    padding: 6px !important
}

.p-b-6 {
    padding-bottom: 6px !important
}

.p-t-6 {
    padding-top: 6px !important
}

.p-l-6 {
    padding-left: 6px !important
}

.p-r-6 {
    padding-right: 6px !important
}

.p-v-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.p-h-6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.p-7 {
    padding: 7px !important
}

.p-b-7 {
    padding-bottom: 7px !important
}

.p-t-7 {
    padding-top: 7px !important
}

.p-l-7 {
    padding-left: 7px !important
}

.p-r-7 {
    padding-right: 7px !important
}

.p-v-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.p-h-7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.p-8 {
    padding: 8px !important
}

.p-b-8 {
    padding-bottom: 8px !important
}

.p-t-8 {
    padding-top: 8px !important
}

.p-l-8 {
    padding-left: 8px !important
}

.p-r-8 {
    padding-right: 8px !important
}

.p-v-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.p-h-8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.p-9 {
    padding: 9px !important
}

.p-b-9 {
    padding-bottom: 9px !important
}

.p-t-9 {
    padding-top: 9px !important
}

.p-l-9 {
    padding-left: 9px !important
}

.p-r-9 {
    padding-right: 9px !important
}

.p-v-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.p-h-9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.p-10 {
    padding: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-v-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-h-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.p-11 {
    padding: 11px !important
}

.p-b-11 {
    padding-bottom: 11px !important
}

.p-t-11 {
    padding-top: 11px !important
}

.p-l-11 {
    padding-left: 11px !important
}

.p-r-11 {
    padding-right: 11px !important
}

.p-v-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.p-h-11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

.p-12 {
    padding: 12px !important
}

.p-b-12 {
    padding-bottom: 12px !important
}

.p-t-12 {
    padding-top: 12px !important
}

.p-l-12 {
    padding-left: 12px !important
}

.p-r-12 {
    padding-right: 12px !important
}

.p-v-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.p-h-12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.p-13 {
    padding: 13px !important
}

.p-b-13 {
    padding-bottom: 13px !important
}

.p-t-13 {
    padding-top: 13px !important
}

.p-l-13 {
    padding-left: 13px !important
}

.p-r-13 {
    padding-right: 13px !important
}

.p-v-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.p-h-13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.p-14 {
    padding: 14px !important
}

.p-b-14 {
    padding-bottom: 14px !important
}

.p-t-14 {
    padding-top: 14px !important
}

.p-l-14 {
    padding-left: 14px !important
}

.p-r-14 {
    padding-right: 14px !important
}

.p-v-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.p-h-14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.p-15 {
    padding: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-v-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.p-h-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.p-16 {
    padding: 16px !important
}

.p-b-16 {
    padding-bottom: 16px !important
}

.p-t-16 {
    padding-top: 16px !important
}

.p-l-16 {
    padding-left: 16px !important
}

.p-r-16 {
    padding-right: 16px !important
}

.p-v-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.p-h-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.p-17 {
    padding: 17px !important
}

.p-b-17 {
    padding-bottom: 17px !important
}

.p-t-17 {
    padding-top: 17px !important
}

.p-l-17 {
    padding-left: 17px !important
}

.p-r-17 {
    padding-right: 17px !important
}

.p-v-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

.p-h-17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

.p-18 {
    padding: 18px !important
}

.p-b-18 {
    padding-bottom: 18px !important
}

.p-t-18 {
    padding-top: 18px !important
}

.p-l-18 {
    padding-left: 18px !important
}

.p-r-18 {
    padding-right: 18px !important
}

.p-v-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.p-h-18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.p-19 {
    padding: 19px !important
}

.p-b-19 {
    padding-bottom: 19px !important
}

.p-t-19 {
    padding-top: 19px !important
}

.p-l-19 {
    padding-left: 19px !important
}

.p-r-19 {
    padding-right: 19px !important
}

.p-v-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

.p-h-19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

.p-20 {
    padding: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-v-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-h-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.p-21 {
    padding: 21px !important
}

.p-b-21 {
    padding-bottom: 21px !important
}

.p-t-21 {
    padding-top: 21px !important
}

.p-l-21 {
    padding-left: 21px !important
}

.p-r-21 {
    padding-right: 21px !important
}

.p-v-21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important
}

.p-h-21 {
    padding-left: 21px !important;
    padding-right: 21px !important
}

.p-22 {
    padding: 22px !important
}

.p-b-22 {
    padding-bottom: 22px !important
}

.p-t-22 {
    padding-top: 22px !important
}

.p-l-22 {
    padding-left: 22px !important
}

.p-r-22 {
    padding-right: 22px !important
}

.p-v-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.p-h-22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.p-23 {
    padding: 23px !important
}

.p-b-23 {
    padding-bottom: 23px !important
}

.p-t-23 {
    padding-top: 23px !important
}

.p-l-23 {
    padding-left: 23px !important
}

.p-r-23 {
    padding-right: 23px !important
}

.p-v-23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important
}

.p-h-23 {
    padding-left: 23px !important;
    padding-right: 23px !important
}

.p-24 {
    padding: 24px !important
}

.p-b-24 {
    padding-bottom: 24px !important
}

.p-t-24 {
    padding-top: 24px !important
}

.p-l-24 {
    padding-left: 24px !important
}

.p-r-24 {
    padding-right: 24px !important
}

.p-v-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.p-h-24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.p-25 {
    padding: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-v-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.p-h-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.p-26 {
    padding: 26px !important
}

.p-b-26 {
    padding-bottom: 26px !important
}

.p-t-26 {
    padding-top: 26px !important
}

.p-l-26 {
    padding-left: 26px !important
}

.p-r-26 {
    padding-right: 26px !important
}

.p-v-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.p-h-26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

.p-27 {
    padding: 27px !important
}

.p-b-27 {
    padding-bottom: 27px !important
}

.p-t-27 {
    padding-top: 27px !important
}

.p-l-27 {
    padding-left: 27px !important
}

.p-r-27 {
    padding-right: 27px !important
}

.p-v-27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important
}

.p-h-27 {
    padding-left: 27px !important;
    padding-right: 27px !important
}

.p-28 {
    padding: 28px !important
}

.p-b-28 {
    padding-bottom: 28px !important
}

.p-t-28 {
    padding-top: 28px !important
}

.p-l-28 {
    padding-left: 28px !important
}

.p-r-28 {
    padding-right: 28px !important
}

.p-v-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.p-h-28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.p-29 {
    padding: 29px !important
}

.p-b-29 {
    padding-bottom: 29px !important
}

.p-t-29 {
    padding-top: 29px !important
}

.p-l-29 {
    padding-left: 29px !important
}

.p-r-29 {
    padding-right: 29px !important
}

.p-v-29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important
}

.p-h-29 {
    padding-left: 29px !important;
    padding-right: 29px !important
}

.p-30 {
    padding: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-v-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.p-h-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.p-31 {
    padding: 31px !important
}

.p-b-31 {
    padding-bottom: 31px !important
}

.p-t-31 {
    padding-top: 31px !important
}

.p-l-31 {
    padding-left: 31px !important
}

.p-r-31 {
    padding-right: 31px !important
}

.p-v-31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

.p-h-31 {
    padding-left: 31px !important;
    padding-right: 31px !important
}

.p-32 {
    padding: 32px !important
}

.p-b-32 {
    padding-bottom: 32px !important
}

.p-t-32 {
    padding-top: 32px !important
}

.p-l-32 {
    padding-left: 32px !important
}

.p-r-32 {
    padding-right: 32px !important
}

.p-v-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.p-h-32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.p-33 {
    padding: 33px !important
}

.p-b-33 {
    padding-bottom: 33px !important
}

.p-t-33 {
    padding-top: 33px !important
}

.p-l-33 {
    padding-left: 33px !important
}

.p-r-33 {
    padding-right: 33px !important
}

.p-v-33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important
}

.p-h-33 {
    padding-left: 33px !important;
    padding-right: 33px !important
}

.p-34 {
    padding: 34px !important
}

.p-b-34 {
    padding-bottom: 34px !important
}

.p-t-34 {
    padding-top: 34px !important
}

.p-l-34 {
    padding-left: 34px !important
}

.p-r-34 {
    padding-right: 34px !important
}

.p-v-34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important
}

.p-h-34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

.p-35 {
    padding: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-v-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.p-h-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.p-36 {
    padding: 36px !important
}

.p-b-36 {
    padding-bottom: 36px !important
}

.p-t-36 {
    padding-top: 36px !important
}

.p-l-36 {
    padding-left: 36px !important
}

.p-r-36 {
    padding-right: 36px !important
}

.p-v-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.p-h-36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.p-37 {
    padding: 37px !important
}

.p-b-37 {
    padding-bottom: 37px !important
}

.p-t-37 {
    padding-top: 37px !important
}

.p-l-37 {
    padding-left: 37px !important
}

.p-r-37 {
    padding-right: 37px !important
}

.p-v-37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important
}

.p-h-37 {
    padding-left: 37px !important;
    padding-right: 37px !important
}

.p-38 {
    padding: 38px !important
}

.p-b-38 {
    padding-bottom: 38px !important
}

.p-t-38 {
    padding-top: 38px !important
}

.p-l-38 {
    padding-left: 38px !important
}

.p-r-38 {
    padding-right: 38px !important
}

.p-v-38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

.p-h-38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

.p-39 {
    padding: 39px !important
}

.p-b-39 {
    padding-bottom: 39px !important
}

.p-t-39 {
    padding-top: 39px !important
}

.p-l-39 {
    padding-left: 39px !important
}

.p-r-39 {
    padding-right: 39px !important
}

.p-v-39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important
}

.p-h-39 {
    padding-left: 39px !important;
    padding-right: 39px !important
}

.p-40 {
    padding: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-v-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.p-h-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.p-41 {
    padding: 41px !important
}

.p-b-41 {
    padding-bottom: 41px !important
}

.p-t-41 {
    padding-top: 41px !important
}

.p-l-41 {
    padding-left: 41px !important
}

.p-r-41 {
    padding-right: 41px !important
}

.p-v-41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important
}

.p-h-41 {
    padding-left: 41px !important;
    padding-right: 41px !important
}

.p-42 {
    padding: 42px !important
}

.p-b-42 {
    padding-bottom: 42px !important
}

.p-t-42 {
    padding-top: 42px !important
}

.p-l-42 {
    padding-left: 42px !important
}

.p-r-42 {
    padding-right: 42px !important
}

.p-v-42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important
}

.p-h-42 {
    padding-left: 42px !important;
    padding-right: 42px !important
}

.p-43 {
    padding: 43px !important
}

.p-b-43 {
    padding-bottom: 43px !important
}

.p-t-43 {
    padding-top: 43px !important
}

.p-l-43 {
    padding-left: 43px !important
}

.p-r-43 {
    padding-right: 43px !important
}

.p-v-43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important
}

.p-h-43 {
    padding-left: 43px !important;
    padding-right: 43px !important
}

.p-44 {
    padding: 44px !important
}

.p-b-44 {
    padding-bottom: 44px !important
}

.p-t-44 {
    padding-top: 44px !important
}

.p-l-44 {
    padding-left: 44px !important
}

.p-r-44 {
    padding-right: 44px !important
}

.p-v-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.p-h-44 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.p-45 {
    padding: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.p-v-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.p-h-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.p-46 {
    padding: 46px !important
}

.p-b-46 {
    padding-bottom: 46px !important
}

.p-t-46 {
    padding-top: 46px !important
}

.p-l-46 {
    padding-left: 46px !important
}

.p-r-46 {
    padding-right: 46px !important
}

.p-v-46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important
}

.p-h-46 {
    padding-left: 46px !important;
    padding-right: 46px !important
}

.p-47 {
    padding: 47px !important
}

.p-b-47 {
    padding-bottom: 47px !important
}

.p-t-47 {
    padding-top: 47px !important
}

.p-l-47 {
    padding-left: 47px !important
}

.p-r-47 {
    padding-right: 47px !important
}

.p-v-47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important
}

.p-h-47 {
    padding-left: 47px !important;
    padding-right: 47px !important
}

.p-48 {
    padding: 48px !important
}

.p-b-48 {
    padding-bottom: 48px !important
}

.p-t-48 {
    padding-top: 48px !important
}

.p-l-48 {
    padding-left: 48px !important
}

.p-r-48 {
    padding-right: 48px !important
}

.p-v-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.p-h-48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.p-49 {
    padding: 49px !important
}

.p-b-49 {
    padding-bottom: 49px !important
}

.p-t-49 {
    padding-top: 49px !important
}

.p-l-49 {
    padding-left: 49px !important
}

.p-r-49 {
    padding-right: 49px !important
}

.p-v-49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important
}

.p-h-49 {
    padding-left: 49px !important;
    padding-right: 49px !important
}

.p-50 {
    padding: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-v-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.p-h-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.bg-help {
    background-image: url("../../img/bg/help.png");
    background-position: top left
}

.apps-dropdown .shortcuts>li>a {
    display: inline-block;
    float: left
}

body {
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36
}

html,
body {
    height: 95%
}

body {
    position: relative;
    background: #F0F3F4
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.close:focus,
.close:hover,
.dropdown-menu>li>a,
.form-control:focus,
.nav>li>a:focus,
a,
a:focus,
button,
input,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
textarea,
.select2-selection:focus {
    outline: 0
}

.main-nav {
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    border-bottom: 1px solid none;
    z-index: 1040;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
    padding: 0px 0px
}

.main-nav img.user {
    width: 35px
}

.main-nav .top-search-bar {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    position: fixed;
    top: -100px;
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #fff;
    border-bottom: 1px solid none;
    z-index: 25
}

.main-nav .top-search-bar .search-input-addon {
    position: relative
}

.main-nav .top-search-bar .search-input-addon .addon-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2px;
    left: 0px;
    display: inline-block
}

.main-nav .top-search-bar .search-input-addon .addon-icon i {
    font-family: "icomoon";
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    padding-left: 5px;
    display: inline-block;
    color: #1C2B36
}

.main-nav .top-search-bar .search-input-addon .top-search-input {
    height: 40px;
    margin-top: 5px;
    padding-left: 35px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: "OpenSans_Light", sans-serif;
    font-size: 18px;
    border: 0px solid transparent;
    background: none;
    color: #1C2B36
}

.main-nav .top-search-bar .search-input-addon .top-search-input:focus {
    border: none;
    border-bottom: 0px solid transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.main-nav .top-search-bar .search-input-addon .top-search-input::-webkit-input-placeholder {
    color: #1C2B36
}

.main-nav .top-search-bar .search-input-addon .top-search-input:-moz-placeholder {
    color: #1C2B36
}

.main-nav .top-search-bar .search-input-addon .top-search-input::-moz-placeholder {
    color: #1C2B36
}

.main-nav .top-search-bar .search-input-addon .top-search-input:-ms-input-placeholder {
    color: #1C2B36
}

@media only screen and (max-width: 374px) {
    .main-nav .top-search-bar .search-input-addon {
        height: 50px
    }
}

.main-nav .top-search-bar.search-bar-toggle {
    top: 0px
}

.main-nav .navbar-left {
    width: 230px;
    height: 52px;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #1C2B36;
    border-bottom: 1px solid none;
    background-color: #1C2B36
}
.slimScrollDiv, .left-aside-container{
    width: 230px !important;
}
.main-nav .navbar-left .left-branding {
    padding: 0;
    margin: 0
}

.main-nav .navbar-left .left-branding>li {
    height: 50px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.main-nav .navbar-left .left-branding>li>li {
    display: inline-block;
    float: left
}

.main-nav .navbar-left .left-branding>li>li:last-child {
    margin-right: 0px
}

@media only screen and (min-width: 1024px) {
    .main-nav .navbar-left .left-branding>li.visible-handheld {
        display: none !important
    }
}

.main-nav .navbar-left .left-toggle-switch {
    width: 50px;
    height: 52px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: #58666E
}

.main-nav .navbar-left .left-toggle-switch i {
    width: 50px;
    height: 52px;
    font-size: 24px;
    line-height: 52px;
    display: inline-block
}

.main-nav .navbar-left .left-toggle-switch:hover,
.main-nav .navbar-left .left-toggle-switch:focus {
    background-color: rgba(0, 0, 0, 0.05)
}

.main-nav .navbar-left .logo {
    width: 150px;
    height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(../../img/logo-light.png) no-repeat 0 0;
    background-size: 150px 25px;
}

.main-nav .navbar .top-icons {
    padding: 0;
    margin: 0;
    text-align: right
}

.main-nav .navbar .top-icons>li {
    display: inline-block;
    float: left
}

.main-nav .navbar .top-icons>li>a {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
    width: 40px;
    height: 52px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center
}

.main-nav .navbar .top-icons>li>a>i {
    width: 40px;
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    top: 0;
    display: inline-block;
    color: #58666E
}

.main-nav .navbar .top-icons>li>a>i:hover,
.main-nav .navbar .top-icons>li>a>i:focus {
    color: #8a99a2;
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
}

.main-nav .navbar .top-icons>li>a:hover,
.main-nav .navbar .top-icons>li>a:focus {
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
}

.main-nav .navbar .top-icons>li.user-dropdown>a {
    width: 52px
}

.main-nav .navbar .top-icons>li.user-dropdown>a.user-name {
    width: auto !important;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 20px;
    font-family: "OpenSans_SemiBold", sans-serif;
    color: #1C2B36;
    float: left
}

.main-nav .navbar .top-icons>li.user-dropdown>a.user-name>i {
    top: 6px;
    left: 5px;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 0;
    color: #58666E
}

.main-nav .navbar .top-icons>li.user-dropdown>a.user-name small {
    padding: 0;
    margin: 0;
    font-size: 9px;
    line-height: 1.3;
    color: #23B7E5;
    text-align: left;
    display: block
}

@media only screen and (min-width: 1024px) {
    .main-nav .navbar {
        padding-right: 10px;
        margin-bottom: -2px
    }
}

.languages {
    top: 50px;
    left: 50px
}

.apps-dropdown .dropdown-menu {
    width: 270px;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    top: 90px;
    right: -12px;
    left: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
    visibility: hidden;
    background: #fff;
    opacity: 0;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.apps-dropdown .dropdown-menu:after,
.apps-dropdown .dropdown-menu:before {
    position: absolute;
    bottom: 100%;
    left: 92%;
    width: 0;
    height: 0;
    margin-left: -18px;
    border: 8px solid transparent;
    content: " ";
    pointer-events: none;
    border-bottom-color: #fff
}

.apps-dropdown .dropdown-menu:before {
    margin-left: -20px;
    border: 10px solid transparent;
    border-bottom-color: #ddd
}

.apps-dropdown .shortcuts {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    padding: 14px
}

.apps-dropdown .shortcuts>li {
    display: inline-block;
    float: left
}

.apps-dropdown .shortcuts>li:last-child {
    margin-right: 0px
}

.apps-dropdown .shortcuts>li {
    width: 50px;
    height: 70px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px
}

.apps-dropdown .shortcuts>li>a {
    width: 50px;
    height: 70px;
    position: relative;
    color: #fff;
    text-align: center
}

.apps-dropdown .shortcuts>li>a i {
    width: 50px;
    height: 56px;
    padding-top: 6px;
    margin-bottom: 3px;
    font-size: 32px;
    line-height: 56px;
    display: inline-block
}

.apps-dropdown .shortcuts>li>a .apps-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    display: block;
    color: #fff;
    background: #23B7E5
}

.apps-dropdown .shortcuts>li>a .apps-noty {
    position: absolute;
    top: -7px;
    right: -5px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    display: inline-block;
    background-color: red
}

.apps-dropdown .shortcuts>li>a.active {
    text-decoration: none
}

.apps-dropdown .shortcuts img {
    width: 38px;
    padding-bottom: 5px
}

.apps-dropdown.open .dropdown-menu {
    -webkit-transition: opacity 0.3s ease-in, top 0.2s ease-in;
    -moz-transition: opacity 0.3s ease-in, top 0.2s ease-in;
    transition: opacity 0.3s ease-in, top 0.2s ease-in;
    visibility: visible;
    top: 60px;
    opacity: 1
}

.user-dropdown .dropdown-menu {
    width: 200px;
    padding: 0;
    margin: 0;
    top: 90px;
    right: 0;
    left: auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    display: block;
    visibility: hidden;
    opacity: 0;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.user-dropdown .dropdown-menu:after,
.user-dropdown .dropdown-menu:before {
    position: absolute;
    bottom: 100%;
    left: 92%;
    width: 0;
    height: 0;
    margin-left: -18px;
    border: 8px solid transparent;
    content: " ";
    pointer-events: none;
    border-bottom-color: #ddd
}

.user-dropdown .dropdown-menu:before {
    margin-left: -20px;
    border: 10px solid transparent;
    border-bottom-color: #ddd
}

.user-dropdown .dropdown-menu ul {
    padding: 0;
    margin: 0
}

.user-dropdown .dropdown-menu>div.user-icon {
    background: #ddd;
    color: #222 !important
}

.user-dropdown .dropdown-menu>div.user-icon img {
    max-width: 120px;
    margin-bottom: 10px
}

.user-dropdown .dropdown-menu>div.user-icon h5 {
    margin-bottom: 0px;
    padding-bottom: 10px;
    font-family: "OpenSans_SemiBold", sans-serif;
    background: #ddd;
    color: #222 !important
}

.user-dropdown .dropdown-menu .user-links {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

.user-dropdown .dropdown-menu .user-links>li {
    display: block;
    list-style: none
}

.user-dropdown .dropdown-menu .user-links>li>a {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: #222;
    font-size: 12px
}

.user-dropdown .dropdown-menu .user-links>li>a i {
    padding-right: 5px;
    font-size: 16px;
    top: -1px;
    color: #222
}

.user-dropdown .dropdown-menu .user-links>li>a.active,
.user-dropdown .dropdown-menu .user-links>li>a:hover,
.user-dropdown .dropdown-menu .user-links>li>a:focus {
    text-decoration: none;
    background-color: rgba(221, 221, 221, 0.3);
    color: #222
}

.user-dropdown .dropdown-menu .btn {
    background: #23B7E5;
    color: #fff !important
}

.user-dropdown .dropdown-menu .btn:hover,
.user-dropdown .dropdown-menu .btn:focus {
    background-color: #19a9d5
}

.user-dropdown .btn-user {
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 8px
}

.user-dropdown.open .dropdown-menu {
    -webkit-transition: opacity 0.3s ease-in, top 0.2s ease-in;
    -moz-transition: opacity 0.3s ease-in, top 0.2s ease-in;
    transition: opacity 0.3s ease-in, top 0.2s ease-in;
    visibility: visible;
    top: 60px;
    opacity: 1
}

.bubble {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: 9%;
    padding: 0;
    display: inline-block;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    background-color: #F44336;
    z-index: 9
}

.notif-bubble {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: 0;
    padding: 0;
    display: inline-block;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    background-color: #F44336;
    z-index: 9
}

.notif-bubble.left-top {
    position: absolute;
    top: -10px;
    left: 0
}

.notif-bubble.right-top {
    position: absolute;
    top: -10px;
    right: 0
}

.notif-bubble.left-bottom {
    position: absolute;
    bottom: -10px;
    left: 0
}

.notif-bubble.right-bottom {
    position: absolute;
    right: 0;
    bottom: -10px
}

.notif-bubble.primary {
    background-color: #2196F3
}

.notif-bubble.info {
    background-color: #00BCD4
}

.notif-bubble.danger {
    background-color: #F44336
}

.notif-bubble.success {
    background-color: #4CAF50
}

.notif-bubble.warning {
    background-color: #FF5722
}

@media only screen and (max-width: 374px) {
    .main-nav .navbar {
        margin-bottom: 0px;
        min-height: 52px
    }
    .main-nav .navbar .top-icons>li>a {
        width: 36px;
        height: 52px
    }
    .main-nav .navbar .top-icons>li>a>i {
        width: 36px;
        height: 50px;
        line-height: 50px
    }
    .main-nav .top-search-bar {
        width: 100%;
        height: 52px;
        padding: 0
    }
    .main-container {
        margin-top: 52px
    }
}

@media only screen and (max-width: 1023px) {
    .main-nav .navbar-left {
        padding: 0px 10px;
        background: none;
        border-right: none;
        border-bottom: none
    }
    .main-nav .navbar-left .left-branding>li {
        float: left
    }
    .main-nav .navbar-left .logo {
        background: url(../../img/logo-dark.png) no-repeat 0 0
    }
    .main-nav .navbar-right {
        margin-right: 10px
    }
    .main-nav .top-search-bar {
        width: 100%;
        height: 52px;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .main-nav {
        padding: 0;
        margin: 0
    }
    .main-nav .navbar-left .left-toggle-switch {
        width: 50px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 0px
    }
    .main-nav .navbar-right {
        margin-right: 0px
    }
    .main-nav .navbar-right .top-right-icons>li.user-dropdown>a {
        width: 36px;
        margin-right: 10px
    }
    .main-nav .top-search-bar {
        width: 100%;
        height: 52px;
        padding: 0
    }
}

@media only screen and (max-width: 374px) {
    .main-nav {
        height: 50px;
        padding: 0;
        margin: 0
    }
    .main-nav .navbar-left {
        width: 100px;
        height: 50px;
        padding: 0;
        margin: 0;
        background: none;
        border-right: none;
        border-bottom: none
    }
    .main-nav .navbar-left .left-toggle-switch {
        width: 50px;
        height: 50px
    }
    .main-nav .navbar-left .left-toggle-switch i {
        width: 50px;
        height: 50px;
        font-size: 24px;
        top: -5px
    }
    .main-nav .navbar-left .logo {
        width: 30px;
        margin: 8px 0px
    }
    .main-nav .navbar-right {
        height: 50px
    }
    .main-nav .navbar-right .top-right-icons {
        height: 50px
    }
    .main-nav .navbar-right .top-right-icons>li {
        height: 50px
    }
    .main-nav .navbar-right .top-right-icons>li>a {
        width: 34px;
        height: 50px
    }
    .main-nav .navbar-right .top-right-icons>li>a>i {
        height: 50px;
        padding: 0;
        margin: 0;
        font-size: 16px;
        top: -5px
    }
    .main-nav .navbar-right .top-right-icons>li.user-dropdown>a {
        margin-right: 5px
    }
    .main-nav .top-search-bar {
        height: 50px
    }
    .main-nav .top-search-bar .search-input-addon .top-search-input {
        margin-top: 4px
    }
    .user-dropdown .dropdown-menu:before,
    .user-dropdown .dropdown-menu:after {
        left: 95%
    }
    .bubble {
        top: 6px;
        right: -15%
    }
}

@media only screen and (min-width: 800px) and (max-width: 800px) {
    .main-nav {
        height: 52px
    }
    .main-nav .left-toggle-switch i {
        top: 0px;
        left: -5px
    }
}

@media only screen and (max-width: 799px) {
    .main-nav {
        height: 52px
    }
    .main-nav .left-toggle-switch i {
        top: 0px;
        left: -5px
    }
    .main-nav .top-search-bar {
        width: 100%;
        height: 52px;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .main-nav {
        height: 52px
    }
    .main-nav .left-toggle-switch i {
        top: -5px;
        left: -5px
    }
}

@media only screen and (max-width: 374px) {
    .main-nav {
        height: 50px
    }
    .main-nav .left-toggle-switch i {
        left: 0px
    }
}

@media only screen and (max-width: 1023px) {
    body .main-container {
        min-height: 100%;
        position: relative;
        margin-left: 0px;
        -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
    }
    body.left-aside-toggle .menu {
        -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    body.left-aside-toggle .main-container {
        margin-left: 0px;
        -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
    }
    body .menu {
        width: 250px;
        height: 100%;
        position: fixed;
        top: 0;
        border-right: 1px solid "transparent";
        background-color: #1C2B36;
        color: #9E9E9E;
        z-index: 9999;
        -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translate3d(-250px, 0, 0);
        -moz-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
    }
    body .menu .user-profile-container {
        background-color: #1C2B36;
        background-image: url(../../img/material_bg.png);
        background: linear-gradient(rgba(28, 43, 54, 0.6), rgba(28, 43, 54, 0.6)), url(../../img/material_bg.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: cover;
        height: 120px
    }
    body .menu .user-profile-container .user-profile {
        width: 100%;
        display: table
    }
    body .menu .user-profile-container .user-profile>div {
        vertical-align: middle
    }
    body .menu .user-profile-container .user-profile .admin-user-thumb {
        width: 42px;
        height: 42px;
        padding-top: 15px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 15px
    }
    body .menu .user-profile-container .user-profile .admin-user-thumb img {
        width: 42px;
        height: 42px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }
    body .menu .user-profile-container .user-profile .admin-user-info {
        padding-top: 35px;
        padding-right: 5px;
        padding-bottom: 15px;
        padding-left: 15px
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown {
        float: right;
        margin-top: -40px;
        margin-right: 0px
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown button {
        color: #fff
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown button.active,
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown button:hover,
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown button:focus {
        color: #fff
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu {
        width: 120px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 1px 0px;
        background: #F6F8F8;
        border: 1px solid #1C2B36;
        top: 90px;
        right: 10px;
        left: auto;
        visibility: hidden;
        opacity: 0;
        display: block;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a {
        color: #1C2B36;
        padding: 6px 12px
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a.active,
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a:hover,
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a:focus {
        color: #fff;
        background: #1C2B36
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a i {
        margin-right: 8px
    }
    body .menu .user-profile-container .user-profile .admin-user-info .dropdown.open .dropdown-menu {
        -webkit-transition: opacity 0.3s ease-in, top 0.2s ease-in;
        -moz-transition: opacity 0.3s ease-in, top 0.2s ease-in;
        transition: opacity 0.3s ease-in, top 0.2s ease-in;
        visibility: visible;
        top: 40px;
        opacity: 1
    }
    body .menu .user-profile-container .user-profile .admin-user-info ul {
        padding: 0;
        margin: 0;
        list-style: none;
        float: left
    }
    body .menu .user-profile-container .user-profile .admin-user-info ul li {
        line-height: 18px
    }
    body .menu .user-profile-container .user-profile .admin-user-info ul li a {
        color: #fff
    }
    body .menu .user-profile-container .user-profile .admin-user-info ul li a:hover,
    body .menu .user-profile-container .user-profile .admin-user-info ul li a:focus {
        color: #fff
    }
    body .menu .user-profile-container .user-profile .admin-user-info ul li small {
        font-size: 11px;
        font-family: "OpenSans", sans-serif
    }
    body .menu .sidebar-accordion {
        background: #1C2B36;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px
    }
    body .menu .sidebar-accordion .list-title {
        margin-top: 5px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 11px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
        color: rgba(134, 159, 177, 0.4)
    }
    body .menu .sidebar-accordion .list-title:first-child {
        margin-top: 0px;
        border: none
    }
    body .menu .sidebar-accordion li {
        position: relative;
        list-style: none
    }
    body .menu .sidebar-accordion li>a {
        display: block;
        position: relative
    }
    body .menu .sidebar-accordion li>a>.label {
        position: relative;
        top: -2px;
        left: 0
    }
    body .menu .sidebar-accordion li ul {
        padding-left: 0px;
        display: none;
        position: relative;
        background: #131e25
    }
    body .menu .sidebar-accordion li ul li {
        position: relative
    }
    body .menu .sidebar-accordion li ul li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 40px;
        color: #869FB1;
        position: relative
    }
    body .menu .sidebar-accordion li ul li a:before {
        width: 2px;
        height: 7px;
        margin-top: 12px;
        padding-right: 5px;
        position: absolute;
        top: 0px;
        right: auto;
        bottom: auto;
        left: 20px;
        border: 1px dotted rgba(134, 159, 177, 0.5);
        background: #131e25;
        content: "";
        z-index: 1
    }
    body .menu .sidebar-accordion li ul li a.active {
        background: none;
        color: #fff
    }
    body .menu .sidebar-accordion li ul li a:hover,
    body .menu .sidebar-accordion li ul li a:focus {
        color: #fff
    }
    body .menu .sidebar-accordion li ul li a .acc-icon {
        top: 2px
    }
    body .menu .sidebar-accordion li ul li li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 50px
    }
    body .menu .sidebar-accordion li ul li li li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 60px
    }
    body .menu .sidebar-accordion li ul li:last-child a {
        margin-bottom: 5px
    }
    body .menu .sidebar-accordion li.active>a {
        color: #fff
    }
    body .menu .sidebar-accordion li.active>a i {
        color: #fff
    }
    body .menu .sidebar-accordion>li.active>a {
        background: #131e25;
        color: #fff
    }
    body .menu .sidebar-accordion>li.active>a i {
        color: #fff
    }
    body .menu .sidebar-accordion>li>a {
        padding-top: 9px;
        padding-right: 20px;
        padding-bottom: 8px;
        padding-left: 15px;
        color: #869FB1;
        display: block;
        vertical-align: middle;
        position: relative
    }
    body .menu .sidebar-accordion>li>a.active,
    body .menu .sidebar-accordion>li>a:hover,
    body .menu .sidebar-accordion>li>a:focus {
        background-color: #131e25;
        color: #fff
    }
    body .menu .sidebar-accordion>li>a.active i,
    body .menu .sidebar-accordion>li>a:hover i,
    body .menu .sidebar-accordion>li>a:focus i {
        color: #fff
    }
    body .menu .sidebar-accordion>li>a>i {
        margin-right: 6px;
        position: relative;
        top: -2px;
        text-align: left;
        color: #869FB1
    }
    body .menu .sidebar-accordion>li>a.acc-parent.active {
        background-color: #131e25;
        color: #fff
    }
    body .menu .sidebar-accordion>li>a.acc-parent.active i {
        color: #fff
    }
    body .menu .sidebar-accordion>li>ul {
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        box-shadow: inset 0 7px 10px -7px transparent
    }
    body .menu .sidebar-accordion>li>ul:after {
        position: absolute;
        top: 0;
        left: 23px;
        width: 0;
        height: 100%;
        border-left: 1px dotted rgba(134, 159, 177, 0.5);
        content: ""
    }
    body .menu .sidebar-accordion>li>ul li a.active {
        background: none
    }
    body .menu .acc-icon {
        width: 12px;
        position: absolute;
        top: 5px;
        right: 12px;
        display: inline-block;
        text-align: center
    }
    body .menu .acc-icon:after {
        content: "";
        speak: none;
        font-family: "icomoon";
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        color: inherit;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased
    }
    body .menu .acc-parent.active .acc-icon:after {
        content: "";
        speak: none;
        font-family: "icomoon";
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        color: inherit;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased
    }
}

@media only screen and (min-width: 1024px) {
    .main-container {
        min-height: 100%;
        position: relative;
        margin-left: 230px
    }
    .sidebar {
        width: 230px;
        height: 100%;
        position: fixed;
        top: 60px;
        border-right: 1px solid "transparent";
        background-color: #1C2B36;
        z-index: 1024;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
    }
    .sidebar .user-profile-container {
        background-color: #1C2B36;
        background-image: url(../../img/material_bg.png);
        background: linear-gradient(rgba(28, 43, 54, 0.6), rgba(28, 43, 54, 0.6)), url(../../img/material_bg.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: cover;
        height: 120px
    }
    .sidebar .user-profile-container .user-profile {
        width: 100%;
        display: table
    }
    .sidebar .user-profile-container .user-profile>div {
        vertical-align: middle
    }
    .sidebar .user-profile-container .user-profile .admin-user-thumb {
        width: 42px;
        height: 42px;
        padding-top: 15px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 15px
    }
    .sidebar .user-profile-container .user-profile .admin-user-thumb img {
        width: 42px;
        height: 42px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }
    .sidebar .user-profile-container .user-profile .admin-user-info {
        padding-top: 35px;
        padding-right: 5px;
        padding-bottom: 15px;
        padding-left: 15px
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown {
        float: right;
        margin-top: -40px;
        margin-right: 0px
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown button {
        color: #fff
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown button.active,
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown button:hover,
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown button:focus {
        color: #fff
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu {
        width: 120px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 1px 0px;
        background: #F6F8F8;
        border: 1px solid #1C2B36;
        top: 90px;
        right: 10px;
        left: auto;
        visibility: hidden;
        opacity: 0;
        display: block;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a {
        color: #1C2B36;
        padding: 6px 12px
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a.active,
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a:hover,
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a:focus {
        color: #fff;
        background: #1C2B36
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown .dropdown-menu a i {
        margin-right: 8px
    }
    .sidebar .user-profile-container .user-profile .admin-user-info .dropdown.open .dropdown-menu {
        -webkit-transition: opacity 0.3s ease-in, top 0.2s ease-in;
        -moz-transition: opacity 0.3s ease-in, top 0.2s ease-in;
        transition: opacity 0.3s ease-in, top 0.2s ease-in;
        visibility: visible;
        top: 40px;
        opacity: 1
    }
    .sidebar .user-profile-container .user-profile .admin-user-info ul {
        padding: 0;
        margin: 0;
        list-style: none;
        float: left
    }
    .sidebar .user-profile-container .user-profile .admin-user-info ul li {
        line-height: 18px
    }
    .sidebar .user-profile-container .user-profile .admin-user-info ul li a {
        color: #fff
    }
    .sidebar .user-profile-container .user-profile .admin-user-info ul li a:hover,
    .sidebar .user-profile-container .user-profile .admin-user-info ul li a:focus {
        color: #fff
    }
    .sidebar .user-profile-container .user-profile .admin-user-info ul li small {
        font-size: 11px;
        font-family: "OpenSans", sans-serif
    }
    .sidebar .sidebar-accordion {
        background: #1C2B36;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px
    }
    .sidebar .sidebar-accordion .list-title {
        margin-top: 5px;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 11px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
        color: rgba(134, 159, 177, 0.4)
    }
    .sidebar .sidebar-accordion .list-title:first-child {
        margin-top: 0px;
        border: none
    }
    .sidebar .sidebar-accordion li {
        position: relative;
        list-style: none
    }
    .sidebar .sidebar-accordion li>a {
        display: block;
        position: relative
    }
    .sidebar .sidebar-accordion li>a>.label {
        position: relative;
        top: -2px;
        left: 0
    }
    .sidebar .sidebar-accordion li ul {
        padding-left: 0px;
        display: none;
        position: relative;
        background: #131e25
    }
    .sidebar .sidebar-accordion li ul li {
        position: relative
    }
    .sidebar .sidebar-accordion li ul li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 40px;
        color: #869FB1;
        position: relative
    }
    .sidebar .sidebar-accordion li ul li a:before {
        width: 2px;
        height: 7px;
        margin-top: 12px;
        padding-right: 5px;
        position: absolute;
        top: 0px;
        right: auto;
        bottom: auto;
        left: 20px;
        border: 1px dotted rgba(134, 159, 177, 0.5);
        background: #131e25;
        content: "";
        z-index: 1
    }
    .sidebar .sidebar-accordion li ul li a.active {
        background: none;
        color: #fff
    }
    .sidebar .sidebar-accordion li ul li a:hover,
    .sidebar .sidebar-accordion li ul li a:focus {
        color: #fff
    }
    .sidebar .sidebar-accordion li ul li a .acc-icon {
        top: 2px
    }
    .sidebar .sidebar-accordion li ul li li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 50px
    }
    .sidebar .sidebar-accordion li ul li li li a {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 60px
    }
    .sidebar .sidebar-accordion li ul li:last-child a {
        margin-bottom: 5px
    }
    .sidebar .sidebar-accordion li.active>a {
        color: #fff
    }
    .sidebar .sidebar-accordion li.active>a i {
        color: #fff
    }
    .sidebar .sidebar-accordion>li.active>a {
        background: #131e25;
        color: #fff
    }
    .sidebar .sidebar-accordion>li.active>a i {
        color: #fff
    }
    .sidebar .sidebar-accordion>li>a {
        padding-top: 9px;
        padding-right: 20px;
        padding-bottom: 8px;
        padding-left: 15px;
        color: #869FB1;
        display: block;
        vertical-align: middle;
        position: relative
    }
    .sidebar .sidebar-accordion>li>a.active,
    .sidebar .sidebar-accordion>li>a:hover,
    .sidebar .sidebar-accordion>li>a:focus {
        background-color: #131e25;
        color: #fff
    }
    .sidebar .sidebar-accordion>li>a.active i,
    .sidebar .sidebar-accordion>li>a:hover i,
    .sidebar .sidebar-accordion>li>a:focus i {
        color: #fff
    }
    .sidebar .sidebar-accordion>li>a>i {
        margin-right: 6px;
        position: relative;
        top: -2px;
        text-align: left;
        color: #869FB1
    }
    .sidebar .sidebar-accordion>li>a.acc-parent.active {
        background-color: #131e25;
        color: #fff
    }
    .sidebar .sidebar-accordion>li>a.acc-parent.active i {
        color: #fff
    }
    .sidebar .sidebar-accordion>li>ul {
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        box-shadow: inset 0 7px 10px -7px transparent
    }
    .sidebar .sidebar-accordion>li>ul:after {
        position: absolute;
        top: 0;
        left: 23px;
        width: 0;
        height: 100%;
        border-left: 1px dotted rgba(134, 159, 177, 0.5);
        content: ""
    }
    .sidebar .sidebar-accordion>li>ul li a.active {
        background: none
    }
    .sidebar .acc-icon {
        width: 12px;
        position: absolute;
        top: 5px;
        right: 12px;
        display: inline-block;
        text-align: center
    }
    .sidebar .acc-icon:after {
        content: "";
        speak: none;
        font-family: "icomoon";
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        color: inherit;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased
    }
    .sidebar .acc-parent.active .acc-icon:after {
        content: "";
        speak: none;
        font-family: "icomoon";
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        color: inherit;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased
    }
}

.alert {
    position: relative;
    padding: 15px 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.alert .alert-heading {
    margin-top: 0px;
    margin-right: px;
    margin-bottom: 5px;
    margin-left: px
}

.alert .alert-link {
    color: inherit
}

.alert .close,
.alert .close:hover,
.alert .close:focus {
    color: inherit
}

.alert-primary {
    background-color: #cfe8fc;
    border-color: #2196F3;
    color: #085592
}

.alert-primary,
.alert-primary .close {
    color: #0c82df
}

.alert-success {
    background-color: #cae8cc;
    border-color: #4CAF50;
    color: #275a29
}

.alert-success,
.alert-success .close {
    color: #409343
}

.alert-info {
    background-color: #8df2ff;
    border-color: #00BCD4;
    color: #004f5a
}

.alert-info,
.alert-info .close {
    color: #0098ab
}

.alert-warning {
    background-color: #ffe3da;
    border-color: #FF5722;
    color: #a72800
}

.alert-warning,
.alert-warning .close {
    color: #f83c00
}

.alert-danger {
    background-color: #fee6e4;
    border-color: #F44336;
    color: #a61409
}

.alert-danger,
.alert-danger .close {
    color: #f21f0f
}

.alert.alert-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 15px 20px
}

.alert-component[class*=alert-styled-] {
    background-color: #fff
}

.alert[class*=bg-] a,
.alert[class*=bg-] .alert-link {
    color: #fff
}

.alert[class*=alert-styled-]:after,
.ui-pnotify[class*=alert-styled-]>.alert:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #fff;
    width: 44px;
    position: absolute;
    top: 48%;
    left: -30px;
    margin-top: -12px
}

.alert[class*=alert-styled-].alert-danger:after,
.alert[class*=alert-styled-][class*=bg-danger]:after,
.ui-pnotify[class*=alert-styled-]>.alert.alert-danger:after,
.ui-pnotify[class*=alert-styled-]>.alert[class*=bg-danger]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.alert[class*=alert-styled-].alert-success:after,
.alert[class*=alert-styled-][class*=bg-success]:after,
.ui-pnotify[class*=alert-styled-]>.alert.alert-success:after,
.ui-pnotify[class*=alert-styled-]>.alert[class*=bg-success]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.alert[class*=alert-styled-].alert-warning:after,
.alert[class*=alert-styled-][class*=bg-warning]:after,
.ui-pnotify[class*=alert-styled-]>.alert.alert-warning:after,
.ui-pnotify[class*=alert-styled-]>.alert[class*=bg-warning]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.alert[class*=alert-styled-].alert-info:after,
.alert[class*=alert-styled-][class*=bg-info]:after,
.ui-pnotify[class*=alert-styled-]>.alert.alert-info:after,
.ui-pnotify[class*=alert-styled-]>.alert[class*=bg-info]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.alert.alert-styled-left,
.ui-pnotify.alert-styled-left>.alert {
    border-left-width: 44px
}

.alert.alert-styled-left:after,
.ui-pnotify.alert-styled-left>.alert:after {
    left: -30px !important;
    right: auto !important;
    color: #fff !important
}

.alert.alert-styled-right,
.ui-pnotify.alert-styled-right>.alert {
    border-right-width: 44px
}

.alert.alert-styled-right:after,
.ui-pnotify.alert-styled-right>.alert:after {
    left: auto !important;
    right: -58px !important;
    color: #fff !important
}

.alert.alert-styled-custom:after,
.ui-pnotify.alert-styled-custom>.alert:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.alert.alert-styled-left {
    border-left-width: 44px
}

.alert.alert-styled-left[class*=bg-] {
    border-left-color: rgba(0, 0, 0, 0.15) !important
}

.alert.alert-styled-right {
    border-right-width: 44px
}

.alert.alert-styled-right[class*=bg-] {
    border-right-color: rgba(0, 0, 0, 0.15) !important
}

.alert[class*=alert-arrow-]:before,
.ui-pnotify[class*=alert-arrow-]>.alert:before {
    margin-top: -5px;
    margin-right: px;
    margin-bottom: px;
    margin-left: 5px;
    position: absolute;
    top: 44%;
    left: 0px;
    content: "";
    display: inline-block;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit
}

.alert.alert-arrow-right:before,
.ui-pnotify.alert-arrow-right>.alert:before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 5px solid;
    border-right-color: inherit
}

.badge {
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
    font-size: 10px;
    border: 0px solid transparent;
    letter-spacing: 0.1px
}

.btn .badge {
    top: 0
}

.btn-xs .badge {
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.nav-tabs-solid>.active>a>.badge,
.nav-tabs[class*=bg-]>li>a>.badge {
    color: #fff;
    background-color: #ccc;
    border-color: #9E9E9E
}

.nav-pills>li>a>.badge {
    margin-left: 0px
}

.nav-pills>li>a>.badge.position-right {
    margin-left: 4px
}

.badge-default {
    background-color: #ccc;
    border-color: #9E9E9E
}

.badge-primary {
    background-color: #2196F3;
    border-color: #2196F3
}

.badge-success {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.badge-info {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.badge-warning {
    background-color: #FF5722;
    border-color: #FF5722
}

.badge-danger {
    background-color: #F44336;
    border-color: #F44336
}

.badge-flat {
    background-color: transparent;
    border-width: 2px
}

.badge-flat[href]:hover,
.badge-flat[href]:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: transparent
}

.btn {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px
}

.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: 0
}

.btn::-moz-focus-inner {
    border: 0
}

.btn:hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.06)
}

.btn[class*=bg-]:hover,
.btn[class*=bg-]:focus,
.btn[class*=bg-].focus {
    color: #fff
}

.btn.text-size-sm {
    line-height: 11px
}

.btn.text-size-xs {
    line-height: 10px
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01)
}

.btn-default:active,
.btn-default.active {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02)
}

.btn-labeled {
    padding-left: 37px
}

.btn-labeled.btn-default>b {
    background-color: rgba(0, 0, 0, 0.03);
    color: #ccc
}

.btn-labeled>b {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    padding: 5px 8px
}

.btn-labeled.btn-labeled-right {
    padding-top: px;
    padding-right: 37px;
    padding-bottom: px;
    padding-left: 8px
}

.btn-labeled.btn-labeled-right>b {
    left: auto;
    right: -1px
}

.btn-labeled.btn-xlg {
    padding-left: 65px
}

.btn-labeled.btn-xlg>b {
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    padding: 9px 15px
}

.btn-labeled.btn-xlg.btn-labeled-right {
    padding-top: px;
    padding-right: 33px;
    padding-bottom: px;
    padding-left: 8px
}

.btn-labeled.btn-lg {
    padding-left: 55px
}

.btn-labeled.btn-lg>b {
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    padding: 7px 12px
}

.btn-labeled.btn-lg.btn-labeled-right {
    padding-top: px;
    padding-right: 27px;
    padding-bottom: px;
    padding-left: 6px
}

.btn-labeled.btn-sm {
    padding-left: 35px
}

.btn-labeled.btn-sm>b {
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    padding: 4px 8px
}

.btn-labeled.btn-sm.btn-labeled-right {
    padding-top: px;
    padding-right: 20px;
    padding-bottom: px;
    padding-left: 3px
}

.btn-labeled.btn-xs {
    padding-left: 27px
}

.btn-labeled.btn-xs>b {
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    padding-right: 7px;
    padding-bottom: 1px;
    padding-left: 7px
}

.btn-labeled.btn-xs.btn-labeled-right {
    padding-top: px;
    padding-right: 17px;
    padding-bottom: px;
    padding-left: 2px
}

.btn-flat {
    border-width: 2px;
    background-color: transparent
}

.btn-flat:hover,
.btn-flat:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: rgba(0, 0, 0, 0.1)
}

.btn-flat:active {
    background: rgba(0, 0, 0, 0.2)
}

.btn-flat .btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-icon {
    padding: 0;
    margin: 0
}

.btn-icon.icon-2x {
    padding: px 6px
}

.btn-icon.icon-2x>i {
    font-size: 32px;
    top: 0
}

.btn-icon.icon-2x.btn-xlg {
    padding: px 8px
}

.btn-icon.icon-2x.btn-lg {
    padding: px 6px
}

.btn-icon.icon-2x.btn-sm {
    padding: px 3px
}

.btn-icon.icon-2x.btn-xs {
    padding: px 2px
}

.btn-icon.btn-xlg,
.btn-icon .input-group-xlg>.input-group-btn {
    padding: px 10px
}

.btn-icon.btn-lg,
.btn-icon .input-group-lg>.input-group-btn {
    padding: px 8px
}

.btn-icon.btn-sm,
.btn-icon .input-group-sm>.input-group-btn {
    padding: px 5px
}

.btn-icon.btn-xs,
.btn-icon .input-group-xs>.input-group-btn>.btn {
    padding: px 4px
}

.btn-link {
    color: #1C2B36
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-rounded.btn-labeled>b {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-rounded.btn-labeled>b i {
    top: -2px
}

.btn-block+.btn-block {
    margin-top: 4px
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover {
    background-color: #fafafa;
    border-color: #bdbdbd
}

.btn-default:active,
.btn-default.active,
.btn-default .open>.dropdown-toggle {
    background-color: #fafafa;
    border-color: #bdbdbd
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.btn-default .open>.dropdown-toggle:hover,
.btn-default .open>.dropdown-toggle:focus,
.btn-default .open>.dropdown-toggle.focus {
    background-color: #fafafa;
    border-color: #bdbdbd
}

.btn-default.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
    background-color: #2196F3;
    border-color: #0d8aee
}

.btn-primary:active,
.btn-primary.active,
.btn-primary .open>.dropdown-toggle {
    background-color: #128ff2;
    border-color: #0d8aee
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary .open>.dropdown-toggle:hover,
.btn-primary .open>.dropdown-toggle:focus,
.btn-primary .open>.dropdown-toggle.focus {
    background-color: #2196F3;
    border-color: #0d8aee
}

.btn-primary.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
    background-color: #4CAF50;
    border-color: #449d48
}

.btn-success:active,
.btn-success.active,
.btn-success .open>.dropdown-toggle {
    background-color: #47a44b;
    border-color: #449d48
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.btn-success .open>.dropdown-toggle:hover,
.btn-success .open>.dropdown-toggle:focus,
.btn-success .open>.dropdown-toggle.focus {
    background-color: #4CAF50;
    border-color: #449d48
}

.btn-success.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-info {
    background: #00BCD4
}

.btn-info:focus,
.btn-info.focus,
.btn-info:hover {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info:active,
.btn-info.active,
.btn-info .open>.dropdown-toggle {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.btn-info .open>.dropdown-toggle:hover,
.btn-info .open>.dropdown-toggle:focus,
.btn-info .open>.dropdown-toggle.focus {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover {
    background-color: #FF5722;
    border-color: #ff4409
}

.btn-warning:active,
.btn-warning.active,
.btn-warning .open>.dropdown-toggle {
    background-color: #ff4b13;
    border-color: #ff4409
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.btn-warning .open>.dropdown-toggle:hover,
.btn-warning .open>.dropdown-toggle:focus,
.btn-warning .open>.dropdown-toggle.focus {
    background-color: #FF5722;
    border-color: #ff4409
}

.btn-warning.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover {
    background-color: #F44336;
    border-color: #f32c1e
}

.btn-danger:active,
.btn-danger.active,
.btn-danger .open>.dropdown-toggle {
    background-color: #f33527;
    border-color: #f32c1e
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.btn-danger .open>.dropdown-toggle:hover,
.btn-danger .open>.dropdown-toggle:focus,
.btn-danger .open>.dropdown-toggle.focus {
    background-color: #F44336;
    border-color: #f32c1e
}

.btn-danger.disabled {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.btn-xlg {
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    text-align: center
}

.btn-xlg.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-xlg i {
    font-size: 26px
}

.btn-lg {
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    text-align: center
}

.btn-lg.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-lg i {
    font-size: 23px
}

.btn-sm {
    padding-top: 3px;
    padding-right: 9px;
    padding-bottom: 3px;
    padding-left: 9px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    text-align: center
}

.btn-sm.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-sm i {
    font-size: 12px
}

.btn-xs {
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-bottom: 0px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    text-align: center
}

.btn-xs.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.btn-xs i {
    font-size: 10px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 100px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 3px 100px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 3px 100px rgba(0, 0, 0, 0.05)
}

.carousel-control {
    font-size: 40px;
    padding-top: 17.5%
}

.carousel-control .sr-only {
    display: none
}

.carousel-caption {
    padding-bottom: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5)
}

.carousel-caption p {
    color: #fff !important;
    text-shadow: none
}

pre {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666
}

pre.line-numbers {
    padding-left: 50px;
    position: relative;
    counter-reset: linenumber
}

pre.line-numbers>code {
    position: relative
}

pre[class*=language-] {
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 50px;
    overflow: auto;
    position: relative;
    border-left-width: 2px;
    border-left-color: #F44336;
    background-color: #fff;
    background-image: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.025) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0
}

pre[class*=language-]>code[data-language] {
    display: block
}

pre[class*=language-]>code[data-language]:before {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 8px;
    content: attr(data-language);
    background-color: #F44336;
    font-size: 11px;
    display: inline-block;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    text-shadow: none;
    color: #fff
}

pre[class*=language-].line-numbers>code[data-language]:before {
    top: -15px;
    right: -15px
}

pre[data-line] {
    padding-left: 36px;
    position: relative
}

.language-markup .nt {
    color: #F44336
}

.language-markup .na {
    color: #4CAF50
}

.language-markup .s {
    color: #00BCD4
}

.language-markup .c {
    color: #6b94b3
}

.line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: 0
}

.line-numbers .line-numbers-rows {
    position: absolute;
    top: 2px;
    left: 20px;
    width: 20px;
    pointer-events: none;
    font-size: 100%;
    letter-spacing: -1px;
    border-right: 1px solid #F0F3F4;
    user-select: none;
    color: #666
}

.line-numbers .line-numbers-rows>span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.line-numbers .line-numbers-rows>span:before {
    color: #666;
    padding-right: 10px;
    display: block;
    text-align: right
}

ul.colors-demo {
    height: 120px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: -25px;
    clear: both
}

ul.colors-demo li {
    width: 8.33%;
    height: 120px;
    list-style: none;
    float: left;
    position: relative
}

ul.colors-demo li>div {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff !important
}

ul.colors-demo li div.code {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    position: relative;
    bottom: -68px
}

ul.colors-demo li div.value {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    position: absolute;
    bottom: 0px
}

@media only screen and (min-width: 1440px) {
    .page-content {
        max-width: 100%;
        padding: 0px 20px
    }
}

.footer-container {
    width: 100%;
    margin: 0;
    padding: 15px 12px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #666;
    text-align: left
}

.footer-container:before,
.footer-container:after {
    content: "";
    display: table
}

.footer-container:after {
    clear: both
}

.footer-container a {
    color: #1C2B36;
    border-bottom: 1px dotted #1C2B36
}

.caret {
    margin-top: -10px;
    border: none;
    width: 10px;
    height: 10px
}

.caret:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: relative;
    top: -5px
}

.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #1C2B36;
    background-color: #fafafa;
    border-color: #ccc
}

.dropdown-menu {
    width: 180px;
    padding: 4px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff;
    color: #1C2B36;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.dropdown-menu .divider {
    margin: 4px 0px;
    background-color: #e6e6e6
}

.dropdown-menu>li {
    margin-bottom: 1px;
    position: relative
}

.dropdown-menu>li:last-child {
    margin-bottom: 0px
}

.dropdown-menu>li>a {
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    padding: 4px 12px;
    outline: 0
}

.dropdown-menu>li>a>i,
.dropdown-menu>li>a>img {
    margin-right: 6px
}

.dropdown-menu>li>a>i.pull-right,
.dropdown-menu>li>a>img.pull-right {
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: px;
    margin-left: 10px
}

.dropdown-menu>li>a>img {
    max-height: 16px
}

.dropdown-menu>li>a>.label {
    margin-top: 3px
}

.dropdown-menu>li>a>.badge {
    margin-top: 1px
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a.active {
    background: #23B7E5;
    color: #fff
}

.dropdown-menu>.active>a {
    color: #fff;
    background-color: #23B7E5
}

.dropdown-menu>.disabled .badge,
.dropdown-menu>.disabled .label,
.dropdown-menu>.disabled img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.dropdown-menu[class*=bg-]>li>a,
.dropdown-menu[class*=bg-]>li>label {
    color: #fff
}

.dropdown-menu[class*=bg-]>li>a:hover,
.dropdown-menu[class*=bg-]>li>a:focus,
.dropdown-menu[class*=bg-]>li>label:hover,
.dropdown-menu[class*=bg-]>li>label:focus {
    background-color: rgba(0, 0, 0, 0.1)
}

.dropdown-menu[class*=bg-]>li>a>.label,
.dropdown-menu[class*=bg-]>li>a>.badge,
.dropdown-menu[class*=bg-]>li>label>.label,
.dropdown-menu[class*=bg-]>li>label>.badge {
    color: #1C2B36;
    background-color: #fff;
    border-color: #fff
}

.dropdown-menu[class*=bg-]>.active>a,
.dropdown-menu[class*=bg-]>.active>a:hover,
.dropdown-menu[class*=bg-]>.active>a:focus,
.dropdown-menu[class*=bg-]>.active>label,
.dropdown-menu[class*=bg-]>.active>label:hover,
.dropdown-menu[class*=bg-]>.active>label:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.dropdown-menu[class*=bg-]>.disabled>a,
.dropdown-menu[class*=bg-]>.disabled>a:hover,
.dropdown-menu[class*=bg-]>.disabled>a:focus,
.dropdown-menu[class*=bg-]>.disabled>label,
.dropdown-menu[class*=bg-]>.disabled>label:hover,
.dropdown-menu[class*=bg-]>.disabled>label:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6)
}

.dropdown-menu[class*=bg-]>.dropdown-header {
    color: rgba(255, 255, 255, 0.6)
}

.dropdown-menu[class*=bg-]>.dropdown-header.highlight {
    background-color: rgba(0, 0, 0, 0.1)
}

.dropdown-menu[class*=bg-] .divider {
    background-color: rgba(0, 0, 0, 0.3)
}

.dropdown-menu-xlg>li>a {
    padding: 8px 24px;
    font-size: 18px
}

.dropdown-menu-xlg i {
    font-size: 26px
}

.dropdown-menu-lg>li>a {
    padding: 6px 18px;
    font-size: 15px
}

.dropdown-menu-lg i {
    font-size: 23px
}

.dropdown-menu-sm>li>a {
    padding: 3px 9px;
    font-size: 11px
}

.dropdown-menu-sm i {
    font-size: 12px
}

.dropdown-menu-xs>li>a {
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 10px
}

.dropdown-menu-xs i {
    font-size: 10px
}

.dropdown-menu>.dropdown-submenu>a {
    padding-right: 5px;
    position: relative
}

.dropdown-menu>.dropdown-submenu>a:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
    opacity: 0.8
}

.dropdown-menu>.dropdown-submenu>a:hover,
.dropdown-menu>.dropdown-submenu>a:focus,
.dropdown-menu>.dropdown-submenu>a.active {
    background: #23B7E5;
    color: #fff
}

.dropdown-menu>.dropdown-submenu:hover>a,
.dropdown-menu>.dropdown-submenu:focus>a {
    background: #23B7E5
}

.dropdown-menu>.dropdown-submenu:hover>a:after,
.dropdown-menu>.dropdown-submenu:focus>a:after {
    opacity: 1
}

.dropdown-menu>.dropdown-submenu.active>a {
    background-color: #23B7E5;
    color: #fff
}

.dropdown-menu>.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-menu>.dropdown-submenu.disabled>.dropdown-menu {
    display: none
}

.dropdown-menu>.dropdown-submenu.disabled>a {
    background-color: transparent
}

.dropdown-menu>.dropdown-submenu>.dropdown-menu {
    margin-top: 2px;
    top: 0;
    left: 100%
}

.dropup .dropdown-menu>.dropdown-submenu>.dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu>.dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0px;
    margin-right: px;
    margin-bottom: -6px;
    margin-left: px
}

.dropdown-menu>.dropdown-submenu.dropdown-submenu-left>.dropdown-menu {
    left: auto;
    right: 100%
}

.dropdown-menu>.dropdown-submenu .dropup>.dropdown-menu {
    margin-top: 0px;
    margin-right: px;
    margin-bottom: -6px;
    margin-left: px;
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 479px) {
    .dropdown-menu>.dropdown-submenu {
        position: static
    }
    .dropdown-menu>.dropdown-submenu>a:after {
        content: "";
        speak: none;
        font-family: "icomoon";
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        color: inherit;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased
    }
    .dropdown-menu>.dropdown-submenu .dropdown-menu,
    .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu {
        position: relative;
        right: 0;
        left: 0;
        margin: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        min-width: 100%;
        float: none;
        border-width: 0;
        border-color: rgba(0, 0, 0, 0.1)
    }
    .dropdown-menu>.dropdown-submenu .dropdown-menu>li>a,
    .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu>li>a {
        padding-left: 30px
    }
    .dropdown-menu>.dropdown-submenu .dropdown-menu>li>ul>li>a,
    .dropdown-menu>.dropdown-submenu.dropdown-submenu-left .dropdown-menu>li>ul>li>a {
        padding-left: 45px
    }
}

.dropdown-menu[class*=bg-]>.dropdown-submenu:hover>a,
.dropdown-menu[class*=bg-]>.dropdown-submenu:focus>a {
    background-color: rgba(0, 0, 0, 0.1)
}

.dropdown-menu[class*=bg-]>.dropdown-submenu.disabled:hover>a,
.dropdown-menu[class*=bg-]>.dropdown-submenu.disabled:focus>a {
    background-color: transparent
}

.dropdown-header {
    padding: 6px 12px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #6b94b3;
    text-align: left;
    text-transform: uppercase
}

.dropdown-header:first-child {
    margin-top: 0px
}

.dropdown-header.highlight {
    margin-top: 0px;
    background-color: #6b94b3;
    color: #fff
}

li+.dropdown-header.highlight,
.dropdown-header.highlight+li {
    margin-top: 6px
}

.dropdown-header.highlight:first-child {
    margin-top: 0px
}

.dropdown-header>i {
    margin-right: 10px;
    float: left;
    top: 1px
}

.dropdown-header>i.pull-right {
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: px;
    margin-left: 10px;
    top: -1px
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border: 0
}

.dropup .caret:after,
.navbar-fixed-bottom .dropdown .caret:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.dropdown-menu>li>label:hover,
.dropdown-menu>li>label:focus {
    text-decoration: none;
    color: #1C2B36;
    background-color: #fff
}

.dropdown-menu>.active>label,
.dropdown-menu>.active>label:hover,
.dropdown-menu>.active>label:focus {
    color: #1C2B36;
    background-color: #fff;
    outline: 0
}

.dropdown-menu>.disabled>label,
.dropdown-menu>.disabled>label:hover,
.dropdown-menu>.disabled>label:focus {
    background-color: transparent;
    color: #ccc
}

.dropdown-menu>li>label {
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 42px;
    display: block;
    cursor: pointer
}

.dropdown-menu>li>label .checker,
.dropdown-menu>li>label .choice,
.dropdown-menu>li>label>input[type=checkbox],
.dropdown-menu>li>label>input[type=radio] {
    margin-top: 1px;
    left: 15px;
    top: auto
}

.dropdown-menu>li.checkbox,
.dropdown-menu>li.radio {
    margin-top: 0px
}

.dropdown-menu>li.checkbox-right>label {
    padding-top: px;
    padding-right: 42px;
    padding-bottom: px;
    padding-left: 15px
}

.dropdown-menu>li.checkbox-right>label .checker,
.dropdown-menu>li.checkbox-right>label>input[type=checkbox] {
    left: auto;
    right: 15px
}

.dropdown-menu>li.radio-right>label {
    padding-top: px;
    padding-right: 42px;
    padding-bottom: px;
    padding-left: 15px
}

.dropdown-menu>li.radio-right>label .choice,
.dropdown-menu>li.radio-right>label>input[type=radio] {
    left: auto;
    right: 15px
}

.dropdown-menu>.checkbox-switchery>label>.switchery {
    left: 15px
}

.dropdown-menu>.checkbox-switchery.checkbox-right[class*=switchery-]>label {
    padding-left: 15px;
    padding-left: 15px
}

.dropdown-menu>.checkbox-switchery.checkbox-right[class*=switchery-]>label>.switchery {
    left: auto;
    right: 15px
}

.dropdown-menu>.checkbox-switchery.switchery-sm {
    margin-bottom: 0px
}

.dropdown-menu>.checkbox-switchery.switchery-sm>label {
    padding-left: 68px
}

.dropdown-menu>.checkbox-switchery.switchery-xs {
    margin-bottom: 0px
}

.dropdown-menu>.checkbox-switchery.switchery-xs>label {
    padding-left: 60px
}

.dropdown-menu>.checkbox-switchery.checkbox-right.switchery-sm>label {
    padding-right: 68px
}

.dropdown-menu>.checkbox-switchery.checkbox-right.switchery-xs>label {
    padding-right: 60px
}

.elements-toggle {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    cursor: pointer;
    display: block;
    line-height: 1;
    color: #3f6079
}

.elements-toggle:hover,
.elements-toggle:focus {
    color: #3f6079
}

.elements-toggle>i {
    top: 0
}

.elements {
    position: absolute;
    top: 65%;
    margin-top: -18px;
    color: #3f6079;
    background-color: inherit;
    right: 15px
}

.elements i {
    top: -2px
}

.elements .form-group {
    margin-bottom: 0px
}

.elements .form-group input {
    margin-top: -8px
}

.elements .btn {
    margin-top: -4px
}

.elements .btn-labeled {
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 42px
}

.elements .btn-labeled b {
    padding: 6px 10px
}

.elements .pager {
    margin: 0
}

.elements .btn-float.btn-link {
    padding-top: 0px;
    padding-bottom: 0px
}

.elements .btn-float .bubble {
    top: -10px
}

.panel-heading .elements .form-group label {
    color: inherit
}

.panel-footer .elements .pagination {
    margin: 0
}

@media only screen and (max-width: 799px) {
    .elements {
        display: none;
        text-align: center
    }
    .elements .dropdown-menu {
        margin-top: 0px;
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
        left: -1px;
        right: -1px
    }
    .elements.visible {
        height: auto;
        margin-top: 0px;
        border: 1px solid #F0F3F4;
        border-top: none;
        padding: 15px;
        display: block;
        top: 100%;
        left: -1px;
        right: -1px;
        z-index: 2
    }
    .panel-footer .elements-toggle {
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: static;
        display: block;
        text-align: right
    }
    .panel-footer>.elements>.pull-right {
        float: none !important
    }
    .panel[class*=bg-] .elements.visible {
        border-width: 1px 0;
        border-color: rgba(255, 255, 255, 0.5);
        left: 0;
        right: 0;
        background-color: inherit
    }
    .panel-heading[class*=bg-] .elements.visible {
        border-width: 1px 0;
        border-color: rgba(255, 255, 255, 0.5);
        left: 0;
        right: 0;
        background-color: inherit
    }
    .header .elements.visible {
        border-width: 1px 0;
        left: 0;
        right: 0;
        z-index: 999
    }
    .panel-body>.elements-toggle {
        margin-top: 0px;
        top: 20px
    }
    .panel-body>.elements.visible {
        top: 56px;
        background-color: #fff
    }
}

@media only screen and (min-width: 768px) {
    .elements-toggle {
        display: none
    }
    .panel-heading .elements .icons-list {
        margin-top: 4px
    }
    .elements {
        right: 15px
    }
    .elements .btn-float {
        margin-top: -6px
    }
    .elements .btn-float.has-text {
        margin-top: -18px
    }
    .elements .btn-float.btn-link {
        margin-top: -4px
    }
    .btn-link:hover {
        color: inherit
    }
    .btn-link:focus {
        color: inherit
    }
    .header .elements.collapse {
        display: block;
        visibility: visible
    }
    .panel-footer>.elements {
        margin-top: 0px;
        position: static
    }
    .panel-footer-bordered .elements {
        margin-left: -20px
    }
}

.panel-body>.elements {
    margin-top: 14px;
    top: 0;
    z-index: 10
}

.header .elements .icons-list>li+li {
    margin-left: 10px
}

legend {
    padding: 10px px;
    font-size: 11px;
    text-transform: uppercase
}

legend .control-arrow {
    float: right;
    color: #ccc
}

legend .control-arrow:hover {
    color: #1a1a1a
}

label {
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    font-weight: normal;
    margin-bottom: 6px
}

label.checkbox-switch.checkbox-inline {
    padding: 0
}

.content-divider {
    padding: 15px
}

fieldset:first-child legend:first-child {
    padding-top: 0px
}

fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline {
    color: #ccc
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #EAEFF0;
    color: #1C2B36;
    background: #FAFBFC
}

.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #afc5d5
}

.form-control[disabled]:-moz-placeholder,
.form-control[readonly]:-moz-placeholder,
fieldset[disabled] .form-control:-moz-placeholder,
.form-control:-moz-placeholder {
    color: #afc5d5
}

.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #afc5d5
}

.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: #afc5d5
}

.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus,
.form-control:focus {
    border: 1px solid #EAEFF0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.form-control[disabled],
.form-control[readonly] {
    color: #EAEFF0
}

.form-control[class*=bg-]:focus {
    border-color: transparent
}

.form-control[class*=bg-]:-ms-input-placeholder {
    color: #fff
}

.form-control[class*=bg-]::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-control[class*=bg-]::-webkit-input-placeholder {
    color: #fff
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px
}

.form-horizontal .form-group .form-group {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px
}

.form-horizontal .form-group>div[class*=col-]+.help-inline {
    margin: px 10px
}

.form-horizontal .has-feedback .form-control-feedback {
    margin-top: -1px;
    right: 15px
}

.form-horizontal .has-feedback>.form-control-feedback {
    right: 0
}

.form-horizontal .has-feedback-left .form-control-feedback {
    right: auto;
    left: 10px
}

.form-horizontal .has-feedback-left>.form-control-feedback {
    left: 0
}

textarea.input-xlg,
textarea.input-xs {
    height: auto
}

textarea.input-group-xlg>.form-control,
textarea.input-group-xlg>.input-group-addon,
textarea.input-group-xlg>.input-group-btn>.btn,
textarea.input-group-xs>.form-control,
textarea.input-group-xs>.input-group-addon,
textarea.input-group-xs>.input-group-btn>.btn {
    height: auto
}

select.input-xlg,
select.form-group-xlg .form-control {
    height: 44px;
    line-height: 44px
}

select.input-lg,
select.form-group-lg .form-control {
    height: 40px;
    line-height: 40px
}

select.input-sm,
select.form-group-sm .form-control {
    height: 32px;
    line-height: 32px
}

select.input-xs,
select.form-group-xs .form-control {
    height: 28px;
    line-height: 28px;
    padding-top: 3px
}

select[multiple] {
    padding: 7px;
    height: 200px
}

select[multiple] option {
    padding: 7px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

select[multiple] option+option {
    margin-top: -1px
}

select[multiple].input-xlg,
select[multiple].input-xs {
    height: auto
}

select[multiple].input-group-xlg>.form-control,
select[multiple].input-group-xlg>.input-group-addon,
select[multiple].input-group-xlg>.input-group-btn>.btn,
select[multiple].input-group-xs>.form-control,
select[multiple].input-group-xs>.input-group-addon,
select[multiple].input-group-xs>.input-group-btn>.btn {
    height: auto
}

select[multiple] option[selected] {
    background: #23B7E5
}

select[size] {
    height: 200px;
    padding: 7px
}

select[size] option {
    padding: 7px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

select[size] option+option {
    margin-top: -1px
}

.checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px
}

.checkbox label {
    padding-left: 28px
}

.checkbox input[type=checkbox] {
    margin-left: 0px;
    left: 0
}

.checkbox.disabled {
    color: #ccc
}

.checkbox+.checkbox {
    margin-top: 0px
}

.checkbox-inline {
    padding-left: 28px;
    position: relative
}

.checkbox-inline input[type=checkbox] {
    margin-left: 0px;
    left: 0
}

.checkbox-inline.disabled {
    color: #ccc
}

.checkbox-inline+.checkbox-inline {
    margin-left: 15px
}

.checkbox-right label,
.checkbox-right.checkbox-inline,
.checkbox-right.radio-inline {
    padding-top: px;
    padding-right: 28px;
    padding-bottom: px;
    padding-left: 0px
}

.checkbox-right input[type=radio],
.checkbox-right input[type=checkbox] {
    left: auto;
    right: 0
}

.checkbox-switch>label {
    padding: 0
}

.checkbox-switch.checkbox-right .bootstrap-switch {
    margin-top: px;
    margin-right: 0px;
    margin-bottom: px;
    margin-left: 7px
}

.radio {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px
}

.radio label {
    padding-left: 28px
}

.radio input[type=radio] {
    margin-left: 0px;
    left: 0
}

.radio.disabled {
    color: #ccc
}

.radio+.radio {
    margin-top: 0px
}

.radio-inline {
    padding-left: 28px;
    position: relative
}

.radio-inline input[type=radio] {
    margin-left: 0px;
    left: 0
}

.radio-inline.disabled {
    color: #ccc
}

.radio-inline+.radio-inline {
    margin-left: 15px
}

.radio-right label,
.radio-right.radio-inline {
    padding-top: px;
    padding-right: 28px;
    padding-bottom: px;
    padding-left: 0px
}

.radio-right input[type=radio] {
    left: auto;
    right: 0
}

.has-feedback-left .form-control-feedback i {
    color: #8aa2b9;
    left: 2px
}

.has-feedback .form-control-feedback i {
    color: #8aa2b9;
    right: 2px
}

.input-xlg {
    height: 44px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px
}

.input-xlg+.form-control-feedback {
    width: 44px;
    height: 44px
}

.input-xlg+.form-control-feedback i {
    top: 4px;
    font-size: 23px
}

.input-lg {
    padding: 7px 12px;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px
}

.input-lg+.form-control-feedback {
    width: 40px;
    height: 40px
}

.input-lg+.form-control-feedback i {
    top: -1px;
    font-size: 18px
}

.input-sm {
    height: 32px;
    font-size: 12px
}

.input-sm+.form-control-feedback {
    width: 32px
}

.input-sm+.form-control-feedback i {
    top: -3px;
    font-size: 16px
}

.input-xs {
    height: 28px;
    font-size: 11px
}

.input-xs+.form-control-feedback {
    width: 28px;
    height: 28px
}

.input-xs+.form-control-feedback i {
    top: -4px;
    font-size: 12px
}

.form-group {
    margin-bottom: 20px
}

.form-group:last-child {
    margin-bottom: 0px
}

.form-group-xs .form-control,
.form-group-xs .form-control-static,
.form-group-xs>.form-control-feedback {
    height: 26px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    margin-top: 4px
}

.form-group-xs>.form-control-feedback {
    width: 28px
}

.form-group-sm .form-control,
.form-group-sm .form-control-static,
.form-group-sm>.form-control-feedback {
    height: 32px;
    padding-top: 3px;
    padding-right: 9px;
    padding-bottom: 3px;
    padding-left: 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    margin-top: 3px
}

.form-group-sm>.form-control-feedback {
    width: 32px
}

.form-group-lg .form-control,
.form-group-lg .form-control-static,
.form-group-lg>.form-control-feedback {
    height: 40px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    margin-top: 2px
}

.form-group-lg>.form-control-feedback {
    width: 40px
}

.form-group-xlg .form-control,
.form-group-xlg .form-control-static,
.form-group-xlg>.form-control-feedback {
    height: 44px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px
}

.form-group-xlg>.form-control-feedback {
    width: 44px
}

.input-group-transparent .form-control {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    width: auto
}

.input-group-transparent .form-control:focus,
.input-group-transparent .form-control:hover {
    border-color: transparent
}

.input-group-transparent .input-group-addon {
    padding: 0;
    background-color: transparent;
    border-color: transparent
}

.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 12px;
    background: #e7ecf1;
    color: #8aa2b9;
    font-family: "OpenSans_SemiBold", sans-serif;
    border: 1px solid #EAEFF0
}

.input-group-addon>i {
    display: block;
    top: 0;
    color: #8aa2b9
}

.input-group-addon[class*=bg-]>i {
    color: #fff
}

.input-group-addon .checker,
.input-group-addon .choice {
    margin-top: 1px;
    display: block
}

.input-group-addon.input-xlg {
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 18px
}

.input-group-addon.input-lg {
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px
}

.input-group-addon.input-sm {
    padding-top: 3px;
    padding-right: 9px;
    padding-bottom: 3px;
    padding-left: 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px
}

.input-group-addon.input-xs {
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px
}

.input-group .form-control-feedback {
    z-index: 3
}

.input-group-xlg>.form-control,
.input-group-xlg>.input-group-addon,
.input-group-xlg>.input-group-btn>.btn {
    height: 44px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-xlg>.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-xlg>.input-group-addon>i {
    font-size: 26px
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 40px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-lg>.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-lg>.input-group-addon>i {
    font-size: 23px
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 32px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-sm>.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-sm>.input-group-addon>i {
    font-size: 16px
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 28px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-xs>.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-xs>.input-group-addon>i {
    font-size: 12px
}

.form-control-feedback {
    width: 36px;
    color: #1a1a1a
}

.has-feedback .form-control {
    padding-right: 36px
}

.has-feedback .form-control.input-xlg {
    padding-right: 44px
}

.has-feedback .form-control.input-lg {
    padding-right: 40px
}

.has-feedback .form-control.input-sm {
    padding-right: 32px
}

.has-feedback .form-control.input-xs {
    padding-right: 28px
}

input[class*=bg-]+.form-control-feedback {
    color: #fff
}

.has-error .form-control,
.has-success .form-control,
.has-warning .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.has-feedback-left .form-control {
    padding-top: px;
    padding-right: 8px;
    padding-bottom: px;
    padding-left: 36px
}

.has-feedback-left .form-control.input-xlg {
    padding-top: px;
    padding-right: 12px;
    padding-bottom: px;
    padding-left: 44px
}

.has-feedback-left .form-control.input-lg {
    padding-top: px;
    padding-right: 10px;
    padding-bottom: px;
    padding-left: 40px
}

.has-feedback-left .form-control.input-sm {
    padding-top: px;
    padding-right: 6px;
    padding-bottom: px;
    padding-left: 32px
}

.has-feedback-left .form-control.input-xs {
    padding-top: px;
    padding-right: 4px;
    padding-bottom: px;
    padding-left: 28px
}

.has-feedback-left .form-control-feedback {
    right: auto
}

.help-block,
.help-inline {
    color: #ccc;
    font-size: 11px;
    margin-bottom: 0px
}

.help-inline {
    display: inline-block
}

.copyButton:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.csvButton:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.excelButton:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.pdfButton:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.printButton:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

@media (max-width: 1024px) {
    .form-group div[class*=col-md-]:not(.control-label)+div[class*=col-md-] {
        margin-top: 20px
    }
}

@media (max-width: 1199px) {
    .form-group div[class*=col-lg-]:not(.control-label)+div[class*=col-lg-] {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .form-group div[class*=col-sm-]:not(.control-label)+div[class*=col-sm-] {
        margin-top: 20px
    }
}

@media (min-width: 769px) {
    .form-inline .form-group>label {
        margin-right: 7px;
        position: relative;
        top: 1px
    }
    .form-inline .form-group+.form-group {
        margin-left: 15px
    }
    .form-horizontal .control-label {
        padding-bottom: 6px;
        padding-top: 0px
    }
    .form-horizontal .control-label:not(.text-right) {
        text-align: left
    }
}

@media (min-width: 480px) {
    .form-horizontal .control-label[class*=col-xs-] {
        padding-top: 8px;
        padding-top: 8px
    }
}

@media (min-width: 1025px) {
    .help-inline {
        display: inline-block;
        margin-top: 8px;
        vertical-align: top
    }
    .help-inline.label {
        margin-top: 9px
    }
    .help-inline:not(.label) {
        color: #ccc
    }
    .form-group-lg .help-inline {
        margin-top: 10px
    }
    .form-group-lg .help-inline.label {
        margin-top: 11px
    }
    .form-group-sm .help-inline {
        margin-top: 7px
    }
    .form-group-sm .help-inline.label {
        margin-top: 8px
    }
    .form-group-xs .help-inline {
        margin-top: 6px
    }
    .form-group-xs .help-inline.label {
        margin-top: 7px
    }
    .form-horizontal .control-label[class*=col-md-] {
        padding-top: 8px
    }
}

@media (min-width: 1200px) {
    .form-horizontal .control-label[class*=col-lg-] {
        padding-top: 8px
    }
}

@media (min-width: 769px) {
    .form-horizontal .control-label[class*=col-sm-] {
        padding-top: 8px
    }
    .form-horizontal .form-group-xlg .control-label {
        padding-top: 11px
    }
    .form-horizontal .form-group-lg .control-label {
        padding-top: 10px
    }
    .form-horizontal .form-group-sm .control-label {
        padding-top: 7px
    }
    .form-horizontal .form-group-xs .control-label {
        padding-top: 6px
    }
}

.input-group-btn .btn {
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 12px;
    height: 36px
}

.input-group-btn .btn.btn-default {
    color: #8aa2b9;
    background-color: #e7ecf1;
    border-color: #EAEFF0
}

.input-group-btn .btn.btn-default:hover,
.input-group-btn .btn.btn-default:focus {
    background-color: #dde4eb
}

.input-group-btn .btn[class*=bg-] {
    color: inherit
}

.input-group-btn .btn[class*=bg-] i {
    color: inherit
}

.input-group-btn i {
    color: inherit
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -2px
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.input-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.input-roundless {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.grid-demo [class*=col-]>div:not(.row) {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #e6e6e6;
    color: #1C2B36
}

.responsive-utilities td.is-visible {
    color: #39843c;
    background-color: #aedcb0
}

.responsive-utilities-test span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 12px 4px;
    border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center
}

.hidden-on .col-xs-6 .visible-lg-block,
.hidden-on .col-xs-6 .visible-md-block,
.hidden-on .col-xs-6 .visible-sm-block,
.hidden-on .col-xs-6 .visible-xs-block,
.visible-on .col-xs-6 .visible-lg-block,
.visible-on .col-xs-6 .visible-md-block,
.visible-on .col-xs-6 .visible-sm-block,
.visible-on .col-xs-6 .visible-xs-block {
    padding: 12px 4px;
    color: #39843c;
    border: 1px solid #92cf94;
    background-color: #aedcb0;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial
}

.header {
    margin-bottom: 20px;
    background: #F6F8F8;
    border-bottom: 1px solid #DEE5E7;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.header-content {
    padding: 10px 20px;
    position: relative
}

.page-title {
    font-family: "OpenSans_Light", sans-serif;
    font-size: 20px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    display: block;
    position: relative;
    letter-spacing: -1px
}

.page-title i {
    margin-right: 4px;
    font-family: "icomoon";
    font-size: 100%;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    top: -3px;
    min-width: 22px
}

.page-title small {
    margin-left: 5px;
    font-size: 75%;
    color: #507b9b
}

.breadcrumb {
    padding: 0;
    margin-top: -5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 32px
}

.breadcrumb>li {
    font-size: 11px;
    position: relative
}

.breadcrumb>li>a {
    color: #1C2B36
}

.breadcrumb>li>a:hover,
.breadcrumb>li>a:focus {
    color: #1C2B36
}

.breadcrumb>li:first-child:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    padding: 0;
    margin-top: -10px;
    font-size: 12px;
    color: #1C2B36;
    top: 1px;
    position: relative
}

.breadcrumb>li+li:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    content: "";
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -10px;
    color: #1C2B36;
    top: 3px;
    position: relative
}

.breadcrumb>li.active {
    color: #4FC5EA
}

.page-subtitle {
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #98acb3;
    text-align: left;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 5px
}

.page-subtitle:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin-right: 6px
}

.page-subtitle>small {
    font-family: "OpenSans", sans-serif;
    font-size: inherit;
    line-height: 1.8;
    color: #b5c4c9;
    text-align: left;
    font-size: 12px
}

i.icon-xs {
    font-size: 10px
}

i.icon-sm {
    font-size: 12px
}

i.icon-lg {
    font-size: 23px
}

i.icon-xlg {
    font-size: 26px
}

.glyphs>div {
    padding: 4px 12px;
    cursor: pointer
}

.glyphs>div>i {
    font-family: "icomoon";
    font-size: 24px;
    line-height: 1.8;
    color: #23B7E5;
    text-align: center;
    margin-right: 10px;
    width: 24px;
    text-align: center
}

.glyphs>div:hover {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #23B7E5;
    color: #fff
}

.glyphs>div:hover i,
.glyphs>div:hover span {
    color: #fff
}

.jumbo-header {
    padding: 50px
}

.jumbo-header .form-horizontal {
    padding-left: 200px;
    padding-right: 200px
}

@media only screen and (max-width: 767px) {
    .jumbo-header .form-horizontal {
        padding-left: 0px;
        padding-right: 0px
    }
}

.label {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0px 5px;
    border: 0px solid transparent;
    position: relative;
    top: -1px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 9px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.btn .label {
    top: 0
}

.list-group-item.active>.label,
.nav-pills>.active>a>.label,
.nav-tabs-solid>.active>a>.label,
.nav-tabs[class*=bg-]>li>a>.label {
    color: #fff;
    background-color: #ccc;
    border-color: #9E9E9E
}

@media only screen and (min-width: 1024px) {
    .list-group-item>.label {
        float: right
    }
    .list-group-item>.label+.label {
        margin-right: 5px
    }
}

.label>.caret,
.badge>.caret {
    margin-top: -2px
}

.open .label.dropdown-toggle,
.open .badge.dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.label[href]:hover,
.label[href]:focus,
.badge[href]:hover,
.badge[href]:focus {
    background: rgba(0, 0, 0, 0.2)
}

.label-default {
    border-color: #9E9E9E
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #ccc
}

.label-primary {
    border-color: #2196F3
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.label-success {
    border-color: #4CAF50
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.label-info {
    border-color: #00BCD4
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.label-warning {
    border-color: #FF5722
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.label-danger {
    border-color: #F44336
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.label-flat {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border-width: 2px
}

.label-flat[href]:hover,
.label-flat[href]:focus {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.label-icon {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.label-icon>i {
    top: 0;
    font-size: 10px
}

.label-icon-xlg {
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px
}

.label-icon-lg {
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px
}

.label-icon-sm {
    padding-top: 3px;
    padding-right: 9px;
    padding-bottom: 3px;
    padding-left: 9px
}

.label-icon-xs {
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px
}

.label-rounded {
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.label-roundless {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.label-block {
    display: block
}

.form-control+.label-block {
    margin-top: 4px
}

.label-block.text-left {
    margin-right: 0px;
    text-align: left
}

.label-block.text-right {
    margin-left: 0px;
    text-align: right
}

.list-group {
    margin-bottom: 0px;
    padding: 4px 0px;
    border: 0px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    background: #fff;
    list-style: none
}

.list-group-borderless {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.list-group-item {
    padding: 6px 12px;
    background-color: transparent;
    border: 0;
    color: #1C263C
}

.list-group-item.disabled {
    color: #ccc
}

.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    color: #ccc
}

.list-group-item.active {
    background: #23B7E5;
    color: #fff
}

.list-group-item.active p {
    color: #fff
}

.list-group-item.active:hover,
.list-group-item.active:focus {
    background: #23B7E5;
    color: #fff
}

.list-group-item.active:hover p,
.list-group-item.active:focus p {
    color: #fff
}

.list-group-item p {
    color: #1C263C
}

.list-group-item p small {
    display: block
}

.list-group-item p:last-child {
    margin-bottom: 0px
}

.list-group-item .list-group-item-heading {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #1C263C;
    text-align: left
}

a.list-group-item {
    color: #1C263C
}

a.list-group-item p {
    color: #1C263C
}

a.list-group-item:hover,
a.list-group-item:focus {
    background: #f0fafd;
    color: #1C2B36
}

a.list-group-item:hover p,
a.list-group-item:focus p {
    color: #1C2B36
}

a.list-group-item:hover .list-group-item-heading,
a.list-group-item:focus .list-group-item-heading {
    color: #1C2B36
}

a.list-group-item .list-group-item-heading {
    color: #1C263C
}

.list-group-divider {
    height: 0px;
    margin: 3px 0px;
    display: block;
    background-color: #eaeaea
}

.list-group-header {
    padding: 6px 12px;
    background: #fff;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #6b94b3;
    text-align: left;
    text-transform: uppercase
}

.list-group-item+.list-group-header,
.list-group-divider+.list-group-header {
    margin-top: 8px
}

.list-group-item>i,
.list-group-header>i {
    margin-right: 6px
}

.list-group-item>i.pull-right,
.list-group-header>i.pull-right {
    margin-right: 0px;
    margin-left: 6px
}

.list-group-item>.badge,
.list-group-header>.badge {
    margin-top: 1px
}

.list-group-item>.label,
.list-group-header>.label {
    margin-top: 3px
}

.list-group-item-heading {
    margin: 4px 0px
}

.list-group-item-text {
    margin-bottom: 4px
}

a.list-group-item-success,
.list-group-item-success {
    background: #aedcb0;
    color: #275a29
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
.list-group-item-success:hover,
.list-group-item-success:focus {
    background: #92cf94;
    color: #275a29
}

a.list-group-item-info,
.list-group-item-info {
    background: #64edff;
    color: #004f5a
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
.list-group-item-info:hover,
.list-group-item-info:focus {
    background: #3be9ff;
    color: #004f5a
}

a.list-group-item-warning,
.list-group-item-warning {
    background: #ffc4b1;
    color: #a72800
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
.list-group-item-warning:hover,
.list-group-item-warning:focus {
    background: #ffa588;
    color: #a72800
}

a.list-group-item-danger,
.list-group-item-danger {
    background: #fbc2bd;
    color: #a61409
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
.list-group-item-danger:hover,
.list-group-item-danger:focus {
    background: #f99d97;
    color: #a61409
}

.media {
    margin-top: 12px;
    position: relative
}

.media,
.media-body {
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    line-height: 1.6;
    overflow: visible
}

.media i,
.media-body i {
    font-size: 12px
}

.media-left,
.media-right,
.media-body {
    position: relative;
    color: #1C2B36
}

.media-heading {
    margin-top: 0px;
    margin-bottom: 2px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #3f6079;
    text-align: left;
    display: block
}

.media-list {
    margin-bottom: 0px
}

.media-right,
.media>.pull-right {
    padding-left: 12px;
    padding-top: 5px
}

.media-left,
.media>.pull-left {
    padding-right: 12px;
    padding-top: 3px
}

@media only screen and (max-width: 599px) {
    .stack-media-on-mobile {
        text-align: center
    }
    .stack-media-on-mobile .media-annotation {
        display: block
    }
    .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before {
        content: none;
        margin: 0
    }
    .stack-media-on-mobile .media-heading .media-annotation {
        margin: px 0px;
        padding-bottom: 5px
    }
    .stack-media-on-mobile .media-left,
    .stack-media-on-mobile .media-right,
    .stack-media-on-mobile .media-body {
        width: auto;
        padding: px 0px;
        display: block
    }
    .stack-media-on-mobile .media-left img,
    .stack-media-on-mobile .media-right img,
    .stack-media-on-mobile .media-body img {
        width: 100%;
        height: auto;
        max-height: none
    }
    .stack-media-on-mobile .media-body,
    .stack-media-on-mobile .media-right {
        margin-top: 4px
    }
    .stack-media-on-mobile .media-heading {
        margin-bottom: 5px
    }
}

.media-left img:not(.media-preview),
.media-right img:not(.media-preview),
.thumbnail .media img:not(.media-preview) {
    width: 40px;
    height: 40px;
    max-width: none
}

.media-badge {
    position: absolute;
    top: -2px;
    left: -10px
}

.media-badge,
.media-badge[class*=bg-] {
    border: 2px solid
}

@media only screen and (max-width: 599px) {
    .navbar-inverse .media-badge {
        border: 0;
        top: 0
    }
}

.media-annotation {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: rgba(63, 96, 121, 0.7)
}

.media-heading .media-annotation {
    margin-left: 4px
}

.media-annotation i {
    font-size: 12px
}

.media-annotation.dotted:not(.pull-right):before {
    content: 'ΓÇó';
    margin-right: 7px
}

.media-header {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: rgba(63, 96, 121, 0.7);
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 8px
}

.media-header:first-child {
    margin-top: 0px
}

.media-list-bordered>li {
    border-top: 1px solid #f2f2f2;
    padding-top: 12px;
    margin-top: 12px
}

.media-list-bordered>li:first-child {
    padding-top: 0px;
    border-top-width: 0
}

.media-list-bordered.media-list-linked .media-header {
    margin-bottom: 4px
}

.media-list-linked .media {
    padding: 0;
    margin-top: 0px
}

.media-list-linked .media-link {
    display: block;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    color: #1C2B36
}

.media-list-linked .media-link:hover,
.media-list-linked .media-link:focus {
    background-color: #f7f7f7
}

.media-list-linked .media-header {
    padding: px 6px;
    margin: px 3px
}

.media-list-linked .media-header:first-child {
    margin-top: 0px
}

.media-list-linked.media-list-bordered>li:first-child {
    border-top-width: 1px
}

.media-list-linked.media-list-bordered>.media-header {
    margin-top: 0px
}

.media-list-linked.media-list-bordered>.media-header:first-child {
    border-top-width: 0
}

.modal-backdrop.in {
    opacity: .8
}

.modal-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #fff;
    border: 1px solid transparent
}

.modal-content[class*=bg-] .modal-header,
.modal-content[class*=bg-] .modal-title,
.modal-content[class*=bg-] .modal-footer {
    background: transparent !important;
    color: #fff !important
}

.modal-content[class*=bg-] .modal-body {
    color: #fff !important
}

.modal-content[class*=bg-] .modal-body p {
    color: #fff !important
}

.modal-header {
    padding: 5px 20px;
    background: #f5f5f5;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative
}

.modal-header[class*=bg-] {
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
    margin-left: -1px;
    padding-bottom: 15px !important;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.modal-header[class*=bg-] .modal-title {
    color: #fff
}

.modal-header[class*=bg-] .close {
    margin-top: -9pxpx
}

.modal-header .modal-title {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    text-transform: uppercase
}

.modal-content[class*=bg-] .modal-header .close,
.modal-header[class*=bg-] .close {
    color: #fff
}

.modal-header .close {
    position: absolute;
    top: 35%;
    right: 20px;
    margin-top: 0px
}

.modal-body {
    padding: 15px 20px
}

.modal-body .close {
    margin-top: 0 !important
}

.modal-footer {
    padding: 15px 20px;
    background: #f5f5f5;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.modal-footer.text-center {
    text-align: center
}

.modal-footer.text-left {
    text-align: left
}

@media only screen and (min-width: 600px) {
    .modal-xs {
        width: 300px
    }
    .modal-full {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%
    }
}

.pager>li>a,
.pager>li>span {
    border: 1px solid #DEE5E7;
    background: #fff;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pager>li>a:hover,
.pager>li>a:focus,
.pager>li>span:hover,
.pager>li>span:focus {
    background: #f0fafd;
    color: #111
}

.pager.pager-rounded>li>a,
.pager.pager-rounded>li>span {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.pager.pager-linked>li>a,
.pager.pager-linked>li>span {
    background: none;
    border: none;
    color: #1C2B36
}

.pager.pager-lg>li>a,
.pager.pager-lg>li>span {
    padding: 7.8px 15px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pager.pager-sm>li>a,
.pager.pager-sm>li>span {
    padding: 3.9px 10.5px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pager.pager-xs>li>a,
.pager.pager-xs>li>span {
    padding: 2.6px 7.6px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #DEE5E7;
    background: #fff;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    background: #f0fafd;
    color: #111;
    border: 1px solid #DEE5E7
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination.pagination-flat>li:first-child>a,
.pagination.pagination-flat>li:first-child>span,
.pagination.pagination-flat>li:last-child>a,
.pagination.pagination-flat>li:last-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pagination.pagination-flat>li>a,
.pagination.pagination-flat>li>span {
    border: none
}

.pagination.pagination-separated>li>a,
.pagination.pagination-separated>li>span {
    margin-left: 2px
}

.pagination.pagination-separated>li:first-child>a,
.pagination.pagination-separated>li:first-child>span {
    margin-left: 0px
}

.pagination .disabled>span,
.pagination .disabled>a {
    color: #c4c4c4;
    border: 1px solid #DEE5E7
}

.pagination .disabled>a:hover,
.pagination .disabled>a:focus,
.pagination .disabled>span:hover,
.pagination .disabled>span:focus {
    color: #c4c4c4;
    border: 1px solid #DEE5E7
}

.pagination.pagination-rounded>li:first-child>a,
.pagination.pagination-rounded>li:first-child>span {
    -webkit-border-top-left-radius: 100px;
    -moz-border-top-left-radius: 100px;
    border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-bottom-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.pagination.pagination-rounded>li:last-child>a,
.pagination.pagination-rounded>li:last-child>span {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 100px;
    -moz-border-top-right-radius: 100px;
    border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-bottom-right-radius: 100px;
    border-bottom-right-radius: 100px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination.pagination-flat>li>a,
.pagination.pagination-flat>li>span {
    margin-left: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pagination.pagination-flat>li>a:hover,
.pagination.pagination-flat>li>a:focus,
.pagination.pagination-flat>li>span:hover,
.pagination.pagination-flat>li>span:focus {
    border: none
}

.pagination.pagination-flat.pagination-rounded>li>a,
.pagination.pagination-flat.pagination-rounded>li>span {
    margin-left: 0px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.pagination.pagination-lg>li>a,
.pagination.pagination-lg>li>span {
    padding: 7.8px 15px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pagination.pagination-sm>li>a,
.pagination.pagination-sm>li>span {
    padding: 3.9px 10.5px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pagination.pagination-xs>li>a,
.pagination.pagination-xs>li>span {
    padding: 2.6px 7.6px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #111;
    text-align: left
}

.pagination .active>span,
.pagination .active>span:hover,
.pagination .active>span:focus,
.pagination .active>a,
.pagination .active>a:hover,
.pagination .active>a:focus {
    background: #23B7E5 !important;
    color: #fff !important;
    border: 1px solid #23B7E5
}

.panel {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #F0F3F4;
    color: #1C2B36;
    background: #fff;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.panel[class*=bg-]>.panel-heading {
    padding-bottom: 0px
}

.panel[class*=bg-].panel-flat>.panel-heading {
    border-bottom-color: transparent;
    padding-top: 8px;
    padding-bottom: 8px
}

.panel[class*=bg-].panel-white>.panel-heading {
    padding-top: 8px;
    padding-bottom: 8px
}

.panel[class*=bg-]>.panel-body {
    background-color: inherit;
    color: #fff
}

.panel[class*=bg-]>.panel-body p {
    color: #fff
}

.panel[class*=bg-] .panel-title,
.panel[class*=bg-] .elements {
    color: #fff
}

.panel[class*=bg-] .panel-title>a,
.panel[class*=bg-] .elements>a {
    color: #fff !important
}

.panel[class*=bg-] .table thead td,
.panel[class*=bg-] .table thead th,
.panel[class*=bg-] .table tbody td,
.panel[class*=bg-] .table tbody th {
    border-color: color-alpha(#fff, 10%)
}

.panel[class*=bg-] .text-muted,
.panel[class*=bg-] .help-block,
.panel[class*=bg-] .help-inline {
    color: color-alpha(#fff, 80%)
}

.panel[class*=border-top-] {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel[class*=border-bottom-] {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.panel[class*=border-left-] {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.panel[class*=border-right-] {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.panel-body {
    padding: 12px 15px;
    position: relative;
    color: #1C2B36;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel-body p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #1C2B36
}

.panel-body p:last-child {
    margin-bottom: 0px
}

.panel-flat>.panel-heading+.panel-body {
    padding-top: 0px
}

.panel-white>.panel-heading+.panel-body {
    padding-top: 0px
}

.panel-heading {
    padding: 5px 15px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative
}

.panel-heading small {
    font-size: 12px;
    color: #507b9b
}

.panel-heading .panel-bordered {
    margin: 0
}

.panel-heading .panel-flat {
    padding: 5px 15px;
    background-color: #fff
}

.panel-heading .panel-flat[class*=bg-] {
    background-color: inherit
}

.panel-heading[class*=bg-],
.panel-heading .panel-primary,
.panel-heading .panel-danger,
.panel-heading .panel-success,
.panel-heading .panel-warning,
.panel-heading .panel-info {
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
    margin-left: -1px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.panel-heading[class*=bg-] .panel-title,
.panel-heading .panel-primary .panel-title,
.panel-heading .panel-danger .panel-title,
.panel-heading .panel-success .panel-title,
.panel-heading .panel-warning .panel-title,
.panel-heading .panel-info .panel-title {
    color: #fff
}

.panel-heading[class*=bg-] .panel-title a,
.panel-heading .panel-primary .panel-title a,
.panel-heading .panel-danger .panel-title a,
.panel-heading .panel-success .panel-title a,
.panel-heading .panel-warning .panel-title a,
.panel-heading .panel-info .panel-title a {
    color: #fff
}

.panel-heading .panel-white {
    padding: 5px 15px;
    background-color: #fff;
    border-bottom-color: transparent
}

.panel-heading i {
    top: -2px
}

.panel-title {
    position: relative;
    font-family: "OpenSans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #3f6079;
    text-align: left
}

.panel-title a {
    font-size: 16px;
    display: block
}

.panel-title a:hover,
.panel-title a:focus,
.panel-title a.active {
    color: inherit
}

.panel-title img {
    max-height: 20px;
    display: inline-block;
    vertical-align: top
}

.panel-title>small:not(.display-block),
.panel-title>.small:not(.display-block) {
    margin-left: 5px
}

.panel-title h1,
.panel-title .h1 {
    font-size: 22px
}

.panel-title h2,
.panel-title .h2 {
    font-size: 19px
}

.panel-title h3,
.panel-title .h3 {
    font-size: 17px
}

.panel-title h4,
.panel-title .h4 {
    font-size: 14px
}

.panel-title h5,
.panel-title .h5 {
    font-size: 12px
}

.panel-title h6,
.panel-title .h6 {
    font-size: 11px
}

.panel-title .label {
    top: -3px
}

.icons-list a[data-action] {
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    vertical-align: middle
}

.icons-list a[data-action]:after {
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-action="collapse"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-action="reload"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-action="close"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-action="move"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-action="modal"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icons-list a[data-toggle="dropdown"]:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.panel-footer {
    padding: 8px 15px;
    background: #FCFCFC;
    color: #1C2B36;
    position: relative
}

.panel-footer .elements {
    color: #1C2B36
}

.panel-footer:after {
    content: '';
    display: table;
    clear: both
}

.panel-footer>ul {
    padding: 0;
    margin: 0;
    margin-left: 4px;
    font-size: 0;
    list-style: none;
    float: left
}

.panel-footer>ul:first-child {
    margin-left: 0px
}

.panel-footer>ul>li {
    display: inline-block;
    padding: 4px px
}

.panel-footer>ul>li+li {
    margin-left: 4px
}

.panel-footer>ul>li>a {
    color: #1C2B36
}

.panel-footer>ul>li .dropdown-menu {
    margin: 0px px
}

@media only screen and (max-width: 599px) {
    .panel-footer {
        text-align: center
    }
    .panel-footer ul,
    .panel-footer .pull-right {
        margin-left: 0px;
        float: none !important
    }
    .panel-footer>ul>li,
    .panel-footer .dropdown,
    .panel-footer .dropup,
    .panel-footer .btn-group {
        position: static
    }
    .panel-footer .dropdown-menu {
        left: 0;
        right: 0
    }
}

.panel-footer-transparent {
    background-color: transparent;
    border-top: 0
}

.panel-footer-transparent>ul>li {
    padding: 0px px;
    margin-bottom: 4px
}

.panel-group .panel {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.panel-group .panel .panel-heading {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.panel-group-control .panel-title>a {
    padding-left: 20px;
    display: inline-block
}

.panel-group-control .panel-title>a:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: -1px;
    left: -5px
}

.panel-group-control .panel-title>a.collapsed:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.panel-group-control.panel-group-control-right .panel-title>a {
    padding-top: px;
    padding-right: px;
    padding-bottom: 0px;
    padding-left: 0px
}

.panel-group-control.panel-group-control-right .panel-title>a:before {
    left: auto;
    right: 0
}

.panel-transparent {
    background: transparent;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.panel-flat .panel-heading {
    padding-top: 8px;
    padding-bottom: 8px
}

.panel-default {
    border-color: #F0F3F4
}

.panel-default .panel-heading {
    background: #F6F8F8;
    border-color: #f2f2f2
}

.panel-default .panel-title,
.panel-default .elements {
    color: #3f6079
}

.panel-default .panel-title>a,
.panel-default .panel-title>ul,
.panel-default .panel-title>ol,
.panel-default .panel-title>p,
.panel-default .elements>a,
.panel-default .elements>ul,
.panel-default .elements>ol,
.panel-default .elements>p {
    color: #3f6079
}

.panel-default.panel-border {
    border-color: #d9e2e2
}

.panel-default .panel-footer .elements {
    color: #1C2B36
}

.panel-default .panel-footer .elements>a {
    color: #1C2B36
}

.panel-primary {
    border-color: #F0F3F4
}

.panel-primary .panel-title,
.panel-primary .elements {
    color: #fff
}

.panel-primary .panel-title a,
.panel-primary .panel-title ul,
.panel-primary .panel-title ol,
.panel-primary .panel-title p,
.panel-primary .elements a,
.panel-primary .elements ul,
.panel-primary .elements ol,
.panel-primary .elements p {
    color: #fff
}

.panel-primary.panel-border {
    border-color: #2196F3
}

.panel-success {
    border-color: #F0F3F4
}

.panel-success .panel-title,
.panel-success .elements {
    color: #fff
}

.panel-success .panel-title a,
.panel-success .panel-title ul,
.panel-success .panel-title ol,
.panel-success .panel-title p,
.panel-success .elements a,
.panel-success .elements ul,
.panel-success .elements ol,
.panel-success .elements p {
    color: #fff
}

.panel-success.panel-border {
    border-color: #4CAF50
}

.panel-info {
    border-color: #F0F3F4
}

.panel-info .panel-title,
.panel-info .elements {
    color: #fff
}

.panel-info .panel-title a,
.panel-info .panel-title ul,
.panel-info .panel-title ol,
.panel-info .panel-title p,
.panel-info .elements a,
.panel-info .elements ul,
.panel-info .elements ol,
.panel-info .elements p {
    color: #fff
}

.panel-info.panel-border {
    border-color: #00BCD4
}

.panel-warning {
    border-color: #F0F3F4
}

.panel-warning .panel-title,
.panel-warning .elements {
    color: #fff
}

.panel-warning .panel-title a,
.panel-warning .panel-title ul,
.panel-warning .panel-title ol,
.panel-warning .panel-title p,
.panel-warning .elements a,
.panel-warning .elements ul,
.panel-warning .elements ol,
.panel-warning .elements p {
    color: #fff
}

.panel-warning.panel-border {
    border-color: #FF5722
}

.panel-danger {
    border-color: #F0F3F4
}

.panel-danger .panel-title,
.panel-danger .elements {
    color: #fff
}

.panel-danger .panel-title a,
.panel-danger .panel-title ul,
.panel-danger .panel-title ol,
.panel-danger .panel-title p,
.panel-danger .elements a,
.panel-danger .elements ul,
.panel-danger .elements ol,
.panel-danger .elements p {
    color: #fff
}

.panel-danger.panel-border {
    border-color: #F44336
}

.panel-white {
    border-color: #fff
}

.panel-white .panel-heading {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    color: #0d0d0d
}

.panel-white .panel-heading .panel-title,
.panel-white .panel-heading .elements {
    color: #0d0d0d
}

.panel-white .panel-heading .panel-title a,
.panel-white .panel-heading .panel-title ul,
.panel-white .panel-heading .panel-title ol,
.panel-white .panel-heading .panel-title p,
.panel-white .panel-heading .elements a,
.panel-white .panel-heading .elements ul,
.panel-white .panel-heading .elements ol,
.panel-white .panel-heading .elements p {
    color: #0d0d0d
}

.panel-white .panel-body {
    background: #fff;
    color: #0d0d0d
}

.panel-white .panel-body p {
    color: #0d0d0d
}

.nav-pills>li>a {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: center
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
    color: #1C2B36
}

.nav-pills>li+li {
    margin-left: 0px
}

.nav-pills>li.active>a {
    background-color: #23B7E5;
    color: #fff !important
}

.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: #23B7E5;
    color: #fff !important
}

.nav-pills.nav-pills-bordered>li>a {
    border: 1px solid #DEE5E7
}

.nav-pills.nav-pills-bordered>.active>a,
.nav-pills.nav-pills-bordered>.active.open>a {
    border-color: #23B7E5
}

.nav-pills.nav-pills-bordered .open>a {
    border-color: #23B7E5
}

.nav-pills.nav-pills-toolbar>li>a {
    border: 1px solid #DEE5E7
}

.nav-pills.nav-pills-toolbar>.active>a,
.nav-pills.nav-pills-toolbar>.active.open>a {
    border-color: #23B7E5
}

.nav-pills.nav-pills-toolbar .open>a {
    border-color: #23B7E5
}

.nav-pills .open>a {
    background-color: #f2f2f2
}

.nav-pills .open>a:hover,
.nav-pills .open>a:focus {
    background-color: #f2f2f2
}

@media only screen and (min-width: 800px) {
    .nav-pills {
        font-size: 0
    }
    .nav-pills>li {
        display: inline-block
    }
    .nav-pills>li+li>a {
        margin-top: 0px;
        margin-left: 2px
    }
    .nav-pills.nav-pills-toolbar>li>a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: #DEE5E7px solid #9E9E9E
    }
    .nav-pills.nav-pills-toolbar>li:first-child>a {
        -webkit-border-top-left-radius: 2px;
        -moz-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .nav-pills.nav-pills-toolbar>li:last-child>a {
        -webkit-border-top-left-radius: 0;
        -moz-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 2px;
        -moz-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .nav-pills.nav-pills-toolbar>li+li>a {
        margin-top: 0px;
        margin-right: px;
        margin-bottom: px;
        margin-left: 0px;
        border-left: 0
    }
    .nav-pills.nav-justified>li {
        display: table-cell
    }
    .nav-pills.nav-stacked>li {
        display: block;
        text-align: left
    }
    .nav-pills.nav-stacked>li>a {
        text-align: left
    }
    .nav-pills.nav-stacked>li>a .pull-right[class*=icon-] {
        float: right;
        margin-top: 3px
    }
    .nav-pills.nav-stacked>li>a .pull-right {
        text-align: right
    }
    .nav-pills.nav-stacked>li>a .pull-right.label,
    .nav-pills.nav-stacked>li>a .pull-right.badge {
        margin-top: 1px;
        float: right
    }
    .nav-pills.nav-stacked>li+li>a {
        margin-left: 0px
    }
}

@media only screen and (max-width: 799px) {
    .nav-pills>li>a .position-right[class*=icon-] {
        margin-top: 3px;
        float: right
    }
    .nav-pills>li>a .position-right.label,
    .nav-pills>li>a .position-right.badge {
        margin-top: 1px;
        float: right
    }
}

.nav.nav-lg.nav-pills>li>a {
    padding: 7.8px 18px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.nav.nav-sm.nav-pills>li>a {
    padding: 3.9px 12px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.nav.nav-xs.nav-pills>li>a {
    padding: 2.6px 10px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.popover {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0px;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    border: 1px solid #23B7E5
}

.popover-title {
    margin: -1px;
    background: #23B7E5;
    padding-top: 4px;
    padding-right: 9px;
    padding-bottom: 4px;
    padding-left: 9px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    border: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.popover-title[class*=bg-] {
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
    margin-left: -1px
}

.popover-content {
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left;
    background: #fff
}

.popover.top>.arrow {
    border-top-color: #23B7E5
}

.popover.top>.arrow:after {
    border-top-color: #fff
}

.popover.right>.arrow {
    border-right-color: #23B7E5
}

.popover.right>.arrow:after {
    border-right-color: #fff
}

.popover.bottom>.arrow {
    border-bottom-color: #23B7E5
}

.popover.bottom>.arrow:after {
    border-bottom-color: #23B7E5
}

.popover.left>.arrow {
    border-left-color: #23B7E5
}

.popover.left>.arrow:after {
    border-left-color: #fff
}

.popover.solid .popover-title,
.popover.solid .popover-content {
    background: #23B7E5;
    color: #fff
}

.popover.solid.top>.arrow,
.popover.solid.top>.arrow:after {
    border-top-color: #23B7E5
}

.popover.solid.right>.arrow,
.popover.solid.right>.arrow:after {
    border-right-color: #23B7E5
}

.popover.solid.bottom>.arrow,
.popover.solid.bottom>.arrow:after {
    border-bottom-color: #23B7E5
}

.popover.solid.left>.arrow,
.popover.solid.left>.arrow:after {
    border-left-color: #23B7E5
}

.progress {
    height: 16px;
    margin-bottom: 0px;
    position: relative;
    box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.progress .progress-bar {
    line-height: 18px;
    background-color: #23B7E5
}

.progress .progress-bar-primary {
    background-color: #2196F3
}

.progress .progress-bar-success {
    background-color: #4CAF50
}

.progress .progress-bar-danger {
    background-color: #F44336
}

.progress .progress-bar-warning {
    background-color: #FF5722
}

.progress .progress-bar-info {
    background-color: #00BCD4
}

.progress .progress-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.progress .progress-rounded>.progress-bar {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.progress .progressbar-back-text {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px
}

.progress .progressbar-front-text {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    font-size: 12px
}

.progress .progress.right .progress-bar {
    right: 0;
    float: right
}

.progress .progress.right .progressbar-front-text {
    position: absolute;
    right: 0
}

.progress .progress.vertical {
    width: 50px;
    height: 100%;
    display: inline-block
}

.progress .progress.vertical .progress-bar {
    width: 100%;
    height: 0;
    -moz-transition: height 0.6s ease;
    -webkit-transition: height 0.6s ease;
    transition: height 0.6s ease
}

.progress .progress.vertical.bottom {
    position: relative
}

.progress .progress.vertical.bottom .progress-bar {
    position: absolute;
    bottom: 0
}

.progress .progress.vertical+.progress.vertical {
    margin-left: 10px
}

.progress.vertical.bottom .progressbar-front-text {
    position: absolute;
    bottom: 0
}

.progress-lg {
    height: 18px
}

.progress-sm {
    height: 14px
}

.progress-sm .progress-bar {
    font-size: 0
}

.progress-xs {
    height: 10px
}

.progress-xs .progress-bar {
    font-size: 0
}

.progress-xxs {
    height: 6px
}

.progress-xxs .progress-bar {
    font-size: 0
}

.progress-micro {
    height: 2px
}

.progress-micro .progress-bar {
    font-size: 0
}

.sr-only {
    font-family: "OpenSans", sans-serif;
    font-size: 9px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    position: relative;
    top: -2px
}

.secondary-sidebar .navbar-collapse {
    padding-left: 14px;
    padding-right: 14px
}

.secondary-sidebar .navbar-collapse ul.nav li {
    margin-bottom: 2px
}

.secondary-sidebar .navbar-collapse ul.nav li>a {
    padding: 6px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: left
}

.secondary-sidebar .navbar-collapse ul.nav li>a i {
    color: #a6b8be;
    font-size: 14px;
    margin-right: 8px
}

.secondary-sidebar .navbar-collapse ul.nav li>a:hover,
.secondary-sidebar .navbar-collapse ul.nav li>a:focus {
    background: #e1e7e9
}

.secondary-sidebar .navbar-collapse ul.nav li.active a {
    background: #23B7E5;
    color: #fff
}

.secondary-sidebar .navbar-collapse ul.nav li.active a i {
    color: #fff
}

.secondary-sidebar .navbar-collapse ul.nav li:last-child {
    margin-bottom: 20px
}

.secondary-sidebar .navbar-collapse ul.nav.condensed li>a {
    padding: 4px 10px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 2px solid #EAEFF0
}

th {
    font-family: "OpenSans_SemiBold", sans-serif
}

.table {
    margin-bottom: 0px
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    background: #fff;
    vertical-align: middle;
    border-top: 1px solid #EAEFF0;
    color: #1C2B36
}

.table>thead>tr.success>th,
.table>thead>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr.success>td {
    background: #aedcb0;
    color: #1b3d1c
}

.table>thead>tr.danger>th,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr.danger>td {
    background: #fbc2bd;
    color: #800f07
}

.table>thead>tr.warning>th,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr.warning>td {
    background: #ffc4b1;
    color: #7e1e00
}

.table>thead>tr.info>th,
.table>thead>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr.info>td {
    background: #64edff;
    color: #002b31
}

.table>thead>tr h1 small,
.table>thead>tr .h1 small,
.table>thead>tr h2 small,
.table>thead>tr .h2 small,
.table>thead>tr h3 small,
.table>thead>tr .h3 small,
.table>thead>tr h4 small,
.table>thead>tr .h4 small,
.table>thead>tr h5 small,
.table>thead>tr .h5 small,
.table>thead>tr h6 small,
.table>thead>tr .h6 small,
.table>tbody>tr h1 small,
.table>tbody>tr .h1 small,
.table>tbody>tr h2 small,
.table>tbody>tr .h2 small,
.table>tbody>tr h3 small,
.table>tbody>tr .h3 small,
.table>tbody>tr h4 small,
.table>tbody>tr .h4 small,
.table>tbody>tr h5 small,
.table>tbody>tr .h5 small,
.table>tbody>tr h6 small,
.table>tbody>tr .h6 small,
.table>tfoot>tr h1 small,
.table>tfoot>tr .h1 small,
.table>tfoot>tr h2 small,
.table>tfoot>tr .h2 small,
.table>tfoot>tr h3 small,
.table>tfoot>tr .h3 small,
.table>tfoot>tr h4 small,
.table>tfoot>tr .h4 small,
.table>tfoot>tr h5 small,
.table>tfoot>tr .h5 small,
.table>tfoot>tr h6 small,
.table>tfoot>tr .h6 small {
    margin-top: 5px
}

.table>thead>tr[class*=bg-]>th,
.table>thead>tr[class*=bg-]>td,
.table>tbody>tr[class*=bg-]>th,
.table>tbody>tr[class*=bg-]>td,
.table>tfoot>tr[class*=bg-]>th,
.table>tfoot>tr[class*=bg-]>td {
    background: inherit
}

.table>tbody>tr>th,
.table>tbody>tr>td {
    color: #1C2B36;
    background: #fff;
    border-top: 1px solid #EAEFF0
}

.table>tbody>tr[class*=bg-]>th,
.table>tbody>tr[class*=bg-]>td {
    background: inherit
}

.panel[class*=bg-] .table>thead>tr>th,
.panel[class*=bg-] .table>thead>tr>td,
.panel[class*=bg-] .table>tbody>tr>th,
.panel[class*=bg-] .table>tbody>tr>td,
.panel[class*=bg-] .table>tfoot>tr>th,
.panel[class*=bg-] .table>tfoot>tr>td,
.table[class*=bg-]>thead>tr>th,
.table[class*=bg-]>thead>tr>td,
.table[class*=bg-]>tbody>tr>th,
.table[class*=bg-]>tbody>tr>td,
.table[class*=bg-]>tfoot>tr>th,
.table[class*=bg-]>tfoot>tr>td {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2)
}

.table tr[class*=bg-]>td {
    color: #fff;
    border-color: #EAEFF0
}

.table tr[class*=bg-]>th {
    color: #fff;
    border-color: #EAEFF0
}

.table tr>td[class*=bg-],
.table tr>th[class*=bg-] {
    color: #fff;
    border-color: #fff
}

.table>thead>tr[class*=border-bottom-]>th,
.table>thead>tr[class*=border-bottom-]>td {
    border-bottom-color: inherit
}

.table>tbody>tr[class*=border-top-]>th,
.table>tbody>tr[class*=border-top-]>td,
.table>tfoot>tr[class*=border-top-]>th,
.table>tfoot>tr[class*=border-top-]>td {
    border-top-color: inherit
}

.table>thead>tr>th {
    border-bottom: 1px solid #EAEFF0
}

.table>tfoot>tr>th {
    border-top: 1px solid #EAEFF0
}

.table-responsive+.table-responsive>.table:not(.table-bordered):not(.table-framed),
.table:not(.table-bordered):not(.table-framed)+.table:not(.table-bordered):not(.table-framed) {
    border-top: 1px solid #EAEFF0
}

.panel-body+.table>tbody:first-child>tr:first-child>td,
.panel-body+.table>tbody:first-child>tr:first-child>th,
.panel-body+.table-responsive>.table>tbody:first-child>tr:first-child>td,
.panel-body+.table-responsive>.table>tbody:first-child>tr:first-child>th {
    border-top: 0
}

.modal-body+.table-responsive>.table,
.modal-body+.table {
    border-bottom: 1px solid #EAEFF0
}

.modal-body+.table-responsive {
    border: 0
}

.panel[class*=bg-]>.panel-body+.table,
.panel[class*=bg-]>.panel-body+.table-responsive {
    border-color: #fff
}

.table>thead>tr.border-solid>th,
.table>thead>tr.border-solid>td {
    border-bottom-width: 2px
}

.table>tbody>tr.border-solid>td,
.table>tbody>tr.border-solid>th,
.table>tfoot>tr.border-solid>td,
.table>tfoot>tr.border-solid>th {
    border-top-width: 2px
}

.table-bordered>thead>tr.border-solid:first-child>th,
.table-bordered>thead>tr.border-solid:first-child>td {
    border-bottom-width: 2px
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #EAEFF0
}

.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td {
    border: 1px solid #EAEFF0
}

.table>thead>tr.border-double>th,
.table>thead>tr.border-double>td {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.table>tbody>tr.border-double>td,
.table>tbody>tr.border-double>th,
.table>tfoot>tr.border-double>td,
.table>tfoot>tr.border-double>th {
    border-top-width: 3px;
    border-top-style: double
}

.table-bordered>thead>tr.border-double:first-child>th,
.table-bordered>thead>tr.border-double:first-child>td {
    border-bottom-width: 3px;
    border-bottom-style: double
}

.table>tbody>tr.border-dashed>td,
.table>tbody>tr.border-dashed>th {
    border-top-style: dashed
}

.table-framed,
.panel>.table-framed,
.panel>.table-responsive>.table-framed {
    border: 1px solid #EAEFF0
}

.table-borderless>tbody>tr>td,
.table-borderless>tbody>tr>th {
    border: 0
}

.table-columned>tbody>tr>td,
.table-columned>tbody>tr>th {
    border: 0;
    border-left: 1px solid #EAEFF0
}

.table-columned>tbody>tr>td:first-child,
.table-columned>tbody>tr>th:first-child {
    border-left: 0
}

.table-columned>thead>tr>th,
.table-columned>thead>tr>td,
.table-columned>tfoot>tr>th,
.table-columned>tfoot>tr>td {
    border-left: 1px solid #EAEFF0
}

.table-columned>thead>tr>th:first-child,
.table-columned>thead>tr>td:first-child,
.table-columned>tfoot>tr>th:first-child,
.table-columned>tfoot>tr>td:first-child {
    border-left: 0
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px 16px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit;
    border-bottom: 1px solid cornflowerblue;
}

.table>thead>tr>th ul.icons-list li.dropdown a.dropdown-toggle:after,
.table>thead>tr>td ul.icons-list li.dropdown a.dropdown-toggle:after,
.table>tbody>tr>th ul.icons-list li.dropdown a.dropdown-toggle:after,
.table>tbody>tr>td ul.icons-list li.dropdown a.dropdown-toggle:after,
.table>tfoot>tr>th ul.icons-list li.dropdown a.dropdown-toggle:after,
.table>tfoot>tr>td ul.icons-list li.dropdown a.dropdown-toggle:after {
    position: relative;
    top: 2px
}

.table>thead>tr>th ul.icons-list i,
.table>thead>tr>td ul.icons-list i,
.table>tbody>tr>th ul.icons-list i,
.table>tbody>tr>td ul.icons-list i,
.table>tfoot>tr>th ul.icons-list i,
.table>tfoot>tr>td ul.icons-list i {
    top: -2px
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-xlg>thead>tr>th,
.table-xlg>thead>tr>td,
.table-xlg>tbody>tr>th,
.table-xlg>tbody>tr>td,
.table-xlg>tfoot>tr>th,
.table-xlg>tfoot>tr>td {
    padding: 16px 32px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-xlg>thead>tr>th,
.table-xlg>thead>tr>td,
.table-xlg>tfoot>tr>th,
.table-xlg>tfoot>tr>td {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-lg>thead>tr>th,
.table-lg>thead>tr>td,
.table-lg>tbody>tr>th,
.table-lg>tbody>tr>td,
.table-lg>tfoot>tr>th,
.table-lg>tfoot>tr>td {
    padding: 12px 24px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-lg>thead>tr>th,
.table-lg>thead>tr>td,
.table-lg>tfoot>tr>th,
.table-lg>tfoot>tr>td {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-sm>thead>tr>th,
.table-sm>thead>tr>td,
.table-sm>tbody>tr>th,
.table-sm>tbody>tr>td,
.table-sm>tfoot>tr>th,
.table-sm>tfoot>tr>td {
    padding: 6px 12px;
    font-family: inherit;
    font-size: 11px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-sm>thead>tr>th,
.table-sm>thead>tr>td,
.table-sm>tfoot>tr>th,
.table-sm>tfoot>tr>td {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.table-bordered tr:first-child>td,
.table-bordered tr:first-child>th {
    border-top: 1px solid #EAEFF0
}

.table-bordered tr[class*=bg-]>th,
.table-bordered tr[class*=bg-]>td,
.table-bordered tr>th[class*=bg-],
.table-bordered tr>td[class*=bg-] {
    border-color: #fff
}

.table-striped>tbody>tr:nth-of-type(odd)>td {
    background-color: #FAFBFC
}

.panel[class*=bg-] .table-striped>tbody>tr:nth-child(odd),
.table-striped[class*=bg-]>tbody>tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05)
}

.table-hover>tbody>tr:hover>th,
.table-hover>tbody>tr:hover>td {
    background-color: #FAFBFC
}

.panel[class*=bg-] .table-hover>tbody>tr:hover,
.table-hover[class*=bg-]>tbody>tr:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.table[class*=bg-].table-hover>tbody>tr:hover>th,
.table[class*=bg-].table-hover>tbody>tr:hover>td {
    background-color: rgba(0, 0, 0, 0.05);
    color: #fff
}

.panel[class*=bg-] .panel-body>.table .active>th,
.panel[class*=bg-] .panel-body>.table .active>td,
.panel[class*=bg-] .panel-body>.table th.active,
.panel[class*=bg-] .panel-body>.table td.active,
.panel[class*=bg-] .panel-body>.table-responsive>.table .active>th,
.panel[class*=bg-] .panel-body>.table-responsive>.table .active>td,
.panel[class*=bg-] .panel-body>.table-responsive>.table th.active,
.panel[class*=bg-] .panel-body>.table-responsive>.table td.active,
.table[class*=bg-] .active>th,
.table[class*=bg-] .active>td,
.table[class*=bg-] th.active,
.table[class*=bg-] td.active {
    background-color: rgba(0, 0, 0, 0.15)
}

.table[class*=bg-]>thead>tr>th,
.table[class*=bg-]>thead>tr>td,
.table[class*=bg-]>tbody>tr>th,
.table[class*=bg-]>tbody>tr>td,
.table[class*=bg-]>tfoot>tr>th,
.table[class*=bg-]>tfoot>tr>td {
    background: inherit
}

.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-name {
    display: inline-block
}

.footable-row-detail-cell .footable-row-detail-inner .footable-row-detail-value {
    display: inline-block;
    float: right
}

.nav>li>a:focus {
    outline: 0
}

.nav>li.disabled>a>.badge {
    opacity: .75;
    filter: alpha(opacity=75)
}

.nav>li.disabled>a>.label {
    opacity: .75;
    filter: alpha(opacity=75)
}

.nav>li.disabled>a>img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.nav .open>a {
    background-color: transparent;
    border-color: transparent;
    color: #23B7E5
}

.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    border-color: transparent;
    color: #1C2B36
}

.nav.nav-lg>li>a {
    padding: 7.8px 18px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.nav.nav-sm>li>a {
    padding: 3.9px 12px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.nav.nav-xs>li>a {
    padding: 2.6px 10px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

.nav-tabs {
    margin-bottom: 0px;
    border-bottom: 1px solid #DEE5E7
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background: #fff;
    color: #23B7E5;
    border: 1px solid #DEE5E7;
    border-bottom-color: #fff
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 0px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: #DEE5E7
}

.nav-tabs.nav-justified>li>a:focus,
.nav-tabs.nav-justified>li>a:hover {
    border-bottom-color: #DEE5E7
}

.nav-tabs.nav-justified.nav-tabs-solid>li>a {
    border-color: transparent !important
}

.nav-tabs.nav-justified>li.active>a,
.nav-tabs.nav-justified>li.active>a:hover,
.nav-tabs.nav-justified>li.active>a:focus {
    border: 1px solid #DEE5E7;
    border-bottom-color: transparent
}

.nav-tabs.nav-tabs-solid>li>a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #1C2B36
}

.nav-tabs.nav-tabs-solid>.active>a {
    background-color: #23B7E5;
    border-color: #23B7E5;
    color: #fff
}

.nav-tabs.nav-tabs-solid>.active>a:focus,
.nav-tabs.nav-tabs-solid>.active>a:hover {
    background-color: #23B7E5;
    border-color: #23B7E5;
    color: #fff
}

.nav-tabs>li>a {
    margin-right: 0px;
    padding: 6px 20px;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #1C2B36
}

.nav-tabs>li>a>.label {
    top: -2px
}

.nav-tabs>li>a>.badge {
    margin-top: -2px
}

.nav-tabs.nav-justified[class*=bg-]>li>a {
    border-color: transparent
}

.nav-tabs-justified>li>a {
    margin-bottom: 0px;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit;
    margin-bottom: 0
}

.nav-tabs-justified>li>a:focus,
.nav-tabs-justified>li>a:hover {
    border-bottom-color: #DEE5E7
}

.nav-tabs-justified.nav-tabs-solid>li>a {
    border-color: transparent
}

.nav-tabs[class*=bg-] {
    border-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.nav-tabs[class*=bg-]>li {
    margin-bottom: 0px
}

.nav-tabs[class*=bg-]>li>a {
    color: #fff
}

.nav-tabs[class*=bg-]>li>a:focus,
.nav-tabs[class*=bg-]>li>a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #fff
}

.nav-tabs[class*=bg-]>li.open:not(.active)>a {
    background-color: rgba(0, 0, 0, 0.05)
}

.nav-tabs[class*=bg-]>.active>a {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: transparent;
    color: #fff
}

.nav-tabs[class*=bg-]>.active>a:focus,
.nav-tabs[class*=bg-]>.active>a:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: transparent;
    color: #fff
}

.nav-tabs[class*=bg-]>.disabled>a {
    color: #9E9E9E
}

.nav-tabs[class*=bg-]>.disabled>a:focus,
.nav-tabs[class*=bg-]>.disabled>a:hover {
    color: #9E9E9E
}

@media only screen and (min-width: 768px) {
    .nav-tabs {
        font-size: 0
    }
    .nav-tabs.nav-justified.nav-tabs-highlight>li>a {
        border-top-width: 3px
    }
    .nav-tabs.nav-justified.nav-tabs-highlight>li>a:focus,
    .nav-tabs.nav-justified.nav-tabs-highlight>li>a:hover {
        border-top-width: 3px
    }
    .nav-tabs.nav-tabs-solid {
        border: 0
    }
    .nav-tabs.nav-tabs-solid>li {
        margin-bottom: 0px
    }
    .nav-tabs.nav-tabs-solid>li>a {
        border-color: transparent
    }
    .nav-tabs.nav-tabs-solid>li>a:focus,
    .nav-tabs.nav-tabs-solid>li>a:hover {
        background-color: rgba(0, 0, 0, 0.05)
    }
    .nav-tabs.nav-tabs-solid>.open:not(.active)>a {
        background-color: rgba(0, 0, 0, 0.05);
        border-color: transparent
    }
    .nav-tabs>li {
        display: inline-block
    }
    .nav-tabs.nav-tabs-highlight>li>a {
        border-top-width: 3px
    }
    .nav-tabs.nav-tabs-highlight>li>a:focus,
    .nav-tabs.nav-tabs-highlight>li>a:hover {
        border-top-width: 3px
    }
    .nav-tabs.nav-tabs-highlight>li.active>a {
        border-top-color: #23B7E5
    }
    .nav-tabs.nav-tabs-highlight>li.active>a:focus,
    .nav-tabs.nav-tabs-highlight>li.active>a:hover {
        border-top-color: #23B7E5
    }
    .nav-tabs-justified {
        border-bottom: 1px solid #DEE5E7
    }
    .nav-tabs-justified.nav-tabs-highlight>li>a {
        border-top-width: 3px
    }
    .nav-tabs-justified.nav-tabs-highlight>li>a:focus,
    .nav-tabs-justified.nav-tabs-highlight>li>a:hover {
        border-top-width: 3px
    }
    .nav-tabs-justified>li.active>a {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs-justified>li.active>a:focus,
    .nav-tabs-justified>li.active>a:hover {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs-vertical {
        width: 100%;
        display: table
    }
    .nav-tabs-vertical .nav-tabs {
        width: 200px;
        display: table-cell;
        border-bottom: 0;
        vertical-align: top
    }
    .nav-tabs-vertical .nav-tabs>li {
        margin-bottom: 0px;
        display: block;
        float: none
    }
    .nav-tabs-vertical .nav-tabs>li>a>.label {
        top: 2px
    }
    .nav-tabs-vertical .nav-tabs>li>a>.badge {
        margin-top: 1px
    }
    .nav-tabs-vertical .tab-content {
        display: table-cell
    }
    .nav-tabs-vertical .nav-tabs-solid>li:last-child>a:after {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .nav-tabs-vertical .nav-tabs[class*=bg-]>li:last-child>a {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .nav-tabs-vertical .nav-tabs[class*=bg-]>li:first-child>a {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px
    }
    .nav-tabs-vertical.tab-content-bordered .tab-content {
        border-top-width: 1px
    }
    .nav-tabs-left .tab-content {
        padding-top: 15px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        border: 1px solid #fff;
        border-left-color: transparent;
        border-top-right-radius: 2px
    }
    .nav-tabs-left .nav-tabs {
        border-right: 1px solid #DEE5E7
    }
    .nav-tabs-left .nav-tabs>li {
        margin-right: -1px
    }
    .nav-tabs-left .nav-tabs>li.active>a {
        border-bottom-color: #DEE5E7;
        border-right-color: #fff
    }
    .nav-tabs-left .nav-tabs>li.active>a:focus,
    .nav-tabs-left .nav-tabs>li.active>a:hover {
        border-bottom-color: #DEE5E7;
        border-right-color: #fff
    }
    .nav-tabs-left .nav-tabs-solid {
        border-right: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .nav-tabs-left .nav-tabs-solid>li {
        margin-right: 0px
    }
    .nav-tabs-left .nav-tabs[class*=bg-] {
        border-right: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .nav-tabs-left .nav-tabs[class*=bg-]>li {
        margin-right: 0px
    }
    .nav-tabs-left .nav-tabs-highlight>li>a {
        border-top-width: 1px;
        border-left-width: 3px
    }
    .nav-tabs-left .nav-tabs-highlight>li>a:focus,
    .nav-tabs-left .nav-tabs-highlight>li>a:hover {
        border-top-width: 1px;
        border-left-width: 3px
    }
    .nav-tabs-left .nav-tabs-highlight>li.active>a {
        border-top-color: #DEE5E7;
        border-left-color: #23B7E5
    }
    .nav-tabs-left .nav-tabs-highlight>li.active>a:focus,
    .nav-tabs-left .nav-tabs-highlight>li.active>a:hover {
        border-top-color: #DEE5E7;
        border-left-color: #23B7E5
    }
    .nav-tabs-left.tab-content-bordered .tab-content {
        border-left-width: 0
    }
    .nav-tabs-right .nav-tabs {
        margin-bottom: 0px;
        margin-top: 20px;
        border-left: 1px solid #DEE5E7
    }
    .nav-tabs-right .nav-tabs>li {
        margin-left: -1px
    }
    .nav-tabs-right .nav-tabs>li.active>a {
        border-bottom-color: #DEE5E7;
        border-left-color: #fff
    }
    .nav-tabs-right .nav-tabs>li.active>a:focus,
    .nav-tabs-right .nav-tabs>li.active>a:hover {
        border-bottom-color: #DEE5E7;
        border-left-color: #fff
    }
    .nav-tabs-right .nav-tabs-solid {
        border-left: 0;
        border-radius: 2px
    }
    .nav-tabs-right .nav-tabs-solid>li {
        margin-left: 0px
    }
    .nav-tabs-right .nav-tabs[class*=bg-] {
        border-left: 0;
        border-radius: 2px
    }
    .nav-tabs-right .nav-tabs[class*=bg-]>li {
        margin-left: 0px
    }
    .nav-tabs-right .tab-content {
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
        padding-left: 0px;
        border: 1px solid #fff;
        border-right-color: transparent;
        border-top-left-radius: 2px
    }
    .nav-tabs-right .nav-tabs-highlight>li>a {
        border-top-width: 1px;
        border-right-width: 3px
    }
    .nav-tabs-right .nav-tabs-highlight>li>a:focus,
    .nav-tabs-right .nav-tabs-highlight>li>a:hover {
        border-top-width: 1px;
        border-right-width: 3px
    }
    .nav-tabs-right .nav-tabs-highlight>li.active>a {
        border-top-color: #DEE5E7;
        border-right-color: #23B7E5
    }
    .nav-tabs-right .nav-tabs-highlight>li.active>a:focus,
    .nav-tabs-right .nav-tabs-highlight>li.active>a:hover {
        border-top-color: #DEE5E7;
        border-right-color: #23B7E5
    }
    .nav-tabs-right.tab-content-bordered .tab-content {
        border-right-width: 0
    }
    .nav-tabs[class*=bg-] .dropdown-menu {
        margin-top: 0px
    }
    .nav-justified.bottom-divided .dropdown-menu {
        margin-top: 1px
    }
}

@media only screen and (max-width: 799px) {
    .nav-tabs {
        padding: 4px 0px;
        position: relative;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    .nav-tabs.nav-justified {
        border-bottom: 1px solid #DEE5E7
    }
    .nav-tabs.nav-justified>li.active>a {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs.nav-justified>li.active>a:focus,
    .nav-tabs.nav-justified>li.active>a:hover {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs.nav-tabs-solid {
        padding: 4px 0px
    }
    .nav-tabs.nav-tabs-solid>li>a {
        border-left-width: 0 !important
    }
    .nav-tabs>li {
        margin-bottom: 0px
    }
    .nav-tabs>li+li {
        margin-bottom: 1px
    }
    .nav-tabs>li>a {
        border-width: 0 0 0 3px;
        border-left-color: transparent
    }
    .nav-tabs>li>a:focus,
    .nav-tabs>li>a:hover {
        background-color: #fafafa
    }
    .nav-tabs>li>a .position-right[class*=icon-] {
        margin-top: 3px;
        float: right
    }
    .nav-tabs>li>a .position-right.badge,
    .nav-tabs>li>a .position-right.label {
        margin-top: 1px;
        float: right
    }
    .nav-tabs>li.pull-right {
        float: none !important
    }
    .nav-tabs>li.active>a {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0 0 0 3px;
        border-left-color: #23B7E5
    }
    .nav-tabs>li.open:not(.active)>a {
        background-color: #fafafa
    }
    .nav-tabs>li.open:not(.active)>a:focus,
    .nav-tabs>li.open:not(.active)>a:hover {
        background-color: #fafafa
    }
    .nav-tabs.menu:before {
        margin-top: 10px;
        margin-right: px;
        margin-bottom: 15px;
        margin-left: 15px;
        content: 'Contents';
        color: inherit;
        text-transform: uppercase;
        opacity: .5;
        filter: alpha(opacity=50)
    }
    .nav-tabs[class*=bg-] {
        padding: 5px 0px
    }
    .nav-tabs[class*=bg-]>li>a {
        border-left-width: 0 !important
    }
    .nav-tabs[class*=bg-]>li>a:focus,
    .nav-tabs[class*=bg-]>li>a:hover {
        background-color: rgba(0, 0, 0, 0.05)
    }
    .nav-tabs[class*=bg-]>li.open:not(.active)>a {
        background-color: rgba(0, 0, 0, 0.05)
    }
}

.nav-justified>li>a {
    margin-bottom: 0px
}

.nav-tabs-justified[class*=bg-]>li>a {
    border-color: transparent
}

.tab-content {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-color: transparent;
    background: #fff;
    color: #1C2B36
}

.tab-content p {
    color: #1C2B36
}

.thumbnail {
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.thumbnail>a {
    display: block
}

.thumbnail>img {
    width: 100%
}

.thumbnail .caption {
    padding: 17px;
    padding-top: 20px
}

.thumbnail .caption .media-heading {
    margin-top: 0px
}

.thumbnail .caption .media-heading:after {
    content: '';
    display: table;
    clear: both
}

.thumbnail .caption i.pull-right,
.thumbnail .caption .icons-list.pull-right {
    margin-top: 4px
}

.thumbnail .panel-footer {
    margin: -3px;
    margin-top: 0px
}

.thumbnail.no-padding img,
.thumbnail.no-padding .thumb {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.thumbnail.no-padding .caption {
    padding: 20px
}

.thumbnail.no-padding .panel-heading,
.thumbnail.no-padding .panel-footer {
    margin: 0
}

.thumbnail a>img {
    width: 100%
}

.thumbnail>.panel-heading {
    margin: -3px;
    margin-bottom: 0px
}

.thumb {
    position: relative;
    display: block
}

.thumb:hover .caption-zoom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.thumb:hover .caption-offset {
    left: 8px;
    top: 8px
}

.thumb:hover .zoom-image {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    filter: alpha(opacity=100)
}

.thumb:hover .thumb .caption-collapse {
    top: 100%
}

.thumb:hover>.caption-overflow {
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.thumb .caption-collapse {
    top: 80%;
    z-index: 10;
    height: auto
}

.thumb img:not(.media-preview) {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    height: auto
}

.thumb-rounded {
    width: 60%;
    margin: 20px auto 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.thumb-rounded img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.caption-overflow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    visibility: hidden;
    border-radius: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out
}

.caption-overflow span {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -17px;
    text-align: center
}

.caption-overflow .btn {
    background-color: transparent;
    color: #fff
}

.caption-overflow .btn i {
    font-size: 32px
}

figure.hover-effect-1 {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    background: #23B7E5;
    text-align: center;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

figure.hover-effect-1 * {
    box-sizing: border-box;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

figure.hover-effect-1 img {
    max-width: 100%;
    vertical-align: top
}

figure.hover-effect-1 i {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: "icomoon";
    font-size: 22px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background: #23B7E5;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

figure.hover-effect-1 a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

figure.hover-effect-1:hover img {
    opacity: 0.3;
    filter: grayscale(100%)
}

figure.hover-effect-1:hover i {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

figure.hover-effect-1.hover img {
    opacity: 0.3;
    filter: grayscale(100%)
}

figure.hover-effect-1.hover i {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

figure.hover-effect-2 {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    color: #fff;
    text-align: center;
    perspective: 50em;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

figure.hover-effect-2 * {
    box-sizing: padding-box;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}

figure.hover-effect-2 img {
    max-width: 100%;
    vertical-align: top
}

figure.hover-effect-2 figcaption {
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    opacity: 0;
    z-index: 1
}

figure.hover-effect-2 h5 {
    margin: 0px
}

figure.hover-effect-2 h4 {
    margin: 0px;
    text-transform: uppercase
}

figure.hover-effect-2 i {
    font-size: 22px;
    margin-bottom: 10px
}

figure.hover-effect-2:after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    background-color: rgba(35, 183, 229, 0.6);
    content: "";
    display: block;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
}

figure.hover-effect-2 a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

figure.hover-effect-2:hover figcaption {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1
}

figure.hover-effect-2:hover:after {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0.9
}

figure.hover-effect-2.hover figcaption {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1
}

figure.hover-effect-2.hover:after {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0.9
}

figure.hover-effect-3 {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    background: #000;
    text-align: center
}

figure.hover-effect-3 img {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    transition: opacity 0.35s
}

figure.hover-effect-3>div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

figure.hover-effect-3>div a {
    color: #fff
}

figure.hover-effect-3>div a i {
    font-size: 22px;
    opacity: 0;
    top: 50%;
    position: relative;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    display: inline-block
}

figure.hover-effect-3>div a i.left-icon {
    margin-right: 5px;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

figure.hover-effect-3>div a i.right-icon {
    margin-left: 5px;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

figure.hover-effect-3>div::before {
    position: absolute;
    top: 30px;
    right: 50%;
    bottom: 30px;
    left: 50%;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    content: '';
    opacity: 0;
    background-color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

figure.hover-effect-3:hover img {
    opacity: 0.35
}

figure.hover-effect-3:hover>div::before {
    background: rgba(255, 255, 255, 0);
    left: 30px;
    right: 30px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

figure.hover-effect-3:hover>div i {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 0.9
}

figure.hover-effect-3:hover>div i.left-icon {
    -webkit-transform: translate3d(-25%, -50%, 0);
    -moz-transform: translate3d(-25%, -50%, 0);
    transform: translate3d(-25%, -50%, 0)
}

figure.hover-effect-3:hover>div i.right-icon {
    -webkit-transform: translate3d(25%, -50%, 0);
    -moz-transform: translate3d(25%, -50%, 0);
    transform: translate3d(25%, -50%, 0)
}

.tooltip {
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
    text-align: center
}

.tooltip [class*=bg-] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.tooltip [class*=bg-]>.tooltip-inner {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    background-color: inherit
}

.tooltip.top [class*=bg-] .tooltip-arrow {
    border-top-color: inherit
}

.tooltip.right [class*=bg-] .tooltip-arrow {
    border-right-color: inherit
}

.tooltip.bottom [class*=bg-] .tooltip-arrow {
    border-bottom-color: inherit
}

.tooltip.left [class*=bg-] .tooltip-arrow {
    border-left-color: inherit
}

.tooltip-inner {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px
}

.clearfix {
    clear: both
}

::-moz-selection {
    color: #fff;
    background: #51c6ea
}

::selection {
    color: #fff;
    background: #51c6ea
}

p,
ul,
ol,
dl,
dd,
dt,
th,
td,
kbd,
blockquote {
    font-family: inherit;
    font-size: 12px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: inherit
}

kbd {
    background: #23B7E5;
    color: #fff
}

a {
    color: #1C2B36;
    cursor: pointer
}

a:focus,
a:hover {
    color: #1C2B36;
    text-decoration: none
}

p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px
}

i {
    font-size: 16px;
    position: relative;
    top: -2px
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #e6e6e6
}

hr.transparent {
    border-color: transparent
}

pre {
    padding: 20px;
    margin: 0;
    tab-size: 4;
    hyphens: none
}

dl {
    margin-bottom: 0px
}

dt {
    margin-bottom: 5px;
    font-family: "OpenSans_SemiBold", sans-serif
}

dd+dt {
    margin-top: 20px
}

.dl-horizontal dt+dd {
    margin-top: 20px
}

.dl-horizontal dt:first-child+dd {
    margin-top: 0px
}

kbd {
    font-size: 11px;
    vertical-align: text-top;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

code {
    color: #666;
    background-color: #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    word-wrap: break-word
}

th {
    font-family: "OpenSans_SemiBold", sans-serif
}

ol {
    padding-left: 25px
}

ul {
    padding-left: 25px
}

ul.list-square {
    list-style-type: square
}

ul.list-circle {
    list-style-type: circle
}

blockquote {
    margin: 0
}

blockquote img {
    height: 42px;
    margin-right: 20px;
    float: left
}

blockquote img.pull-right {
    margin-top: px;
    margin-right: 0px;
    margin-bottom: px;
    margin-left: 20px
}

blockquote .small,
blockquote footer,
blockquote small {
    font-size: 11px;
    margin-top: 7px;
    display: block
}

blockquote.pull-right {
    padding-right: 20px
}

.blockquote-reverse {
    padding-right: 20px
}

iframe {
    border: none
}

h1,
.h1 {
    margin: 8px 0px;
    font-size: 22px
}

h1 small,
.h1 small {
    font-size: 18px;
    color: #999
}

h2,
.h2 {
    margin: 6px 0px;
    font-size: 19px
}

h2 small,
.h2 small {
    font-size: 15px;
    color: #999
}

h3,
.h3 {
    margin: 4px 0px;
    font-size: 17px
}

h3 small,
.h3 small {
    font-size: 12px;
    color: #999
}

h4,
.h4 {
    margin: 4px 0px;
    font-size: 14px
}

h4 small,
.h4 small {
    font-size: 12px;
    color: #999
}

h5,
.h5 {
    margin: 3px 0px;
    font-size: 12px
}

h5 small,
.h5 small {
    font-size: 11px;
    color: #999
}

h6,
.h6 {
    margin: 2px 0px;
    font-size: 11px
}

h6 small,
.h6 small {
    font-size: 10px;
    color: #999
}

.page-title h1 {
    font-size: 22px
}

.page-title h2 {
    font-size: 19px
}

.page-title h3 {
    font-size: 17px
}

.page-title h4 {
    font-size: 14px
}

.page-title h5 {
    font-size: 12px
}

.page-title h6 {
    font-size: 11px
}

.no-line-height {
    line-height: 1
}

.text-highlight {
    padding: 4px 6px;
    color: #fff;
    background-color: #23B7E5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.text-extrabold {
    font-family: "OpenSans_ExtraBold", sans-serif !important
}

.text-bold {
    font-family: "OpenSans_Bold", sans-serif !important
}

.text-semibold {
    font-family: "OpenSans_SemiBold", sans-serif !important
}

.text-regular {
    font-family: "OpenSans", sans-serif !important
}

.text-light {
    font-family: "OpenSans_Light", sans-serif !important
}

.text-muted {
    color: #666 !important
}

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

.text-italic {
    font-style: italic !important
}

.text-xs {
    font-size: 10px !important
}

.text-sm {
    font-size: 11px !important
}

.text-normal {
    font-size: 12px !important
}

.text-lg {
    font-size: 15px !important
}

.text-xlg {
    font-size: 18px !important
}

.x2 {
    font-size: 20px
}

.x3 {
    font-size: 26px
}

.x4 {
    font-size: 32px
}

.x5 {
    font-size: 38px
}

.x6 {
    font-size: 44px
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-normal {
    text-transform: none !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-alpha-9 {
    color: rgba(255, 255, 255, 0.9)
}

.text-alpha-8 {
    color: rgba(255, 255, 255, 0.8)
}

.text-alpha-7 {
    color: rgba(255, 255, 255, 0.7)
}

.text-alpha-6 {
    color: rgba(255, 255, 255, 0.6)
}

.text-alpha-5 {
    color: rgba(255, 255, 255, 0.5)
}

.text-alpha-4 {
    color: rgba(255, 255, 255, 0.4)
}

.text-alpha-3 {
    color: rgba(255, 255, 255, 0.3)
}

.text-alpha-2 {
    color: rgba(255, 255, 255, 0.2)
}

.text-alpha-1 {
    color: rgba(255, 255, 255, 0.1)
}

.list-inline {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px
}

.list-inline>li {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px
}

.list-inline>li:last-child {
    padding-right: 0px
}

.icons-list {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    font-size: 0
}

.icons-list>li {
    margin-left: 16px;
    position: relative;
    display: inline-block;
    font-size: 16px
}

.icons-list>li:first-child {
    margin-left: 0px
}

.icons-list>li>a {
    color: inherit;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.icons-list>li>a:focus {
    opacity: .75;
    filter: alpha(opacity=75)
}

.icons-list>li>a:hover {
    opacity: .75;
    filter: alpha(opacity=75)
}

.icons-list>li>a>i {
    top: 2px
}

.icons-list>li>a>.caret {
    margin: 0
}

.list-icons {
    padding-left: 0px
}

.list-icons li {
    list-style: none
}

.list-icons li i {
    margin-right: 7px
}

.list>li {
    margin-top: 7px
}

.list>li:first-child {
    margin-top: 0px
}

.list>li .list>li {
    margin-top: 7px
}

.list-condensed>li {
    margin-top: 3px
}

.list-condensed>li .list>li {
    margin-top: 3px
}

.list-extended>li {
    margin-top: 11px
}

.list-extended>li .list>li {
    margin-top: 11px
}

.list-inline-condensed>li {
    padding-right: 10px
}

.list-inline-separate>li {
    padding-right: 20px;
    position: relative
}

.list-inline-separate>li:before {
    content: '\2022';
    position: absolute;
    right: 8px;
    color: #9E9E9E;
    top: 1px
}

.list-inline-separate>li:last-child:before {
    content: none
}

.icons-list-extended>li {
    margin-left: 10px
}

.valign-middle {
    vertical-align: middle
}

.valign-bottom {
    vertical-align: bottom
}

.valign-baseline {
    vertical-align: baseline
}

.valign-text-top {
    vertical-align: top
}

.valign-text-bottom {
    vertical-align: text-bottom
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.position-left {
    margin-right: 6px
}

.position-right {
    margin-left: 6px
}

.display-block,
label.display-block {
    display: block !important
}

.display-inline-block {
    display: inline-block
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.cursor-default {
    cursor: default
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.no-margin {
    margin: 0 !important
}

.no-margin-t {
    margin-top: 0 !important
}

.no-margin-b {
    margin-bottom: 0 !important
}

.no-margin-l {
    margin-left: 0 !important
}

.no-margin-r {
    margin-right: 0 !important
}

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

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

.no-padding {
    padding: 0 !important
}

.no-padding-t {
    padding-top: 0 !important
}

.no-padding-b {
    padding-bottom: 0 !important
}

.no-padding-l {
    padding-left: 0 !important
}

.no-padding-r {
    padding-right: 0 !important
}

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

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

.no-border {
    border: none !important
}

.no-border-top {
    border-top: none !important
}

.no-border-bottom {
    border-bottom: none !important
}

.no-border-left {
    border-left: none !important
}

.no-border-right {
    border-right: none !important
}

.border {
    border: #9E9E9Epx 1px solid
}

.border-top {
    border-top: 1px solid #9E9E9E
}

.border-bottom {
    border-bottom: 1px solid #9E9E9E
}

.border-left {
    border-left: 1px solid #9E9E9E
}

.border-right {
    border-right: 1px solid #9E9E9E
}

.border-right-dotted {
    border-right: 1px solid #9E9E9E
}

.border-right-dashed {
    border-right: 1px solid #9E9E9E
}

.border-lg {
    border: 2px solid #9E9E9E
}

.border-top-lg {
    border-top: 2px solid #9E9E9E
}

.border-bottom-lg {
    border-bottom: 2px solid #9E9E9E
}

.border-left-lg {
    border-left: 2px solid #9E9E9E
}

.border-right-lg {
    border-right: 2px solid #9E9E9E
}

.border-xlg {
    border: 3px solid #9E9E9E
}

.border-top-xlg {
    border-top: 3px solid #9E9E9E
}

.border-bottom-xlg {
    border-bottom: 3px solid #9E9E9E
}

.border-left-xlg {
    border-left: 3px solid #9E9E9E
}

.border-right-xlg {
    border-right: 3px solid #9E9E9E
}

.no-border-radius {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.no-border-radius-top {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: inherit;
    -moz-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    -moz-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-bottom {
    -webkit-border-top-left-radius: inherit;
    -moz-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    -moz-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.no-border-radius-left {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: inherit;
    -moz-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    -moz-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-right {
    -webkit-border-top-left-radius: inherit;
    -moz-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: inherit;
    -moz-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.full-width {
    width: 100%;
    width: 100%
}

.min-width-100 {
    min-width: 100px
}

.min-width-150 {
    min-width: 150px
}

.min-width-200 {
    min-width: 200px
}

.min-width-250 {
    min-width: 250px
}

.min-width-300 {
    min-width: 300px
}

.min-width-350 {
    min-width: 350px
}

.min-width-400 {
    min-width: 400px
}

.min-width-450 {
    min-width: 450px
}

.min-width-500 {
    min-width: 500px
}

.min-width-550 {
    min-width: 550px
}

.min-width-600 {
    min-width: 600px
}

.min-width-650 {
    min-width: 650px
}

.max-width-100 {
    max-width: 100px
}

.max-width-150 {
    max-width: 150px
}

.max-width-200 {
    max-width: 200px
}

.max-width-250 {
    max-width: 250px
}

.max-width-300 {
    max-width: 300px
}

.max-width-350 {
    max-width: 350px
}

.max-width-400 {
    max-width: 400px
}

.max-width-450 {
    max-width: 450px
}

.max-width-500 {
    max-width: 500px
}

.max-width-550 {
    max-width: 550px
}

.max-width-600 {
    max-width: 600px
}

.max-width-650 {
    max-width: 650px
}

.min-height-100 {
    min-height: 100px
}

.min-height-120 {
    min-height: 120px
}

.min-height-150 {
    min-height: 150px
}

.min-height-200 {
    min-height: 200px
}

.min-height-250 {
    min-height: 250px
}

.min-height-300 {
    min-height: 300px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-150 {
    height: 150px
}

.height-200 {
    height: 200px
}

.height-250 {
    height: 250px
}

.height-300 {
    height: 300px
}

.img-lg {
    width: 44px;
    height: 44px
}

.img-sm {
    width: 36px;
    height: 36px
}

.img-xs {
    width: 32px;
    height: 32px
}

.img-10 {
    width: 10%
}

.img-15 {
    width: 15%
}

.img-20 {
    width: 20%
}

.img-30 {
    width: 30%
}

.img-40 {
    width: 40%
}

.img-50 {
    width: 50%
}

.img-60 {
    width: 60%
}

.img-70 {
    width: 70%
}

.img-80 {
    width: 80%
}

.img-90 {
    width: 90%
}

.img-100 {
    width: 100%
}

.img-rounded {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rotate-45 {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-45-inverse {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-90-inverse {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180-inverse {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.spinner {
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.spinner-reverse {
    -webkit-animation: rotation_reverse 1s linear infinite;
    animation: rotation_reverse 1s linear infinite
}

.overlay-demo,
.spinner,
.spinner-reverse {
    display: inline-block
}

.no-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.right_bar {
    position: fixed;
    top: 0;
    right: -1px;
    width: 0;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    border-left: 1px solid #DEE5E7;
    overflow-x: hidden;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 9999;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
}

.right_bar .sidebar_header {
    background: #fff
}

.right_bar .nav-tabs {
    padding-left: 3px;
    padding-right: 3px;
    border: none
}

.right_bar .nav-tabs>li>a,
.right_bar .nav-tabs>li>a:hover,
.right_bar .nav-tabs>li>a:focus {
    text-transform: uppercase;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: center;
    padding-top: 17px;
    padding-right: 4px;
    padding-bottom: 18px;
    padding-left: 4px;
    margin-left: 8px;
    margin-right: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: none
}

.right_bar .nav-tabs>li.active>a,
.right_bar .nav-tabs>li.active>a:hover,
.right_bar .nav-tabs>li.active>a:focus {
    color: #6b94b3;
    background: none;
    border: none
}

.right_bar .nav-tabs>li i {
    font-size: 18px
}

.right_bar .nav-tabs>li.pull-right {
    float: right !important
}

.right_bar .tab-content {
    padding: 0;
    border: none;
    background-color: #fff
}

.right_bar .tab-content .subtitle {
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #6b94b3;
    text-align: left;
    text-transform: uppercase
}

.right_bar .friends_search {
    height: 50px;
    border-bottom: 1px solid #f7f7f7;
    background: #fff
}

.right_bar .friends_search .form-control-feedback {
    top: 7px;
    left: -3px
}

.right_bar .friends_search .form-control-feedback i {
    left: 5px;
    color: #1C2B36
}

.right_bar .friends_search #searchfield {
    width: 220px;
    margin-top: 13px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    padding: 0;
    font-size: 14px;
    background: #fff;
    border: none;
    color: #1C2B36
}

.right_bar .friends_search #searchfield::-webkit-input-placeholder {
    color: #1C2B36
}

.right_bar .friends_search #searchfield:-moz-placeholder {
    color: #1C2B36
}

.right_bar .friends_search #searchfield::-moz-placeholder {
    color: #1C2B36
}

.right_bar .friends_search #searchfield:-ms-input-placeholder {
    color: #1C2B36
}

.right_bar .friends_search #searchfield:focus {
    outline: 0
}

.right_bar .friend {
    height: 64px;
    border-bottom: 1px solid #fff;
    background: #fff;
    position: relative
}

.right_bar .friend:hover {
    background: #f7f7f7;
    cursor: pointer
}

.right_bar .friend img {
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 11px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
    float: left
}

.right_bar .friend .detail {
    width: auto;
    padding-top: 9px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: left
}

.right_bar .friend .detail span {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    color: #1C2B36;
    display: block
}

.right_bar .friend .detail cite {
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    color: #1C2B36
}

.right_bar .friend .detail cite i {
    font-size: 15px;
    margin-right: 3px
}

.right_bar .friend .status {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    background: #4CAF50;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.right_bar .friend .status.away {
    background: #ff865f
}

.right_bar .friend .status.inactive {
    background: #9E9E9E
}

.right_bar .friend .status.busy {
    background: #F44336
}

.right_bar .friend .time {
    position: absolute;
    top: 11px;
    right: 15px;
    font-size: 10px;
    color: #6b94b3
}

.right_bar .friend .badge {
    position: absolute;
    top: 32px;
    right: 15px;
    padding-left: 6px;
    padding-right: 6px
}

.right_bar #conversation {
    position: fixed;
    top: 58px;
    width: 260px;
    display: none;
    background: #fff
}

.right_bar #conversation .conversation-header {
    height: 60px;
    background: #4FC5EA;
    border-bottom: 1px solid #4FC5EA;
    color: #fff
}

.right_bar #conversation .conversation-header #back {
    height: 60px;
    padding: 23px 6px;
    margin-left: 4px;
    float: left;
    cursor: pointer
}

.right_bar #conversation .conversation-header img {
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 10px 8px;
    float: left
}

.right_bar #conversation .conversation-header .friend-details {
    height: 60px;
    padding: 10px 5px;
    float: left
}

.right_bar #conversation .conversation-header .friend-details span {
    font-size: 12px;
    font-family: "OpenSans_SemiBold", sans-serif;
    margin-bottom: 2px
}

.right_bar #conversation .conversation-header .friend-details cite {
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    display: block
}

.right_bar #conversation .conversation-header .actions {
    margin-right: 10px;
    float: right
}

.right_bar #conversation .conversation-header .actions>div {
    height: 60px;
    padding: 20px 5px;
    cursor: pointer;
    float: left
}

.right_bar #conversation .chat-wrapper {
    padding: 10px
}

.right_bar #conversation .chat-wrapper:before {
    content: " ";
    display: block
}

.right_bar #conversation .chat-wrapper .chat-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    width: 32px;
    height: 32px
}

.right_bar #conversation .chat-wrapper .chat-message {
    width: 100%;
    margin-bottom: 10px;
    display: table;
    overflow: hidden
}

.right_bar #conversation .chat-wrapper .chat-message:before {
    content: " ";
    display: block
}

.right_bar #conversation .chat-wrapper .chat-message:last-of-type {
    margin-bottom: 0px
}

.right_bar #conversation .chat-wrapper .chat-message .chat-message-wrapper {
    max-width: 70%;
    margin: 0px 15px;
    display: table;
    position: relative
}

.right_bar #conversation .chat-wrapper .chat-message .chat-message-wrapper:before {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    position: absolute;
    top: 7px;
    margin-left: 8px;
    content: " ";
    display: block;
    z-index: 2
}

.right_bar #conversation .chat-wrapper .chat-message .chat-message-wrapper p {
    margin: 0;
    padding: 6px 10px;
    font-size: 11.4px;
    line-height: 1.4;
    color: #1C2B36
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper {
    float: left
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper:before {
    left: -20px;
    border-right-color: #F6F8F8
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-recipient .chat-message-content {
    float: left
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-recipient p {
    background-color: #F6F8F8
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper {
    float: right
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper:before {
    right: -12px;
    border-left-color: #B7EEFF
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-sender .chat-message-content {
    float: right
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-sender p {
    background: #B7EEFF
}

.right_bar #conversation .chat-wrapper .chat-message.chat-message-sender img {
    float: right
}

.right_bar #conversation .chat-wrapper .chat-message .chat-message-content {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: table;
    overflow: hidden
}

.right_bar #conversation .chat-wrapper .chat-message .chat-message-content:before {
    content: " ";
    display: block
}

.right_bar #conversation .chat-wrapper .chat-message .chat-details {
    width: 100%;
    font-size: 10px;
    clear: both;
    display: table;
    overflow: hidden
}

.right_bar #conversation .chat-wrapper .chat-message .chat-details:before {
    content: " ";
    display: block
}

.right_bar #conversation .chat-wrapper .chat-message .chat-details i {
    font-size: 13px;
    float: left;
    margin-right: 3px;
    top: 2px
}

.right_bar #conversation .chat-wrapper .chat-message .chat-details span {
    color: #1C2B36
}

.right_bar #conversation .conversation-compose {
    width: 100%;
    height: 54px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
    z-index: 2
}

.right_bar #conversation .conversation-compose .photo {
    width: 48px;
    flex: 0 0 auto;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
    position: relative
}

.right_bar #conversation .conversation-compose .photo:after {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent transparent #f0f0f0;
    border-style: solid;
    content: ""
}

.right_bar #conversation .conversation-compose .photo i {
    position: relative;
    top: 50%;
    left: 50%;
    display: block;
    color: #F6F8F8;
    font-size: 18px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.right_bar #conversation .conversation-compose div {
    height: 100%;
    background: #f0f0f0
}

.right_bar #conversation .conversation-compose input {
    height: 100%;
    background: #f0f0f0;
    color: #F6F8F8
}

.right_bar #conversation .conversation-compose .input-msg {
    margin: 0;
    padding: 10px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    min-width: 50px;
    border: 0;
    flex: 1 1 auto;
    font-size: 13px;
    outline: none
}

.right_bar #conversation .conversation-compose .send {
    padding: 0;
    margin-left: 12px;
    margin-right: 2px;
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    position: relative;
    outline: none
}

.right_bar #conversation .conversation-compose .send .circle {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4FC5EA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.right_bar #conversation .conversation-compose .send .circle i {
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -3px;
    font-size: 18px
}

.right_bar .notifications .media-thumb {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left
}

.right_bar .notifications .media-thumb img {
    width: 40px;
    height: 40px;
    padding: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.right_bar .notifications .media-thumb i {
    width: 18px;
    font-size: 18px;
    padding: 12px
}

.right_bar .notifications .media-title {
    width: 100%;
    padding-left: 10px;
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    color: #1C2B36
}

.right_bar .notifications .media-title>div {
    font-size: 11px;
    font-family: "OpenSans_SemiBold", sans-serif;
    color: #1C2B36
}

.right_bar .notifications .media-time {
    font-size: 10px;
    display: block;
    color: #999
}

.right_bar .notifications .media-container>ul {
    padding-bottom: 10pxpx;
    border-bottom: 3px solid #DEE5E7;
    padding: 0;
    margin: 0
}

.right_bar .notifications .media-container>ul>li {
    padding: 10px 12px;
    border-bottom: 1px solid #f7f7f7;
    display: table;
    list-style: none
}

.right_bar .notifications .media-container>ul>li.new {
    background: #f7f7f7
}

.right_bar .notifications .media-container>ul>li:hover {
    background: #f7f7f7;
    text-decoration: none
}

.right_bar .activity-feed {
    padding: 0;
    margin-top: 20px;
    margin-right: 16px;
    margin-bottom: 0px;
    margin-left: 30px;
    list-style-type: none
}

.right_bar .activity-feed .feed-item {
    min-height: 60px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-left: 1px solid #1C2B36;
    position: relative
}

.right_bar .activity-feed .feed-item:last-child {
    border-color: transparent
}

.right_bar .activity-feed .feed-item:after {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: -16px;
    font-family: "icomoon";
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: attr(data-content);
    display: flex;
    justify-content: center;
    align-items: center;
    text-rendering: auto;
    background-color: #1C2B36
}

.right_bar .activity-feed .feed-item section {
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #84e2ff
}

.right_bar .activity-feed .feed-item section:hover {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.right_bar .activity-feed .feed-item section label {
    margin-bottom: 0px;
    display: block;
    cursor: pointer;
    color: #1C2B36
}

.right_bar .activity-feed .feed-item section label cite {
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    display: block;
    color: #fff
}

.right_bar .activity-feed .feed-item section label span {
    font-size: 11px
}

.right_bar .activity-feed input[type="checkbox"] {
    display: none
}

.right_bar .activity-feed input[type="checkbox"]:checked ~ label:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #FF5722
}

.right_bar .activity-feed input[type="checkbox"]:checked ~ .content {
    max-height: 300px;
    margin-top: 5px;
    margin-right: -10px;
    margin-bottom: -5px;
    margin-left: -10px;
    padding: 12px;
    font-size: 11px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #B7EEFF;
    color: #1C2B36;
    -webkit-transition: max-height 0.25s ease-in;
    -moz-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in
}

.right_bar .activity-feed a {
    color: #1C2B36;
    text-decoration: underline
}

.right_bar .activity-feed a:hover,
.right_bar .activity-feed a:focus {
    color: #1C2B36
}

.right_bar .activity-feed .content {
    max-height: 0;
    overflow: hidden
}

.right_bar .activity-feed [data-color=success]:after {
    background-color: #4CAF50 !important
}

.right_bar .activity-feed [data-color=info]:after {
    background-color: #00BCD4 !important
}

.right_bar .activity-feed [data-color=warning]:after {
    background-color: #FF5722 !important
}

.right_bar .activity-feed [data-color=danger]:after {
    background-color: #F44336 !important
}

.right_bar .settings label {
    color: #111
}

.right_bar .settings section {
    border-bottom: 1px solid #fafafa;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px
}

.right_bar .settings section .checkbox {
    margin: 0px
}

@media only screen and (max-width: 767px) {
    .right_bar {
        right: -1px
    }
    .right_bar .nav-tabs {
        padding: 0;
        margin: 0;
        border: none
    }
    .right_bar .nav-tabs>li>a,
    .right_bar .nav-tabs>li>a:hover,
    .right_bar .nav-tabs>li>a:focus {
        font-size: 11px;
        margin-left: 6px;
        margin-right: 6px
    }
    .right_bar .nav-tabs>li.pull-right {
        float: right !important
    }
    .right_bar #conversation {
        width: 100%
    }
}

@media only screen and (max-width: 479px) {
    .right_bar {
        right: 0px;
        border-left: none
    }
    .right_bar .nav-tabs>li>a,
    .right_bar .nav-tabs>li>a:hover,
    .right_bar .nav-tabs>li>a:focus {
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (max-width: 411px) {
    .right_bar .nav-tabs>li>a,
    .right_bar .nav-tabs>li>a:hover,
    .right_bar .nav-tabs>li>a:focus {
        font-size: 16px
    }
}

@media only screen and (max-width: 374px) {
    .right_bar .nav-tabs>li>a,
    .right_bar .nav-tabs>li>a:hover,
    .right_bar .nav-tabs>li>a:focus {
        font-size: 14px
    }
}

@media only screen and (max-width: 374px) {
    .right_bar .nav-tabs>li>a,
    .right_bar .nav-tabs>li>a:hover,
    .right_bar .nav-tabs>li>a:focus {
        font-size: 12px
    }
}

.ui-draggable-handle {
    touch-action: none
}

.ui-sortable-handle {
    touch-action: none
}

.sortable-placeholder {
    position: relative
}

.sortable-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px dashed rgba(28, 43, 54, 0.2);
    background: #e7ecee;
    content: '';
    display: inline-block
}

.sortable-placeholder+.panel {
    margin-top: 20px
}

.panel-group>.sortable-placeholder:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.panel-group .panel+.sortable-placeholder {
    margin-top: 5px;
    margin-bottom: 5px
}

.panel-group .sortable-placeholder+.panel {
    margin-top: 5px
}

.table .ui-sortable-helper {
    width: 100%;
    background-color: #fff;
    display: table
}

.table .sortable-placeholder {
    margin: 0
}

.table .sortable-placeholder:before {
    content: none
}

.table.ui-sortable {
    position: relative
}

.ui-resizable {
    position: relative
}

.ui-sortable .ui-state-disabled {
    color: #ccc;
    cursor: not-allowed;
    opacity: .75;
    filter: alpha(opacity=75)
}

.panel+.sortable-placeholder {
    margin-bottom: 20px
}

.wagwep-container {
    overflow: hidden
}

.wagwep-container ul#portfolio-filter {
    width: 100%
}

.wagwep-container ul#portfolio-filter li {
    margin: 0px
}

.wagwep-container ul#portfolio-filter li.current a {
    background: #23B7E5;
    color: #fff
}

.wagwep-container ul#portfolio-filter a {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.wagwep-container ul#portfolio-filter a:hover {
    text-decoration: none;
    background: #d8e0e3
}

.og-grid {
    width: 100%;
    padding: 20px 0px;
    list-style: none;
    margin: 0 auto;
    text-align: center
}

.og-grid li {
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top
}

.og-grid li.hidden {
    display: none
}

.og-grid li>a {
    border: none;
    outline: none;
    display: block;
    position: relative
}

.og-grid li>a img {
    border: none;
    outline: none;
    display: block;
    position: relative
}

.og-grid li a {
    overflow: hidden
}

.og-grid li a.unhoverdir {
    overflow: visible
}

.og-grid li a figure {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(35, 183, 229, 0.5)
}

.og-grid li a figure span {
    padding: 10px 0px;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.og-grid.effect-fallperspective {
    perspective: 1300px
}

.og-grid.effect-fallperspective li.animate {
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective .8s ease-in-out forwards;
    -moz-animation: fallPerspective .8s ease-in-out forwards;
    animation: fallPerspective .8s ease-in-out forwards
}

.og-grid.effect-fly {
    perspective: 1300px
}

.og-grid.effect-fly li.animate {
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly .8s ease-in-out forwards;
    -moz-animation: fly .8s ease-in-out forwards;
    animation: fly .8s ease-in-out forwards
}

.og-grid.effect-flip {
    perspective: 1300px
}

.og-grid.effect-flip li.animate {
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    -moz-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards
}

.og-grid.effect-helix {
    perspective: 1300px
}

.og-grid.effect-helix li.animate {
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: helix .8s ease-in-out forwards;
    -moz-animation: helix .8s ease-in-out forwards;
    animation: helix .8s ease-in-out forwards
}

.og-grid.effect-popup {
    perspective: 1300px
}

.og-grid.effect-popup li.animate {
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    -moz-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards
}

.og-grid.effect-opacity li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    -moz-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards
}

.og-grid.effect-moveup li.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards
}

.og-grid.effect-scaleup li.animate {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    -moz-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards
}

.og-pointer {
    width: 0;
    height: 0;
    margin-top: -9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
    top: auto;
    border: solid transparent;
    content: " ";
    position: relative;
    pointer-events: none;
    border-bottom-color: #23B7E5;
    border-width: 10px;
    left: 50%
}

.og-expander {
    width: 100%;
    height: 0;
    position: absolute;
    top: auto;
    left: 0;
    margin-top: 0px;
    background: #23B7E5;
    color: #fff;
    text-align: left;
    overflow: hidden
}

.og-expander-inner {
    height: 100%;
    padding: 30px
}

.og-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.og-close:hover::before,
.og-close:hover::after {
    background: #51c6ea
}

.og-close::before {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    background: #7ed5f0
}

.og-close::after {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    background: #7ed5f0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.og-fullimg {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%
}

.og-details {
    padding: 0px 20px;
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative
}

.og-details .infosep {
    margin: 15px 0px;
    border-bottom: 1px solid #19a9d5;
    box-shadow: 0 1px #3abee8;
    -moz-box-shadow: 0 1px #3abee8;
    -webkit-box-shadow: 0 1px #3abee8
}

.og-details h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: "OpenSans_Light", sans-serif
}

.og-details p {
    padding-bottom: 20px;
    color: #fff
}

.og-details iframe {
    max-width: 400px;
    max-height: 250px;
    margin-bottom: 0px
}

.og-details a {
    margin-right: 10px
}

.og-loading {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
    background: #e6e6e6
}

@-webkit-keyframes loader {
    0% {
        background: #e6e6e6
    }
    33% {
        background: #ccc
    }
    66% {
        background: #b3b3b3
    }
}

@-moz-keyframes loader {
    0% {
        background: #e6e6e6
    }
    33% {
        background: #ccc
    }
    66% {
        background: #b3b3b3
    }
}

@keyframes loader {
    0% {
        background: #e6e6e6
    }
    33% {
        background: #ccc
    }
    66% {
        background: #b3b3b3
    }
}

.elastislide-list {
    list-style-type: none;
    display: none
}

.elastislide-carousel {
    overflow: hidden;
    position: relative
}

.elastislide-carousel ul {
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    list-style-type: none;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px)
}

.elastislide-carousel ul li {
    min-width: 20px;
    margin: 0px
}

.elastislide-carousel ul li a {
    width: 100%;
    padding: 0px;
    display: inline-block
}

.elastislide-carousel ul li a img {
    max-width: 100%;
    display: block
}

.elastislide-carousel ul li a img.selected {
    border: 5px solid #7ed5f0
}

.elastislide-wrapper {
    min-height: 60px;
    position: relative;
    background-color: #1797be;
    margin: 0 auto;
    box-shadow: inset 0 0 5px #1485a8;
    -moz-box-shadow: inset 0 0 5px #1485a8;
    -webkit-box-shadow: inset 0 0 5px #1485a8
}

.elastislide-wrapper.elastislide-loading {
    background-image: url(../../img/gallery/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.elastislide-wrapper nav span {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background: #117391 url(../../img/gallery/nav.png) no-repeat 4px 3px;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.8
}

.elastislide-wrapper nav span:hover {
    opacity: 1.0
}

.elastislide-horizontal {
    padding: 10px 40px
}

.elastislide-horizontal ul {
    white-space: nowrap
}

.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block
}

.elastislide-horizontal nav span {
    margin-top: -10px;
    top: 50%;
    left: 10px
}

.elastislide-horizontal nav span.elastislide-next {
    right: 10px;
    left: auto;
    background-position: 4px -17px
}

.elastislide-vertical {
    padding: 40px 10px
}

.elastislide-vertical ul li {
    display: block
}

.elastislide-vertical nav span {
    margin-left: -10px;
    top: 10px;
    left: 50%;
    background-position: -17px 5px
}

.elastislide-vertical nav span.elastislide-next {
    bottom: 10px;
    top: auto;
    background-position: -17px -18px
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

@-webkit-keyframes moveUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes moveUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes fly {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip {
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes helix {
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes helix {
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@keyframes helix {
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes popUp {
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes popUp {
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popUp {
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media only screen and (max-width: 767px) {
    nav#porfolio-nav {
        height: auto
    }
    nav#porfolio-nav ul {
        width: 100%;
        height: auto;
        display: block
    }
    nav#porfolio-nav li {
        width: 50%;
        float: left;
        position: relative
    }
    nav#porfolio-nav a {
        width: 100%;
        text-align: left;
        text-indent: 25px
    }
}

@media only screen and (max-width: 599px) {
    .og-expander-inner {
        padding: 10px
    }
    .og-fullimg {
        width: 30%;
        height: 100%
    }
    .og-details {
        width: 100%;
        margin-top: 5px
    }
    .og-details h3 {
        margin-bottom: 0px
    }
    .og-details p {
        padding-bottom: 10px
    }
    .og-details .infosep {
        margin: 10px 0px
    }
    .elastislide-wrapper {
        max-width: 300px
    }
    nav#porfolio-nav {
        border-bottom: 0
    }
    nav#porfolio-nav ul {
        height: auto
    }
    .og-grid .sep {
        display: none
    }
}

@media only screen and (max-width: 359px) {
    .og-details h3 {
        margin-bottom: 0px
    }
    .og-details p {
        padding-bottom: 10px
    }
    .og-details .infosep {
        margin: 10px 0px
    }
    nav#porfolio-nav li {
        width: 100%;
        display: block;
        float: none
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .og-grid .sep {
        height: 80%;
        margin: 20px 10px
    }
}

@media only screen and (max-width: 767px) {
    .og-expander {
        height: 640px !important;
        z-index: 9
    }
    .og-fullimg {
        width: 100%;
        height: auto
    }
    .og-details {
        width: 100%;
        margin-top: 5px
    }
    .og-details p {
        padding-bottom: 10px
    }
    .og-details .infosep {
        margin: 12px 0px
    }
    .elastislide-wrapper {
        max-width: 300px;
        padding-bottom: 5px
    }
    .og-grid .sep {
        display: none
    }
}

.fc {
    text-align: left
}

.fc table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.fc th {
    padding: 12px 20px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    vertical-align: top;
    font-size: 14px;
    font-family: "OpenSans_SemiBold", sans-serif
}

.fc .fc-button-group>* {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
    float: left
}

.fc .fc-button-group>:first-child {
    margin-left: 0px
}

.fc hr {
    height: 0;
    margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    border-style: solid;
    border-width: 1px 0
}

.fc td {
    padding: 0;
    border-style: solid;
    border-width: 1px;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

.fc .fc-axis {
    padding: 10px;
    vertical-align: middle;
    color: #1C2B36
}

.fc-basic-view .fc-week-number {
    padding: 10px;
    text-align: center
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-basic-view .fc-day-number {
    padding: 10px;
    text-align: right
}

.fc-basic-view .fc-day-number.fc-other-month {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-basic-view tbody .fc-row {
    min-height: 100px;
    min-width: 100px
}

.fc-time-grid-event {
    overflow: hidden
}

.fc-time-grid-event .fc-resizer {
    height: 8px;
    padding: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    z-index: 3;
    overflow: hidden;
    font-family: monospace;
    cursor: s-resize;
    background-color: rgba(0, 0, 0, 0.05)
}

.fc-time-grid-event .fc-resizer:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.fc-time-grid-event .fc-resizer:after {
    content: "="
}

.fc-time-grid-event .fc-time {
    font-family: "OpenSans_SemiBold", sans-serif
}

.fc-time-grid-event.fc-not-start {
    padding-top: 1px;
    border-top-width: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.fc-time-grid-event.fc-not-end {
    padding-bottom: 1px;
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.fc-time-grid-event.fc-short .fc-time {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-title {
    padding: 0;
    font-size: 11px;
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event>.fc-content {
    position: relative;
    z-index: 2
}

.fc-toolbar {
    margin-bottom: 20px;
    text-align: center
}

.fc-toolbar h2 {
    margin: 0;
    color: #3f6079
}

.fc-toolbar .fc-left {
    width: 33%;
    float: left
}

.fc-toolbar .fc-left>.fc-button {
    margin-left: 10px
}

.fc-toolbar .fc-right {
    width: 33%;
    float: right
}

.fc-toolbar .fc-right .fc-button-group {
    float: right
}

.fc-toolbar .fc-right>.fc-button {
    margin-left: 10px
}

.fc-toolbar .fc-center {
    display: inline-block;
    vertical-align: middle
}

.fc-toolbar>*>* {
    float: left
}

.fc-toolbar>*>:first-child {
    margin-left: 0px
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-view {
    position: relative;
    z-index: 1
}

.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-events-container {
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e6e6e6
}

.fc-events-container .fc-event {
    margin: 0;
    padding: 3px 8px
}

.fc-events-container .fc-event+.fc-event {
    margin-top: 5px
}

.fc-unthemed .fc-popover {
    border: 1px solid #F0F3F4;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fc-unthemed .fc-popover .fc-header {
    background-color: #fff
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    margin-top: 2px;
    opacity: .6;
    filter: alpha(opacity=60)
}

.fc-unthemed .fc-popover .fc-header .fc-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fc-unthemed .fc-row {
    border-color: #F0F3F4
}

.fc-unthemed hr {
    border-color: #F0F3F4;
    background-color: #fff
}

.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th {
    border-color: #F0F3F4
}

.fc-unthemed thead {
    border-color: #F0F3F4;
    border-bottom-color: #F0F3F4
}

.fc-unthemed thead th,
.fc-unthemed thead td {
    border-bottom-color: #F0F3F4;
    background: #fff;
    color: #3f6079
}

.fc-unthemed .fc-today {
    background-color: #23B7E5
}

.fc-highlight {
    background-color: #e6e6e6
}

.fc-bgevent {
    background-color: #23B7E5
}

.fc-nonbusiness {
    background-color: #ccc
}

.fc-icon {
    display: block
}

.fc-icon:after {
    display: inline-block;
    font-family: icomoon;
    line-height: 1;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.fc-button {
    margin: 0;
    padding: 4px 12px;
    cursor: pointer;
    text-transform: capitalize;
    outline: 0
}

.fc-button.fc-state-active,
.fc-button.fc-state-down {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02)
}

.fc-button::-moz-focus-inner {
    padding: 0;
    margin: 0
}

.fc-state-default {
    border: 1px solid #DDDDDD;
    background-color: #FCFCFC
}

.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.fc-state-hover {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.01)
}

.fc-state-active,
.fc-state-down {
    box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02);
    -moz-box-shadow: inset 2px 0 100px 0 rgba(0, 0, 0, 0.02)
}

.fc-state-disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-event {
    position: relative;
    display: block;
    background-color: #00BCD4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    text-decoration: none
}

.fc-event.fc-draggable {
    cursor: pointer
}

.fc-event:hover {
    color: #fff;
    background-color: #0098ab;
    text-decoration: none
}

.fc-event[href] {
    cursor: pointer
}

.fc-popover {
    position: absolute;
    border: 1px solid #F0F3F4
}

.fc-popover .fc-header {
    padding: 10px
}

.fc-popover .fc-header .fc-close {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc-ltr .fc-popover .fc-header .fc-title {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close {
    float: right
}

.fc-ltr .fc-day-grid-event .fc-resizer {
    right: -3px;
    cursor: e-resize
}

.fc-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fc-bg table {
    height: 100%
}

.fc-row {
    position: relative;
    border-style: solid;
    border-width: 0
}

.fc-row .fc-bgevent-skeleton {
    bottom: 0;
    z-index: 2
}

.fc-row .fc-bgevent-skeleton table {
    height: 100%
}

.fc-row .fc-bgevent-skeleton td {
    border: 0
}

.fc-row .fc-highlight-skeleton {
    bottom: 0;
    z-index: 3
}

.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-row .fc-highlight-skeleton td {
    border: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4
}

.fc-row .fc-content-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td {
    border-top: 0
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-row.fc-rigid {
    overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.fc-scroller {
    min-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden
}

.fc-scroller>* {
    position: relative;
    overflow: hidden
}

.fc-day-grid-event {
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 4px 8px
}

.fc-day-grid-event .fc-time {
    font-family: "OpenSans_SemiBold", sans-serif
}

.fc-day-grid-event .fc-resizer {
    width: 7px;
    position: absolute;
    top: 0;
    bottom: 0
}

.fc-day-grid-event>.fc-content {
    overflow: hidden;
    text-overflow: ellipsis
}

.fc-not-allowed {
    cursor: not-allowed
}

.fc-not-allowed .fc-event {
    cursor: not-allowed
}

@media (min-width: 1200px) {
    .fc-day-grid-event .fc-time {
        padding-left: 5px;
        float: right;
        display: inline-block;
        z-index: 2;
        position: relative;
        background-color: inherit
    }
    .fc-day-grid-event .fc-title {
        z-index: 1;
        position: relative
    }
    .fc-day-grid-event>.fc-content {
        background-color: inherit
    }
}

.fc-limited {
    display: none
}

.fc-more-popover {
    width: 220px;
    z-index: 2
}

.fc-more-popover .fc-event-container {
    padding: 10px 5px
}

.fc-view-container *,
.fc-view-container:after,
.fc-view-container:before {
    box-sizing: content-box
}

.fc-axis {
    text-align: right
}

.fc-time-grid {
    min-height: 100%;
    position: relative;
    z-index: 1
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    right: 0;
    left: 0
}

.fc-time-grid .fc-bgevent-container,
.fc-time-grid .fc-event-container {
    position: relative
}

.fc-time-grid .fc-bgevent {
    position: absolute;
    right: 0;
    left: 0;
    min-height: 45px;
    margin: 5px;
    padding: 10px;
    z-index: 1;
    box-shadow: 0 0 0 1px #fff
}

.fc-time-grid .fc-event {
    min-height: 45px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 0 0 1px #fff
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-slats td {
    border-bottom: 0
}

.fc-slats .fc-minor td {
    border-top-style: dotted
}

@media only screen and (max-width: 799px) {
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right {
        margin-bottom: 10px;
        float: none;
        width: auto;
        vertical-align: top;
        display: block
    }
    .fc-toolbar .fc-left .fc-button-group,
    .fc-toolbar .fc-right .fc-button-group {
        float: none;
        width: auto;
        vertical-align: top
    }
    .fc-toolbar .fc-left>.fc-button,
    .fc-toolbar .fc-right>.fc-button {
        float: none;
        width: auto;
        vertical-align: top
    }
    .fc-view-container {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }
    .fc-view-container>.fc-view>table {
        margin-left: -1px
    }
    .fc th,
    .fc td {
        border-right-width: 0
    }
}

a.fc-more {
    padding: 5px;
    margin: 1px 5px;
    text-align: center;
    background-color: #e6e6e6;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666
}

a.fc-more:hover {
    background-color: #ccc;
    color: #666
}

.fc-icon-left-single-arrow:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.fc-icon-right-single-arrow:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.fc-icon-left-double-arrow:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.fc-icon-right-double-arrow:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.fc-icon-x:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 12px;
    display: block
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-day-grid .fc-row .fc-day-number {
    font-size: 18px;
    color: #1C2B36
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-top: 5px;
    padding-bottom: 10px
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 5px;
    padding-bottom: 0px
}

.chart-bg {
    color: #fff !important
}

.chart-gridlines-color {
    color: #F0F3F4 !important
}

.chart-legends-text-color {
    color: #1C2B36 !important
}

.chart-grid-text-color {
    color: #1C2B36 !important
}

.chart-data-color-option1 {
    color: #003B59 !important
}

.chart-data-color-option2 {
    color: #008C81 !important
}

.chart-data-color-option3 {
    color: #FF2726 !important
}

.chart-data-color-option4 {
    color: #FF7559 !important
}

.chart-data-color-option5 {
    color: #005D8C !important
}

.chart-data-color-option6 {
    color: #00C9F2 !important
}

.chart-data-color-option7 {
    color: #26FEFF !important
}

.chart-data-color-option8 {
    color: #B2FF8C !important
}

.morris-hover {
    position: absolute;
    z-index: 1
}

.morris-hover.morris-default-style {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 12px;
    background: rgba(35, 183, 229, 0.7);
    border: none;
    color: #fff !important
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-family: "OpenSans_SemiBold", sans-serif;
    margin: 0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0
}

.morris-hover-point {
    color: #fff !important
}

.highcharts-title {
    font-family: "OpenSans", sans-serif;
    fill: #3f6079 !important;
    font-size: 15px !important
}

.highcharts-subtitle {
    font-family: "OpenSans", sans-serif;
    font-size: 11px !important;
    fill: #40627c !important
}

.highcharts-legend-box {
    fill: #fff !important;
    stroke: #F0F3F4 !important;
    stroke-width: 0 !important;
    border-radius: 2px !important;
    padding: 5px 15px 7px 10px !important
}

.highcharts-legend text {
    text-shadow: none
}

.highcharts-text-outline {
    font-family: "OpenSans", sans-serif !important;
    text-shadow: none
}

.highcharts-legend-item text {
    fill: #1C2B36 !important;
    font-family: "OpenSans", sans-serif;
    font-size: 11px !important;
    font-weight: normal !important
}

.highcharts-data-label text tspan {
    font-family: "OpenSans", sans-serif !important;
    font-weight: normal !important;
    text-shadow: none !important;
    stroke: #fff !important;
    stroke-width: 0 !important;
    fill: #1C2B36 !important;
    color: #1C2B36 !important
}

.highcharts-data-label text tspan:first-child {
    display: none
}

.highcharts-tooltip-box {
    fill: #23B7E5 !important;
    fill-opacity: 0.8 !important;
    stroke-width: 0;
    border-radius: 2px !important;
    padding: 6px 10px !important
}

.highcharts-tooltip text {
    fill: #fff !important
}

.pie-chart {
    width: 100px;
    height: 100px;
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    text-align: center
}

.pie-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px
}

.pie-percent {
    font-size: 24px;
    font-family: "OpenSans_Light", sans-serif;
    line-height: 100px;
    display: inline-block;
    z-index: 2
}

.pie-percent:after {
    margin-left: 5px;
    font-size: 12px;
    content: '%'
}

.pie-chart-small {
    width: 80px;
    height: 80px;
    margin-top: 0px;
    margin-bottom: 0px
}

.pie-chart-small canvas {
    width: 80px;
    height: 80px
}

.pie-chart-small .pie-percent {
    font-size: 15px;
    line-height: 80px
}

.rickshaw_graph {
    padding-top: 30px;
    position: relative;
    background: #fff;
    border: none;
    overflow: hidden;
    z-index: 9
}

.rickshaw_graph .detail {
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

.rickshaw_graph .detail.inactive {
    opacity: 0
}

.rickshaw_graph .detail .item {
    position: absolute;
    z-index: 2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    padding: 0.25em;
    opacity: 0;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: -1em;
    white-space: nowrap
}

.rickshaw_graph .detail .item.active {
    opacity: 1;
    background: rgba(0, 0, 0, 0.8)
}

.rickshaw_graph .detail .item.left {
    left: 0
}

.rickshaw_graph .detail .item.left:after {
    margin-top: -5px;
    top: 1em;
    left: -5px;
    border-right-color: rgba(0, 0, 0, 0.8);
    border-left-width: 0
}

.rickshaw_graph .detail .item.right {
    right: 0
}

.rickshaw_graph .detail .item.right:after {
    margin-top: -5px;
    top: 1em;
    right: -5px;
    border-left-color: rgba(0, 0, 0, 0.8);
    border-right-width: 0
}

.rickshaw_graph .detail .item:after {
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    content: "";
    border: 5px solid transparent
}

.rickshaw_graph .detail .x_label {
    padding: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    opacity: 0.5;
    position: absolute;
    background: #23B7E5;
    color: #fff;
    white-space: nowrap
}

.rickshaw_graph .detail .x_label.left {
    left: 0
}

.rickshaw_graph .detail .x_label.right {
    right: 0
}

.rickshaw_graph .detail .dot {
    width: 6px;
    height: 6px;
    margin-left: -4px;
    margin-top: -4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    box-sizing: content-box;
    background: #fff;
    border-width: 2px;
    border-style: solid;
    display: none;
    background-clip: padding-box
}

.rickshaw_graph .detail .dot.active {
    display: block
}

.rickshaw_graph svg {
    display: block;
    overflow: hidden
}

.rickshaw_graph .x_tick {
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.rickshaw_graph .x_tick .title {
    position: absolute;
    bottom: 1px;
    margin-left: 3px;
    font-size: 12px;
    opacity: 0.5;
    white-space: nowrap;
    color: #fff
}

.rickshaw_graph .x_tick.glow .title,
.rickshaw_graph .x_tick.inverse .title {
    fill: #fff;
    color: #fff
}

.rickshaw_graph .annotation_line {
    width: 0;
    position: absolute;
    top: 0;
    bottom: -6px;
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    display: none
}

.rickshaw_graph .annotation_line.active {
    display: block
}

.rickshaw_graph .annotation_range {
    position: absolute;
    top: 0;
    bottom: -6px;
    background: rgba(0, 0, 0, 0.1);
    display: none
}

.rickshaw_graph .annotation_range.active {
    display: block
}

.rickshaw_graph .annotation_range.active.offscreen {
    display: none
}

.rickshaw_graph .y_axis,
.rickshaw_graph .x_axis_d3 {
    fill: none
}

.rickshaw_graph .y_ticks path {
    fill: none;
    stroke: #808080
}

.rickshaw_graph .y_ticks text {
    font-size: 12px;
    opacity: 0.5;
    color: #fff;
    pointer-events: none
}

.rickshaw_graph .y_ticks .tick line {
    stroke: rgba(0, 0, 0, 0.16);
    stroke-width: 2px;
    shape-rendering: crisp-edges;
    pointer-events: none
}

.rickshaw_graph .y_ticks.glow text,
.rickshaw_graph .y_ticks.inverse text {
    fill: #fff;
    color: #fff
}

.rickshaw_graph .x_ticks_d3 .tick {
    stroke: rgba(0, 0, 0, 0.16);
    stroke-width: 2px;
    shape-rendering: crisp-edges;
    pointer-events: none
}

.rickshaw_graph .x_ticks_d3 path {
    fill: none;
    stroke: #808080
}

.rickshaw_graph .x_ticks_d3 text {
    font-size: 12px;
    opacity: 0.5;
    color: #fff;
    pointer-events: none
}

.rickshaw_graph .y_grid .tick {
    z-index: -1;
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 1px;
    stroke-dasharray: 1 3
}

.rickshaw_graph .y_grid .tick[data-y-value="0"] {
    stroke-dasharray: 1 3
}

.rickshaw_graph .y_grid path {
    fill: none;
    stroke: #fff
}

.rickshaw_graph .x_grid_d3 .tick {
    z-index: -1;
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 1px;
    stroke-dasharray: 1 3
}

.rickshaw_graph .x_grid_d3 path {
    fill: none;
    stroke: #fff
}

.rickshaw_annotation_timeline {
    height: 1px;
    margin-top: 10px;
    position: relative
}

.rickshaw_annotation_timeline .annotation {
    width: 6px;
    height: 6px;
    margin-left: -2px;
    position: absolutee;
    top: -3px;
    bottom: unull;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #000
}

.rickshaw_annotation_timeline .annotation .content {
    width: 160px;
    position: absolute;
    top: 18px;
    left: -11px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    background: #fff;
    color: #000;
    opacity: 0.9;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    z-index: 20;
    display: none;
    cursor: pointer
}

.rickshaw_annotation_timeline .annotation .content:before {
    content: "\25b2";
    position: absolute;
    top: -11px;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8)
}

.rickshaw_annotation_timeline .annotation .content:hover {
    z-index: 50
}

.rickshaw_annotation_timeline .annotation.active {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: none
}

.rickshaw_annotation_timeline .annotation.active .content {
    display: block
}

.rickshaw_annotation_timeline .annotation:hover {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: none
}

.rickshaw_annotation_timeline .annotation:hover .content {
    display: block;
    z-index: 50
}

.rickshaw_legend {
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 12px;
    color: #1C2B36;
    background: #fff;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative
}

.rickshaw_legend:hover {
    z-index: 10
}

.rickshaw_legend .swatch {
    width: 10px;
    height: 10px
}

.rickshaw_legend .line {
    padding-right: 15px;
    clear: both;
    line-height: 140%
}

.rickshaw_legend .line .swatch {
    margin-right: 3px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rickshaw_legend .line.disabled {
    opacity: 0.4
}

.rickshaw_legend .label {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    display: inline;
    font-size: inherit;
    background-color: transparent;
    color: inherit;
    font-weight: normal;
    line-height: normal;
    text-shadow: none
}

.rickshaw_legend .action {
    font-size: 15px;
    margin-right: 0.2em;
    opacity: 0.2;
    cursor: pointer
}

.rickshaw_legend .action:hover {
    opacity: 0.6
}

.rickshaw_legend ul {
    padding: 0;
    margin: 0;
    margin: 2px;
    list-style-type: none;
    cursor: pointer
}

.rickshaw_legend li {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    min-width: 80px;
    white-space: nowrap
}

.rickshaw_legend li:hover,
.rickshaw_legend li:active {
    background: rgba(255, 255, 255, 0.08);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.GaugeMeter {
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: default;
    display: inline-block
}

.GaugeMeter span,
.GaugeMeter b {
    width: 54%;
    position: absolute;
    text-align: center;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 23%
}

.GaugeMeter b {
    color: #1C2B36;
    opacity: .8
}

.GaugeMeter s,
.GaugeMeter u {
    text-decoration: none;
    font-size: 10px;
    opacity: .6
}

.GaugeMeter[data-style="Semi"] b {
    width: 80%;
    margin: 0 10%
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.slider.slider-horizontal {
    width: 100%;
    height: 20px
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: -10px
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480BE;
    margin-top: 0
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    padding-top: 24px;
    text-align: center
}

.slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0
}

.slider.slider-vertical {
    height: 150px;
    width: 20px
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-top: -10px
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480BE;
    margin-left: 0
}

.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px
}

.slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%
}

.slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px
}

.slider.slider-disabled .slider-handle {
    background-color: green;
    background-image: -moz-linear-gradient(top, red, blue);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
    background-image: -webkit-linear-gradient(top, red, blue);
    background-image: -o-linear-gradient(top, red, blue);
    background-image: linear-gradient(to bottom, red, blue);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='blue', GradientType=0)
}

.slider.slider-disabled .slider-track {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
    background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9', GradientType=0);
    cursor: not-allowed
}

.slider input {
    display: none
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.slider .tooltip.top {
    margin-top: -36px
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none
}

.slider .hide {
    display: none
}

.slider-track {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    cursor: pointer
}

.slider-selection {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute
}

.slider-selection.tick-slider-selection {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89CDEF), to(#81BFDE));
    background-image: -webkit-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: -o-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: linear-gradient(to bottom, #89CDEF, #81BFDE);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89CDEF', endColorstr='#81BFDE', GradientType=0)
}

.slider-track-low,
.slider-track-high {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background: transparent;
    border-radius: slider_border-radius(2px)
}

.slider-handle {
    background-color: #0E90D2;
    background-image: -moz-linear-gradient(top, #149BDF, #0480BE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE));
    background-image: -webkit-linear-gradient(top, #149BDF, #0480BE);
    background-image: -o-linear-gradient(top, #149BDF, #0480BE);
    background-image: linear-gradient(to bottom, #149BDF, #0480BE);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#149BDF', endColorstr='#0480BE', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #337AB7;
    border: 0px solid transparent
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.slider-handle.triangle {
    background: transparent none
}

.slider-handle.custom {
    background: transparent none
}

.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 20px;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent
}

.slider-tick.round {
    border-radius: 50%
}

.slider-tick.triangle {
    background: transparent none
}

.slider-tick.custom {
    background: transparent none
}

.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick.in-selection {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89CDEF), to(#81BFDE));
    background-image: -webkit-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: -o-linear-gradient(top, #89CDEF, #81BFDE);
    background-image: linear-gradient(to bottom, #89CDEF, #81BFDE);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89CDEF', endColorstr='#81BFDE', GradientType=0);
    opacity: 1
}

.uploader {
    width: 100%;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.uploader .filename {
    width: 100%;
    height: 36px;
    color: #8aa2b9;
    padding-top: 7px;
    padding-right: 45px;
    padding-bottom: 7px;
    padding-left: 12px;
    border: 1px solid #EAEFF0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    background-color: #FAFBFC;
    text-align: left
}

.uploader .action {
    height: 36px;
    min-width: 36px;
    padding: 7px 12px;
    position: absolute;
    top: 0;
    right: 0;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    color: #8aa2b9;
    z-index: 1;
    background: #e7ecf1;
    border: 1px solid #EAEFF0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.uploader .action>i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    margin-top: 0px;
    cursor: pointer;
    border: 0;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0)
}

.uploader.disabled .action {
    opacity: .6;
    filter: alpha(opacity=60)
}

.uploader.disabled .filename {
    background-color: #FAFBFC;
    cursor: not-allowed
}

.uploader-xlg .action {
    width: 44px;
    height: 44px;
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    text-align: center
}

.uploader-xlg .filename {
    height: 44px;
    padding-top: 7px;
    padding-right: 44px;
    padding-bottom: 7px;
    padding-left: 12px;
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    text-align: center
}

.uploader-xlg input[type=file] {
    height: 44px
}

.uploader-lg .action {
    width: 40px;
    height: 40px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    text-align: center
}

.uploader-lg .filename {
    height: 40px;
    padding-top: 7px;
    padding-right: 44px;
    padding-bottom: 7px;
    padding-left: 12px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    text-align: center
}

.uploader-lg input[type=file] {
    height: 40px
}

.uploader-sm .action {
    width: 32px;
    height: 32px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    text-align: center
}

.uploader-sm .filename {
    height: 32px;
    padding-top: 6px;
    padding-right: 42px;
    padding-bottom: 6px;
    padding-left: 11px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    text-align: center
}

.uploader-sm input[type=file] {
    height: 32px
}

.uploader-xs .action,
.uploader-xs .filename,
.uploader-xs input[type=file] {
    height: 28px;
    font-family: "OpenSans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
    text-align: center
}

.uploader[class*=bg-] .action {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.checker {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.checker span {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #23B7E5;
    border: none;
    display: inline-block;
    text-align: center;
    position: relative;
    background: #eaeef0;
    border: 1px solid #FAFBFC;
    box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5)
}

.checker span:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 12px;
    line-height: 15px;
    display: none
}

.checker span.checked:after {
    display: block;
    left: 1.5px
}

.checker input {
    width: 18px;
    height: 18px
}

.checker input[type=checkbox] {
    position: absolute;
    top: -2px;
    left: -2px;
    margin: 0;
    border: none;
    background: none;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.checker.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.checker.disabled input[type=checkbox] {
    cursor: not-allowed
}

.checker.active span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.choice {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.choice input[type=radio] {
    position: absolute;
    top: -2px;
    left: -2px;
    margin: 0;
    border: none;
    background: none;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.choice span {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: none;
    background: #eaeef0;
    display: inline-block;
    text-align: center;
    position: relative;
    border: 1px solid #FAFBFC;
    box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(227, 228, 229, 0.5)
}

.choice span:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 0;
    height: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 4px solid #23B7E5;
    display: none
}

.choice span.checked:after {
    display: block
}

.choice input {
    width: 18px;
    height: 18px
}

.choice.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.choice.disabled input[type=radio] {
    cursor: not-allowed
}

.choice.active span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.checkbox .checker {
    position: absolute;
    top: 1px;
    left: 0
}

.checkbox>label:active .checker span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.checkbox>label:active .checker.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox>label:active .checker.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.checkbox-inline .checker {
    position: absolute;
    top: 1px;
    left: 0
}

.checkbox-inline:active .checker span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.checkbox-inline:active .checker.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox-inline:active .checker.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-horizontal .checkbox .checker,
.form-horizontal .checkbox-inline .checker,
.form-horizontal .radio .choice,
.form-horizontal .radio-inline .choice {
    top: 9px
}

.dropdown-menu[class*=bg-] .checker span {
    border-color: #fff;
    color: #fff
}

.dropdown-menu[class*=bg-] .choice span {
    border-color: #fff
}

.radio .choice {
    position: absolute;
    top: 1px;
    left: 0
}

.radio>label:active .choice span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.radio>label:active .choice.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.radio>label:active .choice.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.radio-inline .choice {
    position: absolute;
    top: 1px;
    left: 0
}

.radio-inline:active .choice span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.radio-inline:active .choice.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.radio-inline:active .choice.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.checkbox-right .checker,
.radio-right .choice {
    left: auto;
    right: 0
}

.checker[class*=border-] span {
    border-color: inherit;
    color: inherit
}

.dropdown-menu>.active:not(.disabled) .checker span {
    border-color: #fff;
    color: #fff
}

.dropdown-menu>.active .choice span {
    border-color: #fff
}

.navbar-inverse .navbar-form .checker span,
.sidebar:not(.sidebar-default) .checkbox .checker span {
    border-color: #fff;
    color: #fff
}

.navbar-inverse .navbar-form .choice span,
.sidebar:not(.sidebar-default) .checkbox .choice span {
    border-color: #fff
}

.choice[class*=border-] span {
    border-color: inherit
}

.choice[class*=border-] span:after {
    border-color: inherit
}

.sp-initial {
    margin-top: 10px
}

.sp-initial span {
    width: 50%;
    height: 25px;
    display: block;
    float: left
}

.sp-initial span .sp-thumb-inner {
    width: 100%;
    height: 25px;
    display: block
}

.sp-initial .sp-clear-display:after {
    content: none
}

.sp-input-container {
    margin-top: 10px
}

.sp-alpha-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.sp-clear-enabled .sp-clear {
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 85%;
    display: block;
    text-align: center;
    color: #999;
    box-shadow: 0 0 0 1px #ccc inset;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    -webkit-box-shadow: 0 0 0 1px #ccc inset
}

.sp-clear-enabled .sp-hue {
    top: 40px;
    height: 75%
}

.sp-color {
    position: absolute;
    top: 0;
    right: 20%;
    bottom: 0;
    left: 0
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 85%;
    height: 100%;
    background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}

.sp-top-inner,
.sp-preview-inner,
.sp-thumb-inner,
.sp-sat,
.sp-val {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.sp-preview-inner,
.sp-thumb-inner {
    display: block
}

.sp-sat {
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
    box-shadow: 0 0 0 1px #b3b3b3 inset;
    -moz-box-shadow: 0 0 0 1px #b3b3b3 inset;
    -webkit-box-shadow: 0 0 0 1px #b3b3b3 inset
}

.sp-val {
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 1000;
    border: 1px solid #F0F3F4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    box-sizing: content-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    user-select: none;
    background: #fff
}

.sp-container.sp-flat {
    max-width: 100%;
    position: relative;
    overflow-x: auto;
    white-space: nowrap
}

.sp-container button,
.sp-container.sp-dragging .sp-input {
    user-select: none
}

.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none
}

.sp-initial-disabled .sp-initial {
    display: none
}

.sp-initial-disabled .sp-input-container {
    width: 100%
}

.sp-palette-only .sp-picker-container {
    display: none
}

.sp-palette-only .sp-palette-container {
    border: 0
}

.sp-hidden {
    display: none !important
}

.sp-cf:after,
.sp-cf:before {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

.sp-alpha {
    position: absolute;
    right: 0;
    bottom: -16px;
    left: 0;
    height: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    user-select: none;
    display: none
}

.sp-preview {
    width: 26px;
    height: 24px;
    margin-right: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    user-select: none;
    position: relative;
    float: left;
    z-index: 0
}

.sp-preview .sp-clear-display {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sp-preview .sp-clear-display:after {
    content: none
}

.sp-preview .sp-preview-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sp-thumb-el {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    position: relative
}

.sp-thumb-el .sp-thumb-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sp-thumb-el .sp-thumb-inner:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sp-palette-container,
.sp-picker-container {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 300px;
    padding-left: 10px;
    margin-bottom: -290px;
    display: block;
    white-space: nowrap;
    vertical-align: top;
    position: relative;
    color: #1C2B36;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.sp-picker-container {
    width: 220px
}

.sp-replacer {
    padding: 5px;
    vertical-align: middle;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sp-replacer.sp-disabled {
    cursor: default;
    opacity: .8;
    filter: alpha(opacity=80)
}

.sp-replacer.sp-disabled .sp-dd {
    color: #1C2B36
}

.sp-replacer.sp-disabled[class*=bg-] .sp-dd {
    color: #fff
}

.ui-button,
.ui-buttonset {
    vertical-align: middle
}

@media only screen and (min-width: 800px) {
    .sp-palette-container {
        border-right: 1px solid #F0F3F4
    }
    .sp-picker-container,
    .sp-palette-container {
        display: inline-block
    }
}

.sp-alpha-enabled .sp-alpha {
    display: block
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 26px
}

.sp-top {
    width: 100%;
    display: block;
    position: relative
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 50%;
    width: 5px;
    user-select: none;
    cursor: pointer;
    border: 1px solid red;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sp-clear {
    user-select: none;
    display: none
}

.sp-dragger {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    border: 1px solid #fff;
    background-color: #b3b3b3;
    cursor: pointer
}

.sp-slider {
    position: absolute;
    top: 0;
    right: -2px;
    left: -2px;
    height: 4px;
    user-select: none;
    cursor: pointer;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sp-fill {
    padding-top: 80%
}

.sp-input {
    width: 100%;
    padding: 7px 12px;
    color: #1C2B36;
    border: 1px solid #EAEFF0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: 0
}

.sp-clear-display {
    cursor: pointer
}

.sp-clear-display:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.sp-dd {
    margin: -15px 1px;
    position: relative;
    color: #1C2B36;
    float: left;
    font-size: 0
}

.sp-dd:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin-top: 13px
}

.sp-replacer[class*=bg-] {
    border-color: transparent
}

.sp-replacer[class*=bg-]:focus,
.sp-replacer[class*=bg-]:hover {
    border-color: transparent
}

.sp-replacer[class*=bg-] .sp-dd,
.sp-replacer[class*=bg-].sp-active .sp-dd {
    color: #fff
}

.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sp-1 {
    height: 17%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#ff0000', endcolorstr='#ffff00')
}

.sp-2 {
    height: 16%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#ffff00', endcolorstr='#00ff00')
}

.sp-3 {
    height: 17%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#00ff00', endcolorstr='#00ffff')
}

.sp-4 {
    height: 17%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#00ffff', endcolorstr='#0000ff')
}

.sp-5 {
    height: 16%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#0000ff', endcolorstr='#ff00ff')
}

.sp-6 {
    height: 17%;
    filter: progid: dximagetransform.microsoft.gradient(startcolorstr='#ff00ff', endcolorstr='#ff0000')
}

.sp-palette {
    max-width: 220px
}

.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.sp-palette .sp-thumb-el.sp-thumb-active {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset
}

.sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset
}

.sp-palette .sp-thumb-el+.sp-thumb-el {
    margin-left: 5px
}

.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #fff;
    line-height: 16px
}

.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #1C2B36;
    line-height: 16px
}

.sp-palette-row {
    height: 22px;
    font-size: 0
}

.sp-palette-row:empty {
    margin-top: 0px
}

.sp-cancel {
    width: 48%;
    padding: 6px 11px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    text-align: center;
    outline: 0;
    border: 1px solid #ccc;
    color: #666;
    background-color: #fff;
    margin-right: 4%;
    text-transform: capitalize
}

.sp-cancel:focus,
.sp-cancel:hover {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    color: #666
}

.sp-cancel:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset
}

.sp-choose,
.sp-palette-toggle {
    width: 48%;
    padding: 6px 11px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    text-align: center;
    outline: 0;
    border: 1px solid #23B7E5;
    color: #fff;
    background-color: #23B7E5;
    text-transform: capitalize
}

.sp-choose:focus,
.sp-choose:hover,
.sp-palette-toggle:focus,
.sp-palette-toggle:hover {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset
}

.sp-choose:active,
.sp-palette-toggle:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset
}

.sp-palette-toggle {
    margin-right: 0px;
    border: 1px solid #ccc;
    color: #999;
    background-color: #e6e6e6;
    width: auto;
    float: none
}

.sp-palette-toggle:focus,
.sp-palette-toggle:hover {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    color: #999
}

.sp-palette-toggle:active {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset
}

.sp-button-container,
.sp-palette-button-container {
    margin-top: 10px;
    text-align: center
}

.sp-container[class*=bg-] .sp-button-container a,
.sp-container[class*=bg-] .sp-button-container button,
.sp-container[class*=bg-] .sp-palette-button-container a,
.sp-container[class*=bg-] .sp-palette-button-container button {
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
    border-color: transparent
}

.sp-palette-disabled .sp-palette-container {
    display: none
}

.datepicker table .cw {
    vertical-align: middle
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #999
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: gray
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #999
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #22e6ff
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #08e3ff
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(0, 188, 212, 0.1);
    color: #878787
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(0, 188, 212, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: -50px
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #F0F3F4;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    border-radius: 2px;
    box-sizing: content-box;
    font-family: "OpenSans", sans-serif, sans-serif;
    font-size: 12px;
    color: #666;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    -webkit-transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s $datepickerTransitionSpeed;
    -moz-transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s $datepickerTransitionSpeed;
    transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s $datepickerTransitionSpeed;
    z-index: 10000;
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s 0s;
    -moz-transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s 0s;
    transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s 0s
}

.datepicker-inline .datepicker {
    border-color: #F0F3F4;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #F0F3F4;
    border-right: 1px solid #F0F3F4;
    width: 8px;
    height: 8px;
    z-index: -1
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 3px);
    top: -moz-calc(100% - 3px);
    top: -webkit-calc(100% - 3px);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    right: calc(100% - 3px);
    right: -moz-calc(100% - 3px);
    right: -webkit-calc(100% - 3px);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 3px);
    bottom: -moz-calc(100% - 3px);
    bottom: -webkit-calc(100% - 3px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
    left: calc(100% - 3px);
    left: -moz-calc(100% - 3px);
    left: -webkit-calc(100% - 3px);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer {
    left: 20px;
    top: -6px
}

.-bottom-right- .datepicker--pointer {
    right: 20px;
    top: -6px
}

.-top-left- .datepicker--pointer {
    left: 20px;
    bottom: -6px
}

.-top-right- .datepicker--pointer {
    right: 20px;
    bottom: -6px
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
    left: calc(50% - 8px / 2);
    left: -moz-calc(50% - 8px / 2);
    left: -webkit-calc(50% - 8px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 20px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 20px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 8px / 2);
    top: -moz-calc(50% - 8px / 2);
    top: -webkit-calc(50% - 8px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cells {
    display: flex;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #e6e6e6
}

.datepicker--cell.-current- {
    color: #00BCD4
}

.datepicker--cell.-current-.-focus- {
    color: #666
}

.datepicker--cell.-current-.-in-range- {
    color: #00BCD4
}

.datepicker--cell.-in-range- {
    background: rgba(0, 188, 212, 0.1);
    color: #666;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(0, 188, 212, 0.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #e6e6e6
}

.datepicker--cell.-disabled-.-focus- {
    color: #e6e6e6
}

.datepicker--cell.-disabled-.-in-range- {
    color: #d9d9d9
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #e6e6e6
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(0, 188, 212, 0.5);
    background-color: rgba(0, 188, 212, 0.1);
    border-radius: 2px 0 0 2px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(0, 188, 212, 0.5);
    background-color: rgba(0, 188, 212, 0.1);
    border-radius: 0 2px 2px 0
}

.datepicker--cell.-range-from-.-range-to- {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #00BCD4
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #00BCD4
}

.datepicker--cell.-selected-.-focus- {
    background: #00a5bb
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.27%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F0F3F4;
    min-height: 32px;
    padding: 4
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-title,
.datepicker--nav-action {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 2px;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #e6e6e6
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #666;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 2px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #666;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #e6e6e6
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none
}

.datepicker--buttons {
    display: flex;
    padding: 4;
    border-top: 1px solid #F0F3F4
}

.datepicker--button {
    color: #00BCD4;
    cursor: pointer;
    border-radius: 2px;
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #666;
    background: #e6e6e6
}

.datepicker--time {
    border-top: 1px solid #F0F3F4;
    display: flex;
    align-items: center;
    padding: 4;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #e6e6e6;
    border-radius: 2px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: #666;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #666, #666) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
    border-color: #404040
}

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
    border-color: #404040
}

.datepicker--time-row input[type='range']:hover::-ms-thumb {
    border-color: #404040
}

.datepicker--time-row input[type='range']:focus {
    outline: none
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
    background: #00BCD4;
    border-color: #00BCD4
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
    background: #00BCD4;
    border-color: #00BCD4
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
    background: #00BCD4;
    border-color: #00BCD4
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    border: 1px solid #666;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s
}

.datepicker--time-row input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    border: 1px solid #666;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s
}

.datepicker--time-row input[type='range']::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    border: 1px solid #666;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-lower {
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-upper {
    background: transparent
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #666;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    left: -moz-calc(50% - 1px);
    left: -webkit-calc(50% - 1px);
    top: calc(50% + 1px);
    top: -moz-calc(50% + 1px);
    top: -webkit-calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    top: -moz-calc(50% + 1px);
    top: -webkit-calc(50% + 1px);
    left: calc(50% - 1px);
    left: -moz-calc(50% - 1px);
    left: -webkit-calc(50% - 1px)
}

.noUi-target {
    margin-bottom: 10px;
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.noUi-target * {
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.noUi-handle {
    border: 1px solid #2196F3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    z-index: 1;
    background: #2196F3;
    cursor: default;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-handle:before,
.noUi-handle:after {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 7px;
    content: "";
    display: block;
    background: #fff
}

.noUi-handle:after {
    left: 10px
}

.noUi-handle:hover:after {
    opacity: .9;
    filter: alpha(opacity=90)
}

.noUi-handle:hover .noUi-tooltip {
    display: block
}

.noUi-handle:active:after {
    opacity: .9;
    filter: alpha(opacity=90)
}

.noUi-handle:focus:after {
    opacity: .9;
    filter: alpha(opacity=90)
}

.noUi-horizontal {
    height: 10px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -14px;
    top: -6px
}

.noUi-horizontal.noUi-extended {
    padding: 0px 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-horizontal.has-pips {
    margin-bottom: 35px
}

.noUi-vertical {
    width: 10px;
    height: 150px;
    display: inline-block
}

.noUi-vertical .noUi-handle {
    width: 20px;
    height: 20px;
    top: -9px;
    left: -6px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 10px;
    height: 1px;
    left: 4px;
    top: 7px
}

.noUi-vertical .noUi-handle:after {
    top: 11px
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-vertical.noUi-extended {
    padding: 15px 0px
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-vertical.has-pips {
    margin-right: 35px
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-vertical+.noUi-vertical {
    margin-left: 20px
}

.noUi-background {
    background: #F6F8F8;
    box-shadow: 2px 2px 0 0 #e8eded inset;
    -moz-box-shadow: 2px 2px 0 0 #e8eded inset;
    -webkit-box-shadow: 2px 2px 0 0 #e8eded inset
}

.noUi-connect {
    background: #A8D6FA;
    -webkit-transition: background 450ms;
    -moz-transition: background 450ms;
    transition: background 450ms
}

.noUi-draggable {
    cursor: w-resize
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #A8D6FA
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
    cursor: not-allowed
}

[disabled] .noUI-background {
    opacity: .75;
    filter: alpha(opacity=75)
}

.irs {
    display: block
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-marker {
    position: absolute;
    background-color: #1C2B36
}

.noUi-pips {
    position: absolute;
    color: #1C2B36
}

.noUi-tooltip {
    width: 60px;
    position: absolute;
    top: -43px;
    left: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 8px;
    margin-left: -27px;
    font-size: 11px;
    display: none;
    background: #23B7E5;
    color: #fff;
    text-align: center
}

.noUi-tooltip:after {
    width: 0;
    height: 0;
    margin-left: -5px;
    content: '';
    border: 5px solid transparent;
    border-top-color: #23B7E5;
    position: absolute;
    bottom: -10px;
    left: 50%
}

.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center;
    font-size: 11px
}

.noui-slider-primary .noUi-connect,
.noui-slider-primary.noUi-connect {
    background-color: #2196F3
}

.noui-slider-danger .noUi-connect,
.noui-slider-danger.noUi-connect {
    background-color: #F44336
}

.noui-slider-success .noUi-connect,
.noui-slider-success.noUi-connect {
    background-color: #4CAF50
}

.noui-slider-warning .noUi-connect,
.noui-slider-warning.noUi-connect {
    background-color: #FF5722
}

.noui-slider-info .noUi-connect,
.noui-slider-info.noUi-connect {
    background-color: #00BCD4
}

.noUi-value-sub {
    margin-top: 10px;
    font-size: 10px;
    color: #666
}

.noUi-pips-horizontal {
    width: 100%;
    height: 35px;
    padding-top: 10px;
    top: 100%;
    left: 0
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 15px
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 5px
}

.noUi-marker-horizontal.noUi-marker {
    width: 1px;
    height: 3px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 6px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px
}

.noUi-pips-vertical {
    padding-left: 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 15px;
    margin-top: -10px
}

.noUi-marker-vertical.noUi-marker {
    width: 3px;
    height: 1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 6px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 10px
}

.noui-slider-lg .noUi-handle {
    width: 24px;
    height: 24px;
    top: -7px
}

.noui-slider-lg .noUi-handle:after,
.noui-slider-lg .noUi-handle:before {
    width: 1px;
    height: 13px;
    margin-top: 1px;
    margin-left: 3px
}

.noui-slider-lg .noUi-handle:before {
    margin-left: 2px
}

.noui-slider-lg.noUi-horizontal {
    height: 12px
}

.noui-slider-lg.noUi-horizontal .noUi-handle {
    left: -17px
}

.noui-slider-lg.noUi-vertical {
    width: 20px
}

.noui-slider-lg.noUi-vertical .noUi-handle {
    top: -12px;
    left: -8px
}

.noui-slider-sm .noUi-handle {
    width: 16px;
    height: 16px;
    top: -5px
}

.noui-slider-sm .noUi-handle:after,
.noui-slider-sm .noUi-handle:before {
    width: 1px;
    height: 8px;
    margin-top: -1px;
    margin-left: -2px
}

.noui-slider-sm.noUi-horizontal {
    height: 8px
}

.noui-slider-sm.noUi-horizontal .noUi-handle {
    left: -12px
}

.noui-slider-sm.noUi-vertical {
    height: 8px
}

.noui-slider-sm.noUi-vertical .noUi-handle {
    top: -12px;
    left: -8px
}

.noui-slider-xs .noUi-handle {
    width: 12px;
    height: 12px;
    top: -4px
}

.noui-slider-xs .noUi-handle:after {
    content: none
}

.noui-slider-xs .noUi-handle:before {
    width: 4px;
    height: 4px;
    margin-top: -1px;
    margin-left: -4px
}

.noui-slider-xs.noUi-horizontal {
    height: 5px
}

.noui-slider-xs.noUi-horizontal .noUi-handle {
    top: -5px;
    left: -8px
}

.noui-slider-xs.noUi-vertical {
    height: 5px
}

.noui-slider-xs.noUi-vertical .noUi-handle {
    top: -6px;
    left: -4px
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    -moz-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.irs-slider:after {
    content: ''
}

.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    text-align: left
}

.select2-selection--single {
    height: 36px;
    padding: 7px 0px;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    position: relative;
    white-space: nowrap;
    user-select: none
}

.select2-selection--single:hover,
.select2-selection--single:focus {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #FAFBFC;
    color: #1C2B36
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-color: #EAEFF0
}

.select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    padding-right: 32px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-selection--single .select2-selection__rendered>i {
    margin-right: 10px
}

.select2-selection--single .select2-selection__clear {
    margin-top: 2px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    opacity: .75;
    filter: alpha(opacity=75)
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.select2-selection--single .select2-selection__clear:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    display: inline-block
}

.select2-selection--single .select2-selection__placeholder {
    color: rgba(28, 43, 54, 0.6)
}

.select2-selection--single .select2-selection__arrow:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -13px
}

.select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset
}

.select2-container--open .select2-selection--single:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.select2-container--open .select2-selection--single[class*=bg-] {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top: none
}

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.select2-container--open .select2-dropdown--above {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above[class*=bg-] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.select2-container--open .select2-dropdown--below[class*=bg-] {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.select2-selection--single[class*=bg-]:hover,
.select2-selection--single[class*=bg-]:focus {
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
    -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset
}

.select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: #fff
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
    box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    -moz-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset
}

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.75)
}

.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    background-color: #e6e6e6;
    color: #9E9E9E
}

.select2-container--disabled .select2-selection--multiple {
    cursor: not-allowed;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: #e6e6e6;
    color: #9E9E9E
}

.select2-container--disabled .select2-selection--multiple .select2-search__field {
    cursor: not-allowed
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    cursor: not-allowed;
    opacity: .6;
    filter: alpha(opacity=60)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
    box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    -moz-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset;
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
    opacity: .9;
    filter: alpha(opacity=90)
}

.select2-search--dropdown {
    padding: 12px;
    display: block;
    position: relative
}

.select2-search--dropdown:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    left: 24px;
    font-size: 12px;
    margin-top: -10px;
    color: #afc5d5
}

.select2-search--dropdown .select2-search__field {
    width: 100%;
    height: 36px;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #EAEFF0;
    color: #1C2B36;
    background: #FAFBFC;
    outline: 0
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-search--dropdown+.select2-results .select2-results__message:first-child {
    padding-top: 0px
}

.select2-selection--multiple {
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: text;
    user-select: none
}

.select2-selection--multiple:not([class*=bg-]) {
    background-color: #FAFBFC;
    color: #1C2B36
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    border-color: #EAEFF0
}

.select2-selection--multiple .select2-selection__rendered {
    width: 100%;
    height: 36px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none
}

.select2-selection--multiple .select2-selection__placeholder::-webkit-input-placeholder {
    color: #afc5d5
}

.select2-selection--multiple .select2-selection__placeholder:-moz-placeholder {
    color: #afc5d5
}

.select2-selection--multiple .select2-selection__placeholder::-moz-placeholder {
    color: #afc5d5
}

.select2-selection--multiple .select2-selection__placeholder:-ms-input-placeholder {
    color: #afc5d5
}

.select2-selection--multiple .select2-selection__choice {
    margin-right: 2px;
    margin-top: 2px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 12px;
    background-color: #23B7E5;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    float: left
}

.select2-selection--multiple .select2-selection__choice>i {
    margin-right: 10px
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    font-size: 14px;
    margin-top: 3px;
    margin-left: 7px;
    cursor: pointer;
    float: right;
    line-height: 1;
    opacity: .75;
    filter: alpha(opacity=75)
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.select2-selection--multiple .select2-search--inline {
    float: left
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 100%;
    margin-top: 2px;
    margin-left: 7px;
    padding: 7px 0px;
    background-color: transparent;
    border: 0;
    outline: 0
}

.select2-results__option {
    padding: 5px 12px;
    cursor: pointer;
    user-select: none
}

.select2-results__option i {
    margin-right: 10px
}

.select2-results__option i.icon-undefined {
    display: none
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #23B7E5;
    color: #fff
}

.select2-results__option.loading-results {
    padding-top: 0px
}

.select2-results__option.loading-results+.select2-results__option {
    margin-top: 7px
}

.select2-dropdown {
    width: 100%;
    position: absolute;
    left: -100000px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #1C2B36;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    z-index: 9999;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.select2-results {
    display: block
}

.select2-results>.select2-results__options {
    max-height: 150px;
    padding-bottom: 7px;
    overflow-y: auto
}

.select2-results:first-child>.select2-results__options {
    padding-top: 7px
}

.select2-results__options {
    padding: 0;
    margin: 0;
    list-style: none
}

.select2-results__options li {
    color: #1C2B36
}

.select2-results__option[role=group] {
    padding: 0
}

.select2-results__option[aria-disabled=true] {
    color: #e6e6e6;
    cursor: not-allowed
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6)
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75)
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.2)
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, 0.01)
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #fff
}

.select2-results__option[aria-selected=true] {
    background-color: #23B7E5;
    color: #fff
}

.select2-results__group {
    margin-top: 7px;
    padding: 4px 12px;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    cursor: default;
    color: #6b94b3
}

.select2-results__message {
    color: #1C2B36;
    cursor: default
}

.select2-results__option--load-more {
    margin-top: 7px;
    text-align: center;
    cursor: default
}

.select-xlg.select2-selection--single {
    height: 44px;
    padding: 8px 0px;
    font-size: 15px
}

.select-xlg.select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 34px
}

.select-xlg.select2-selection--single .select2-selection__arrow:after {
    right: 15px
}

.select-xlg.select2-selection--multiple {
    height: 44px
}

.select-xlg.select2-selection--multiple .select2-selection__rendered {
    height: 44px
}

.select-xlg.select2-selection--multiple .select2-selection__choice {
    padding-top: 6px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 15px
}

.select-xlg.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: 7px
}

.select-xlg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 6px 0px
}

.select-lg.select2-selection--single {
    height: 40px;
    padding: 6px 0px;
    font-size: 15px
}

.select-lg.select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 34px
}

.select-lg.select2-selection--single .select2-selection__arrow:after {
    right: 15px
}

.select-lg.select2-selection--multiple {
    height: 40px
}

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    font-size: 15px
}

.select-lg.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: 7px
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 4px 0px
}

.select-sm.select2-selection--single {
    height: 32px;
    padding: 5px 0px;
    font-size: 12px
}

.select-sm.select2-selection--single .select2-selection__rendered {
    padding-left: 11px;
    padding-right: 26px
}

.select-sm.select2-selection--single .select2-selection__arrow:after {
    right: 11px
}

.select-sm.select2-selection--multiple {
    height: 32px
}

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding-top: 3px;
    padding-right: 11px;
    padding-bottom: 2px;
    padding-left: 11px
}

.select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: 4px
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 3px 0px
}

.select-xs.select2-selection--single {
    height: 28px;
    padding: 6px 0px;
    font-size: 10px
}

.select-xs.select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
    padding-right: 24px
}

.select-xs.select2-selection--single .select2-selection__arrow:after {
    right: 10px
}

.select-xs.select2-selection--multiple {
    height: 28px
}

.select-xs.select2-selection--multiple .select2-selection__choice {
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    font-size: 10px
}

.select-xs.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: 2px
}

.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 3px 0px
}

.select2-close-mask {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    border: 0;
    display: block;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0px;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    position: fixed !important
}

.select2-result-repository {
    padding: 7px px
}

.select2-result-repository__avatar {
    width: 60px;
    margin-right: 15px;
    float: left
}

.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.select2-result-repository__meta {
    margin-left: 70px
}

.select2-result-repository__title {
    margin-bottom: 2px;
    font-weight: 500;
    word-wrap: break-word
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 15px;
    display: inline-block;
    font-size: 12px
}

.select2-result-repository__watchers {
    display: inline-block;
    font-size: 12px
}

.select2-result-repository__description {
    font-size: 12px
}

.bs-searchbox:after,
.validation-valid-label:before,
.validation-error-label:before,
.selectboxit-default-arrow:after {
    font-family: "icomoon"
}

.select2-search--hide+.select2-results>.select2-results__options {
    padding-top: 7px
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
    background-color: rgba(0, 0, 0, 0.25)
}

#jquery_vars .switch-active {
    color: #A8D6FA
}

#jquery_vars .switch-inactive {
    color: #F6F8F8
}

.switchery {
    width: 42px;
    height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #F6F8F8;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-sizing: content-box
}

.switchery>small {
    position: absolute;
    top: -3px;
    right: 3px;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #2196F3 !important
}

.switchery>small:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 5px
}

.checkbox-switchery .switchery {
    position: absolute;
    left: 0;
    margin-top: 0px
}

.checkbox-switchery label {
    padding-left: 56px;
    margin: 0;
    position: relative;
    cursor: pointer
}

.checkbox-switchery.checkbox-inline {
    margin-bottom: 0px
}

.checkbox-switchery.checkbox-right .switchery {
    left: auto;
    right: 0
}

.checkbox-switchery.checkbox-right label,
.checkbox-switchery.checkbox-right.switchery-lg label,
.checkbox-switchery.checkbox-right.switchery-sm label,
.checkbox-switchery.checkbox-right.switchery-xs label {
    padding-left: 0px;
    padding-right: 56px
}

.checkbox-switchery.checkbox-right.switchery-lg label {
    padding-right: 64px
}

.checkbox-switchery.checkbox-right.switchery-sm label {
    padding-right: 48px
}

.checkbox-switchery.checkbox-right.switchery-xs label {
    padding-right: 40px
}

.checkbox-switchery.switchery-lg label {
    padding-left: 64px
}

.checkbox-switchery.switchery-sm label {
    padding-left: 48px
}

.checkbox-switchery.switchery-xs label {
    padding-left: 40px
}

.checkbox[class*=switchery-],
.checkbox-inline[class*=switchery-] {
    padding-top: 0px;
    padding-bottom: 0px
}

label.switchery-lg,
label.switchery-sm,
label.switchery-xs {
    margin-bottom: 0px
}

label.checkbox-switchery {
    padding-left: 56px;
    margin: 0;
    position: relative;
    cursor: pointer
}

label.checkbox-switchery.switchery-lg {
    padding-left: 64px
}

label.checkbox-switchery.switchery-sm {
    padding-left: 48px
}

label.checkbox-switchery.switchery-xs {
    padding-left: 40px
}

label.checkbox-switchery.checkbox-right {
    padding-left: 0px;
    padding-right: 56px
}

label.checkbox-switchery.checkbox-right.switchery-lg,
label.checkbox-switchery.checkbox-right.switchery-sm,
label.checkbox-switchery.checkbox-right.switchery-xs {
    padding-left: 0px;
    padding-right: 64px
}

label.checkbox-switchery.checkbox-right.switchery-sm {
    padding-right: 48px
}

label.checkbox-switchery.checkbox-right.switchery-xs {
    padding-right: 40px
}

label.switchery-double.checkbox-switchery {
    padding: 0
}

.switchery-lg.checkbox-switchery {
    margin-bottom: 18px
}

.switchery-lg.checkbox-switchery .switchery {
    margin-top: -2px
}

.switchery-lg .switchery {
    width: 52px;
    height: 22px
}

.switchery-lg .switchery>small {
    width: 28px;
    height: 28px
}

.switchery-lg .switchery>small:after {
    font-size: 20px;
    top: -4px;
    left: 4px
}

.switchery-sm.checkbox-switchery {
    margin-bottom: 10px
}

.switchery-sm.checkbox-switchery .switchery {
    margin-top: 2px
}

.switchery-sm .switchery {
    width: 36px;
    height: 14px
}

.switchery-sm .switchery>small {
    width: 20px;
    height: 20px;
    margin-left: 0px
}

.switchery-sm .switchery>small:after {
    top: -2px;
    left: 3px
}

.switchery-xs.checkbox-switchery {
    margin-bottom: 6px
}

.switchery-xs.checkbox-switchery .switchery {
    margin-top: 4px
}

.switchery-xs .switchery {
    width: 28px;
    height: 10px
}

.switchery-xs .switchery>small {
    width: 16px;
    height: 16px
}

.switchery-xs .switchery>small:after {
    top: -4px;
    left: 1px
}

.switchery-double .switchery {
    position: relative;
    margin-top: -7px;
    margin-right: 7px;
    margin-bottom: -5px;
    margin-left: 7px
}

.switchery-double.checkbox-switchery label {
    padding: 0
}

.switchery-double.switchery-lg .switchery {
    margin-top: -8px;
    margin-bottom: -6px
}

.switchery-double.switchery-sm .switchery {
    margin-top: -6px;
    margin-bottom: -4px
}

.switchery-double.switchery-xs .switchery {
    margin-top: -5px;
    margin-bottom: -3px
}

.checkbox.checkbox-switchery {
    margin-bottom: 14px;
    padding-left: 0px
}

.checkbox.checkbox-switchery.disabled .switchery {
    cursor: not-allowed
}

.clockpicker-moving {
    cursor: move
}

.clockpicker-popover {
    border: 1px solid #F0F3F4;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #1C2B36;
    font-size: 24px;
    line-height: 30px;
    text-align: center
}

.clockpicker-popover .popover-title span {
    cursor: pointer
}

.clockpicker-popover .popover-content {
    padding: 12px;
    background-color: #fff;
    border-color: #F0F3F4
}

.clockpicker-popover .bottom>.arrow {
    border-bottom-color: #F0F3F4
}

.clockpicker-plate {
    width: 200px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: visible;
    position: relative;
    user-select: none
}

.clockpicker-canvas {
    width: 200px;
    height: 200px;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-transition: opacity 175ms;
    -moz-transition: opacity 175ms;
    transition: opacity 175ms
}

.clockpicker-canvas line {
    stroke: #0095dd;
    stroke-width: 1;
    stroke-linecap: round
}

.clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-transition: transform 350ms, opacity 350ms;
    -moz-transition: transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms
}

.clockpicker-minutes {
    visibility: hidden
}

.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    transform: scale(.8, .8)
}

.clockpicker-tick {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    position: absolute;
    cursor: pointer
}

.clockpicker-tick.active {
    background-color: #c0e5f7;
    background-color: rgba(0, 149, 221, 0.25)
}

.clockpicker-tick:hover {
    background-color: #c0e5f7;
    background-color: rgba(0, 149, 221, 0.25)
}

.clockpicker-button {
    margin: 0;
    padding: 10px 0px;
    background-image: none;
    background-color: #fff;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.clockpicker-button:focus {
    outline: none !important
}

.clockpicker-button.am-button,
.clockpicker-button.pm-button {
    margin: 1px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.clockpicker-button.pm-button {
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 136px
}

.clockpicker-dial-out {
    opacity: 0
}

.clockpicker-canvas-out {
    opacity: 0.25
}

.clockpicker-canvas-bearing {
    stroke: none;
    fill: #0095dd
}

.clockpicker-canvas-fg {
    stroke: none;
    fill: #0095dd
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #c0e5f7
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0, 149, 221, 0.25)
}

.clockpicker .input-group-addon {
    cursor: pointer
}

.clockpicker-align-left.popover>.arrow {
    left: 25px
}

.clockpicker-align-top.popover>.arrow {
    top: 17px
}

.clockpicker-align-right.popover>.arrow {
    left: auto;
    right: 25px
}

.clockpicker-align-bottom.popover>.arrow {
    top: auto;
    bottom: 6px
}

.popover-content:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.tokenfield {
    height: auto
}

.tokenfield.form-control {
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px
}

.tokenfield:after {
    content: '';
    display: table;
    clear: both
}

.tokenfield .token {
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    float: left;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.tokenfield .token:not([class*=bg-]) {
    background-color: #23B7E5;
    color: #fff
}

.tokenfield .token:not([class*=bg-]):focus,
.tokenfield .token:not([class*=bg-]):hover {
    background-color: #19a9d5;
    color: #fff
}

.tokenfield .token.invalid {
    border: 1px solid transparent;
    border-bottom: 1px dotted #F44336;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent
}

.tokenfield .token.invalid.active {
    border: 1px solid #ccc;
    background-color: #ccc
}

.tokenfield .token .token-label {
    padding-top: 5px;
    padding-right: 24px;
    padding-bottom: 5px;
    padding-left: 8px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.tokenfield .token>.close {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -5px;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    color: inherit
}

.tokenfield .token>.close:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 12px
}

.tokenfield.disabled {
    cursor: not-allowed
}

.tokenfield.disabled .token {
    cursor: not-allowed;
    opacity: .5;
    filter: alpha(opacity=50)
}

.tokenfield.disabled .token .close {
    cursor: not-allowed;
    opacity: .5;
    filter: alpha(opacity=50)
}

.tokenfield.disabled .token:focus,
.tokenfield.disabled .token:hover {
    background-color: #ccc;
    color: #b3b3b3
}

.tokenfield.disabled .token-input {
    cursor: not-allowed
}

.tokenfield .twitter-typeahead {
    width: auto
}

.tokenfield .token-input {
    max-width: 50%;
    min-width: 60px;
    width: 90px;
    padding: 5px 11px;
    margin-top: 2px;
    margin-left: 2px;
    background: 0 0;
    border: 0;
    outline: 0
}

.tokenfield.input-lg {
    height: 40px
}

.tokenfield.input-lg .token-input {
    font-size: 15px;
    padding: 7px 12px
}

.tokenfield.input-lg .token>.token-label {
    font-size: 15px;
    padding: 7px 12px;
    padding-right: 29px
}

.tokenfield.input-lg .token>.close {
    right: 12px
}

.tokenfield.input-lg .token>span {
    font-size: 15px;
    padding: 7px 12px;
    padding-right: 29px
}

.tokenfield.input-lg.readonly .token>.token-label {
    padding-right: 12px
}

.tokenfield.input-sm {
    height: 32px
}

.tokenfield.input-sm .token {
    font-size: 12px
}

.tokenfield.input-sm .token>.token-label {
    font-size: 12px;
    padding-top: 3px;
    padding-right: 28px;
    padding-bottom: 3px;
    padding-left: 9px
}

.tokenfield.input-sm .token>.close {
    right: 9px
}

.tokenfield.input-sm .token>span {
    font-size: 12px;
    padding-top: 3px;
    padding-right: 28px;
    padding-bottom: 3px;
    padding-left: 9px
}

.tokenfield.input-sm .token-input {
    padding: 3px 9px
}

.tokenfield.input-sm.readonly .token>.token-label {
    padding-right: 9px
}

.tokenfield.readonly .token .token-label {
    padding-right: 12px
}

.tokenfield.readonly .token .close {
    display: none
}

.input-group-lg .token-input {
    font-size: 15px;
    padding: 7px 12px
}

.input-group-lg .token>.token-label {
    font-size: 15px;
    padding: 7px 12px;
    padding-right: 30px
}

.input-group-lg .token>.close {
    right: 12px
}

.input-group-lg .token>span {
    font-size: 15px;
    padding: 7px 12px;
    padding-right: 30px
}

.input-group-lg.readonly .token>.token-label {
    padding-right: 12px
}

.input-group-sm .token-input {
    font-size: 12px;
    padding: 3px 9px
}

.input-group-sm .token>.token-label {
    padding-top: 3px;
    padding-right: 28px;
    padding-bottom: 3px;
    padding-left: 9px
}

.input-group-sm .token>.close {
    right: 9px
}

.input-group-sm .token>span {
    padding-top: 3px;
    padding-right: 28px;
    padding-bottom: 3px;
    padding-left: 9px
}

.input-group-sm .token-input {
    padding: 3px 9px
}

.input-group-sm.readonly .token>.token-label {
    padding-right: 9px
}

.twitter-typeahead {
    width: 100%
}

.typeahead,
.tt-query,
.tt-hint {
    outline: 0
}

.tt-hint {
    color: #afc5d5
}

.tt-dropdown-menu {
    width: 100%;
    max-height: 150px;
    margin-top: 1px;
    padding: 4px 0px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    overflow-y: auto
}

.typeahead-scrollable .tt-dropdown-menu {
    max-height: 150px
}

.typeahead-rtl .tt-dropdown-menu {
    text-align: right
}

.tt-suggestion {
    padding: 6px 12px;
    cursor: pointer
}

.tt-suggestion.tt-cursor {
    background-color: #23B7E5;
    color: #fff
}

.tt-suggestion:focus,
.tt-suggestion:hover {
    color: #fff
}

.tt-suggestion p {
    margin: 0
}

.tt-dataset-group .tt-suggestion {
    padding-top: 8px;
    padding-bottom: 8px
}

.tt-heading {
    padding: 6px 12px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #6b94b3;
    text-align: left;
    text-transform: uppercase;
    display: block
}

.typeahead-template .empty-message {
    padding: 6px 12px;
    text-align: center
}

.validation-error,
.validation-success {
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-left: 2px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: inherit;
    text-align: left;
    padding-left: 18px;
    display: block;
    color: #F44336;
    position: relative
}

.validation-error:before,
.validation-success:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px
}

.validation-error:empty,
.validation-success:empty {
    display: none
}

.validation-success {
    color: #4CAF50
}

.validation-success:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px
}

.form-wizard-title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F3F4
}

.form-wizard-count {
    width: 38px;
    height: 38px;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #23B7E5;
    font-size: 20px;
    line-height: 34px;
    float: left;
    display: block;
    color: #23B7E5;
    text-align: center
}

.form-wizard-actions {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: right
}

.form-wizard-actions .btn+.btn {
    margin-left: 10px
}

.ui-formwizard .step {
    padding: 20px
}

.ui-formwizard .form-group:last-child {
    margin-bottom: 20px
}

.vbox-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.vbox-overlay * {
    box-sizing: border-box
}

.vbox-overlay *:before {
    box-sizing: border-box
}

.vbox-overlay *:after {
    box-sizing: border-box
}

.figlio {
    box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

.vbox-preloader {
    position: fixed;
    top: 50%;
    bottom: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-image: url("../../img/venobox/preload-circle.png");
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
    -moz-animation: playload 1.4s steps(18) infinite;
    animation: playload 1.4s steps(18) infinite
}

@-webkit-keyframes playload {
    from {
        background-position: 0
    }
    to {
        background-position: -576px
    }
}

@-moz-keyframes playload {
    from {
        background-position: 0
    }
    to {
        background-position: -576px
    }
}

@keyframes playload {
    from {
        background-position: 0
    }
    to {
        background-position: -576px
    }
}

.vbox-close {
    width: 46px;
    height: 40px;
    position: fixed;
    top: 5px;
    right: 0;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    cursor: pointer;
    display: block;
    background: url("../../img/venobox/close.gif") no-repeat;
    background-position: 10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden
}

.vbox-next {
    position: fixed;
    top: 50%;
    right: 0;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    box-sizing: content-box;
    cursor: pointer;
    color: #fff;
    text-indent: -100px;
    border: solid transparent;
    overflow: hidden;
    border-width: 0 10px 0 30px;
    background: url("../../img/venobox/next.gif") center center no-repeat
}

.vbox-prev {
    position: fixed;
    top: 50%;
    left: 0;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    box-sizing: content-box;
    cursor: pointer;
    color: #fff;
    text-indent: -100px;
    border: solid transparent;
    overflow: hidden;
    border-width: 0 30px 0 10px;
    background: url("../../img/venobox/prev.gif") center center no-repeat
}

.vbox-title {
    position: fixed;
    top: -1;
    left: 0;
    width: 100%;
    height: 48px;
    padding: 10px 48px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    float: left;
    overflow: hidden;
    background: #23B7E5;
    display: none
}

.vbox-num {
    position: fixed;
    top: -1;
    left: 0;
    height: 40px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: #1a1a1a;
    display: none
}

.vbox-inline {
    width: 420px;
    height: 315px;
    padding: 10px;
    margin: 0px autopx;
    background: #fff;
    text-align: left;
    overflow: auto
}

.venoframe {
    width: 960px;
    height: 720px;
    border: none
}

@media only screen and (max-width: 1023px) {
    .venoframe {
        width: 640px;
        height: 480px
    }
}

@media only screen and (max-width: 767px) {
    .venoframe {
        width: 420px;
        height: 420px
    }
}

@media only screen and (max-width: 479px) {
    .venoframe,
    .vbox-inline {
        width: 100%
    }
}

.vbox-open {
    overflow: hidden
}

.vbox-container {
    width: 100%;
    margin: 0px autopx;
    padding: 0px 15pxpx;
    position: relative;
    background: #000
}

.vbox-container img {
    max-width: 100%;
    height: auto
}

.vbox-content {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    float: left;
    position: relative;
    overflow: hidden
}

.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-holder img {
    max-width: none
}

.jcrop-holder #preview-pane {
    position: absolute;
    top: 40px;
    right: -365px;
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    z-index: 9
}

.jcrop-vline {
    height: 100%;
    background: #fff url(../../Jcrop.html);
    font-size: 0;
    position: absolute;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    width: 100%;
    background: #fff url(../../Jcrop.html);
    font-size: 0;
    position: absolute;
    height: 1px !important
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    width: 100%;
    height: 100%
}

.jcrop-handle {
    background-color: #0d0d0d 0;
    border: 1px solid #ccc;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    margin-left: -4px;
    margin-top: -4px;
    left: 50%;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    margin-left: -4px;
    margin-top: -4px;
    left: 0;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    top: 0;
    margin-left: -4px;
    margin-top: -4px
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    right: 0;
    margin-right: -4px;
    margin-bottom: -4px
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n {
    width: 100%;
    height: 7px;
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    width: 100%;
    height: 7px;
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    width: 7px;
    height: 100%;
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    width: 7px;
    height: 100%;
    margin-left: -4px
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #fff;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-light .jcrop-handle {
    background-color: #000;
    border-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important
}

.jcrop-dark .jcrop-handle {
    background-color: #fff;
    border-color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #fff
}

#bgo_buttons {
    margin-top: 10px;
    margin-bottom: 10px
}

#bgo_buttons legend {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    text-transform: none;
    border-bottom: none
}

.optdual {
    position: relative
}

.optdual .offset {
    position: absolute;
    left: 18em
}

img.jcrop-preview {
    max-width: none
}

#preview-pane .preview-container {
    width: 250px;
    height: 170px;
    overflow: hidden
}

#anim_buttons legend,
#bgc_buttons legend {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    text-transform: none;
    border-bottom: none
}

.optlist label {
    display: block
}

.map-container {
    height: 500px
}

.vector-map-container {
    height: 500px
}

.vector-map-container .chart {
    width: 100%;
    position: relative
}

.vector-map-container .chart-container {
    width: 100%;
    position: relative
}

.vector-map-container .bullet-title,
.vector-map-container .c3-text,
.vector-map-container .c3-tooltip th {
    font-family: "OpenSans_SemiBold", sans-serif
}

.jvectormap-label {
    padding: 6px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    display: none;
    background-color: #23B7E5;
    color: #fff
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 8px;
    font-family: "OpenSans_Bold", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
    background-color: #23B7E5;
    text-align: center
}

.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
    background-color: #51c6ea
}

.jvectormap-zoomout {
    position: absolute;
    top: 40px;
    left: 10px
}

.ui-pnotify {
    position: absolute;
    top: 20px;
    right: 20px;
    height: auto;
    z-index: 2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.ui-pnotify.stack-bottom-left {
    left: 20px;
    right: auto;
    bottom: 20px;
    top: auto
}

.ui-pnotify.stack-top-left {
    left: 20px;
    right: auto
}

.ui-pnotify.stack-bottom-right {
    bottom: 20px;
    top: auto
}

.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px
}

.ui-pnotify.stack-custom-right {
    top: auto;
    left: auto;
    bottom: 200px;
    right: 200px
}

.ui-pnotify.stack-custom-left {
    top: 200px;
    left: 200px;
    right: auto;
    bottom: auto
}

.ui-pnotify.stack-custom-top {
    right: 0;
    left: 0;
    top: 0
}

.ui-pnotify.stack-custom-bottom {
    right: 0;
    left: 0;
    bottom: 0;
    top: auto
}

.ui-pnotify.ui-pnotify-in {
    display: block !important
}

.ui-pnotify.ui-pnotify-move {
    -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    -moz-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
    -webkit-transition: opacity linear .6s;
    -moz-transition: opacity linear .6s;
    transition: opacity linear .6s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    -moz-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-normal {
    -webkit-transition: opacity linear .4s;
    -moz-transition: opacity linear .4s;
    transition: opacity linear .4s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    -moz-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-fast {
    -webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    transition: opacity linear .2s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    -moz-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
    transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-pnotify.alert-styled-left .brighttheme {
    border-left-width: 44px
}

.ui-pnotify.alert-styled-left:after {
    left: 0
}

.ui-pnotify.alert-styled-right .brighttheme {
    border-right-width: 44px
}

.ui-pnotify.alert-styled-right:after {
    right: 0
}

.ui-pnotify.alert-rounded>.ui-pnotify-container {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.ui-pnotify[class*=bg-]>.ui-pnotify-container {
    background-color: inherit;
    border-color: transparent;
    color: #fff
}

.ui-pnotify[class*=bg-]>.brighttheme {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder {
    color: #fff
}

.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder,
.ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder {
    color: #fff
}

.ui-pnotify-container {
    padding: 12px 18px;
    height: 100%;
    position: relative;
    left: 0;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.ui-pnotify-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.ui-pnotify-title {
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 15px;
    display: block
}

.ui-pnotify-text {
    display: block
}

.ui-pnotify-icon {
    display: block;
    float: left;
    line-height: 1
}

.ui-pnotify-icon>[class^=icon-] {
    margin-top: 4px;
    margin-right: 8px
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: 8px;
    margin-top: 4px;
    line-height: 1;
    outline: 0
}

.ui-pnotify-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.brighttheme-notice {
    background-color: #fff;
    border-color: #d9f3fb
}

.brighttheme-info {
    background-color: #64edff;
    border-color: #3be9ff
}

.brighttheme-success {
    background-color: #aedcb0;
    border-color: #92cf94
}

.brighttheme-error {
    background-color: #fbc2bd;
    border-color: #f99d97
}

.brighttheme-warning {
    background-color: #ffc4b1;
    border-color: #ffa588
}

.brighttheme-icon-closer,
.brighttheme-icon-sticker {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    outline: 0
}

.brighttheme-icon-closer:after,
.brighttheme-icon-sticker:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 10px;
    display: block
}

.brighttheme-icon-sticker:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 10px;
    display: block
}

.brighttheme-icon-sticker.brighttheme-icon-stuck:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.ui-pnotify[class*=alert-styled-] {
    padding: 0;
    border-width: 0
}

.ui-pnotify-history-container {
    position: absolute;
    top: 0;
    right: 20px;
    width: 70px;
    padding: 0;
    border-top: none;
    z-index: 10000;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ui-pnotify-history-container.ui-pnotify-history-fixed {
    position: fixed
}

.ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
    text-align: center
}

.ui-pnotify-history-container button {
    width: 100%;
    cursor: pointer;
    display: block
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 599px) {
    .ui-pnotify-mobile-able.ui-pnotify {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: auto !important;
        font-smoothing: antialiased
    }
    .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
        border-bottom-width: 5px;
        box-shadow: none
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow {
        border-top-width: 5px;
        border-bottom-width: 1px
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-top-left {
        left: 0;
        right: 0
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow {
        border-top-width: 5px;
        border-bottom-width: 1px
    }
    .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade {
        opacity: .2;
        filter: alpha(opacity=20)
    }
    .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide {
        display: none !important
    }
    .ui-pnotify-mobile-able .ui-pnotify-container {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

body>.ui-pnotify {
    position: fixed;
    z-index: 100040
}

body>.ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039
}

.ui-pnotify[class*=alpha-]>.ui-pnotify-container,
.ui-pnotify[class*=text-]>.ui-pnotify-container {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.brighttheme .ui-pnotify-action-bar {
    padding-top: 15px
}

.brighttheme .ui-pnotify-action-bar input,
.brighttheme .ui-pnotify-action-bar textarea {
    width: 100%;
    display: block;
    margin-bottom: 10px !important
}

.sweet-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 10000
}

.sweet-alert {
    width: 460px;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 30px;
    padding-top: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: -200px;
    margin-left: -250px;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
    z-index: 99999
}

@media all and (max-width: 540px) {
    .sweet-alert {
        margin-left: 0px;
        margin-right: 0px;
        width: auto;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    font-family: "OpenSans_Light", sans-serif;
    font-size: 24px;
    line-height: 1.8;
    color: #3f6079;
    text-align: center;
    line-height: 40px;
    padding: 0;
    margin: 15px 0px;
    position: relative;
    display: block
}

.sweet-alert p {
    font-family: "OpenSans", sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #1C2B36;
    text-align: center;
    padding: 0;
    margin: 0;
    position: relative;
    float: none
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert .sa-error-container {
    max-height: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 10px;
    background-color: #f1f1f1;
    overflow: hidden;
    -webkit-transition: padding 0.15s, max-height 0.15s;
    -moz-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0px;
    -webkit-transition: padding 0.25s, max-height 0.25s;
    -moz-transition: padding 0.25s, max-height 0.25s;
    transition: padding 0.25s, max-height 0.25s;
    max-height: 100px
}

.sweet-alert .sa-error-container .icon {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    display: inline-block;
    border-radius: 50%;
    background-color: #F44336;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.sweet-alert .sa-error-container p {
    display: inline-block
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 6px 10px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    background: #F44336;
    color: #fff;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size: 12px;
    opacity: 0
}

.sweet-alert .sa-input-error.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.sweet-alert input {
    width: 100%;
    height: 44px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 17px;
    padding: 0px 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-sizing: border-box;
    display: none
}

.sweet-alert input:focus {
    outline: none
}

.sweet-alert.show-input input {
    display: block
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}

.sweet-alert .la-ball-fall {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden
}

.sweet-alert button {
    cursor: pointer
}

.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default
}

.sweet-alert button.confirm[disabled] {
    color: transparent
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #9E9E9E;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 0;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F44336
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    width: 5px;
    height: 47px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #F44336;
    display: block;
    position: absolute;
    top: 18px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 38px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 37px
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #FF5722
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    width: 5px;
    height: 47px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: -3px;
    background-color: #FF5722
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    background-color: #FF5722
}

.sweet-alert .sa-icon.sa-info {
    border-color: #00BCD4
}

.sweet-alert .sa-icon.sa-info::before {
    width: 5px;
    height: 29px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: -3px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 17px;
    background-color: #00BCD4
}

.sweet-alert .sa-icon.sa-info::after {
    width: 7px;
    height: 7px;
    margin-left: -3px;
    content: "";
    border-radius: 50%;
    background-color: #00BCD4;
    position: absolute;
    top: 19px;
    left: 50%
}

.sweet-alert .sa-icon.sa-success {
    border-color: #4CAF50
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-top-left-radius: 120px;
    -moz-border-top-left-radius: 120px;
    border-top-left-radius: 120px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 120px;
    -moz-border-bottom-left-radius: 120px;
    border-bottom-left-radius: 120px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -moz-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 120px;
    -moz-border-top-right-radius: 120px;
    border-top-right-radius: 120px;
    -webkit-border-bottom-right-radius: 120px;
    -moz-border-bottom-right-radius: 120px;
    border-bottom-right-radius: 120px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    -moz-transform-origin: 0px 60px;
    transform-origin: 0px 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid #92cf94;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #4CAF50;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }
}

@-moz-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%
    }
    100% {
        top: 50%
    }
}

@-moz-keyframes slideFromTop {
    0% {
        top: 0%
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%
    }
    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0%
    }
}

@-moz-keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0%
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0%
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@-moz-keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

@-moz-keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    -moz-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    -moz-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    -moz-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    -moz-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    -moz-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    -moz-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s
}

@-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
    }
}

@-moz-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
    }
}

@-moz-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% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@-moz-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    -moz-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    -moz-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -moz-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    -moz-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@-moz-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    -moz-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

@-moz-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    -moz-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

@-moz-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    -moz-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.owl-carousel {
    width: 100%;
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0
}

.owl-carousel .owl-wrapper-outer {
    width: 100%;
    overflow: hidden;
    position: relative
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls {
    user-select: none
}

.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls .owl-buttons div {
    cursor: pointer
}

.grabbing {
    cursor: url(grabbing.html) 8 8, move
}

.owl-origin {
    perspective: 1200px
}

.owl-fade-out {
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
    z-index: 10
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
}

#single-image-slider {
    position: relative
}

#single-image-slider .owl-prev {
    position: absolute;
    top: 165px;
    left: 0;
    margin-top: -10px
}

#single-image-slider .owl-next {
    position: absolute;
    top: 165px;
    right: 0;
    margin-top: -10px
}

#single-image-slider .item img {
    width: 100%;
    display: block;
    height: auto
}

.customNavigation {
    text-align: center
}

.customNavigation a {
    user-select: none
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    background: #00BCD4
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    width: auto;
    height: auto;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff
}

.owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-buttons div {
    margin: 5px;
    padding: 0px;
    font-size: 48px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    filter: Alpha(Opacity=50);
    opacity: 0.5
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

#multiple-images .item {
    margin: 3px
}

#multiple-images .item img {
    width: 100%;
    height: auto;
    display: block
}

#custom-options .item {
    padding: 30px 0px;
    margin: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #e6e6e6;
    color: #fff;
    text-align: center
}

#lazy-load .item {
    margin: 3px
}

#lazy-load .item img {
    width: 100%;
    height: auto;
    display: block
}

#single-item-auto-height .owl-item div {
    padding: 5px
}

#single-item-auto-height .owl-item img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block
}

.dataTable {
    margin: 0px;
    max-width: none;
    border-collapse: separate
}

.dataTable.table-bordered {
    border-collapse: collapse
}

.dataTable thead td {
    outline: 0;
    position: relative;
}

.dataTable thead th {
    outline: 0;
    position: relative;
    background: silver;
}

.dataTable thead .sorting {
    padding-right: 40px;
    cursor: pointer
}

.dataTable thead .sorting:after,
.dataTable thead .sorting:before {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    content: '';
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    color: #1C2B36
}

.dataTable thead .sorting:before {
    margin-top: -2px
}

.dataTable thead .sorting:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.dataTable thead .sorting:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.dataTable thead .sorting_asc {
    cursor: pointer;
    padding-right: 40px
}

.dataTable thead .sorting_asc:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    color: #1C2B36
}

.dataTable thead .sorting_desc {
    padding-right: 40px;
    cursor: pointer
}

.dataTable thead .sorting_desc:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    color: #1C2B36
}

.dataTable thead .sorting_asc_disabled {
    padding-right: 40px
}

.dataTable thead .sorting_asc_disabled:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    color: #666
}

.dataTable thead .sorting_desc_disabled {
    padding-right: 40px
}

.dataTable thead .sorting_desc_disabled:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    color: #666
}

.dataTable .dataTables_empty {
    text-align: center
}

.dataTables_wrapper {
    position: relative
}

.dataTables_wrapper:after {
    height: 0;
    visibility: hidden;
    display: block;
    content: ""
}

.dataTables_wrapper+.panel-body {
    border-top: 1px solid #EAEFF0
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-top: -25px;
    padding-top: 20px;
    margin-left: -50%;
    text-align: center;
    background-color: #fff;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}

.datatable-header,
.datatable-footer {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 20px;
    border-top: 1px solid #EAEFF0;
    background: #fff;
    color: #1C2B36
}

.datatable-header:after,
.datatable-footer:after {
    content: "";
    display: table;
    clear: both
}

.datatable-header>div:first-child,
.datatable-footer>div:first-child {
    margin-left: 0px
}

.dataTables_length {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
    display: inline-block
}

.dataTables_length>label {
    margin-bottom: 0px
}

.dataTables_length>label>span:first-child {
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    margin-left: 0px;
    float: left;
    color: #1C2B36
}

.dataTables_length .select2-container {
    width: auto
}

.dataTables_filter {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    position: relative;
    display: block;
    float: left
}

.dataTables_filter>label {
    margin-bottom: 0px;
    position: relative
}

.dataTables_filter>label:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -6px;
    color: #8aa2b9;
    line-height: 1;
    font-size: 12px;
    display: inline-block
}

.dataTables_filter>label>span {
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    margin-left: 0px;
    float: left;
    color: #1C2B36
}

.dataTables_filter input {
    width: 180px;
    float: left
}

.dataTables_scroll .dataTables_scrollBody table {
    border-bottom: 0
}

.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after {
    content: none
}

.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
    content: none
}

.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
    border-top: 0
}

.dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing,
.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.dataTables_scroll .dataTables_scrollHead table {
    border-bottom: 0
}

.dataTables_info {
    padding: 8px 0px;
    margin-bottom: 10px;
    float: left;
    color: #1C2B36
}

.dataTables_paginate {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
    text-align: right
}

.dataTables_paginate .paginate_button {
    margin-left: -1px;
    border: 1px solid #DEE5E7;
    background: #fff;
    padding: 6px 12.8px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #111;
    text-align: left;
    display: inline-block;
    cursor: pointer
}

.dataTables_paginate .paginate_button:first-child {
    margin-left: 0px
}

.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:hover {
    background: #f0fafd;
    color: #111;
    border: 1px solid #DEE5E7
}

.dataTables_paginate .paginate_button.current {
    background: #23B7E5 !important;
    color: #fff !important;
    border: 1px solid #23B7E5
}

.dataTables_paginate .paginate_button.current:focus,
.dataTables_paginate .paginate_button.current:hover {
    background: #23B7E5 !important;
    color: #fff !important;
    border: 1px solid #23B7E5
}

.dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed;
    color: #c4c4c4;
    border: 1px solid #DEE5E7
}

.dataTables_paginate .paginate_button.disabled:focus,
.dataTables_paginate .paginate_button.disabled:hover {
    color: #c4c4c4;
    border: 1px solid #DEE5E7
}

.dataTables_paginate .paginate_button.previous {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.dataTables_paginate .paginate_button.next {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.dataTables_paginate.paging_simple .paginate_button {
    padding-left: 12px;
    padding-right: 12px
}

.panel-body+*>.dataTables_wrapper {
    border-top: 1px solid #EAEFF0
}

.panel-body+.dataTables_wrapper {
    border-top: 1px solid #EAEFF0
}

.panel-body>.dataTables_wrapper .datatable-footer {
    border-top: 0
}

.panel-body>.dataTables_wrapper .datatable-footer .dataTables_filter,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_info,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_length,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_paginate {
    margin-bottom: 0px
}

.datatable-scroll,
.datatable-scroll-lg,
.datatable-scroll-sm {
    min-height: .01%
}

.datatable-scroll-wrap {
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}

@media only screen and (max-width: 1247px) {
    .datatable-scroll {
        width: 100%;
        overflow-x: scroll
    }
    .datatable-scroll th,
    .datatable-scroll td {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1439px) {
    .datatable-scroll-lg {
        width: 100%
    }
    .datatable-scroll-lg th,
    .datatable-scroll-lg td {
        white-space: nowrap
    }
}

@media only screen and (max-width: 799px) {
    .datatable-scroll-sm {
        width: 100%;
        overflow-x: scroll
    }
    .datatable-scroll-sm th,
    .datatable-scroll-sm td {
        white-space: nowrap
    }
    .ColVis,
    .DTTT_container,
    .dataTables_filter,
    .dataTables_info,
    .dataTables_length,
    .dataTables_paginate {
        margin-left: 0px;
        float: none !important;
        text-align: center
    }
    .dataTables_info,
    .dataTables_paginate {
        margin-top: 0px
    }
    .datatable-header {
        text-align: center
    }
    .DTFC_LeftWrapper,
    .DTFC_RightWrapper,
    .fixedHeader-floating,
    .fixedHeader-locked {
        display: none
    }
    .dataTables_wrapper .select-info,
    .dataTables_wrapper .select-item {
        margin-left: 0px;
        display: block
    }
}

.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 202;
    cursor: move
}

.DTCR_clonedTable th,
.DTCR_clonedTable td {
    border: 1px solid #EAEFF0
}

.DTCR_pointer {
    width: 1px;
    background-color: #00BCD4;
    z-index: 201
}

.DTFC_Blocker {
    background-color: #fff
}

.DTFC_Cloned {
    background-color: #fff;
    border-bottom: 0
}

.dt-rowReorder-float {
    background-color: #fff;
    position: absolute !important;
    table-layout: static;
    outline: #999 dashed 1px;
    outline-offset: -1px;
    z-index: 1030;
    cursor: move;
    opacity: .9;
    filter: alpha(opacity=90)
}

.dt-rowReorder-moving {
    outline: #999 solid 1px;
    outline-offset: -1px
}

.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

.dataTable td.reorder {
    text-align: center;
    cursor: move
}

.dataTable td.focus {
    outline: #00BCD4 solid 2px;
    outline-offset: -1px
}

.dataTable td.focus-success {
    background-color: #4CAF50;
    outline-color: #409343
}

.dataTable td.focus-info {
    background-color: #00BCD4;
    outline-color: #0098ab
}

.dataTable td.focus-warning {
    background-color: #FF5722;
    outline-color: #f83c00
}

.dataTable td.focus-danger {
    background-color: #F44336;
    outline-color: #f21f0f
}

.dataTable tbody>tr.selected,
.dataTable tbody>tr>.selected {
    background-color: #8df2ff
}

.dataTable tbody .select-checkbox {
    position: relative
}

.dataTable tbody .select-checkbox:after,
.dataTable tbody .select-checkbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    color: #1C2B36;
    cursor: pointer
}

.dataTable tbody .select-checkbox:before {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    content: '';
    background-color: #fff;
    border: 2px solid #EAEFF0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.dataTable tbody .selected .select-checkbox:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    line-height: 1;
    margin-top: -7px;
    margin-left: -7px
}

.dataTable th.focus {
    outline: #00BCD4 solid 2px;
    outline-offset: -1px
}

.dataTable th.focus-success {
    background-color: #4CAF50;
    outline-color: #409343
}

.dataTable th.focus-info {
    background-color: #00BCD4;
    outline-color: #0098ab
}

.dataTable th.focus-warning {
    background-color: #FF5722;
    outline-color: #f83c00
}

.dataTable th.focus-danger {
    background-color: #F44336;
    outline-color: #f21f0f
}

.dataTable tr.child:hover {
    background-color: transparent
}

.dataTable tr.child .dtr-title {
    padding-right: 40px;
    display: table-cell;
    font-weight: 500
}

.dataTable tr.child .dtr-data {
    padding: 8px 0px;
    display: table-cell
}

.dataTable tr td.child {
    white-space: normal;
    position: relative
}

.dataTable tr td.child>ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    list-style: none
}

.dataTable tr td.child>ul>li {
    display: table-row
}

.dataTable.dtr-column tbody tr.parent th.control:before,
.dataTable.dtr-column tbody tr.parent td.control:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.fixedHeader-floating {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 2px solid #EAEFF0;
    background-color: #fff;
    position: fixed;
    top: 52px !important
}

.fixedHeader-floating+.fixedHeader-floating {
    border-top: 0 !important
}

.fixedHeader-locked {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    position: absolute
}

.fixedHeader-locked+.fixedHeader-floating {
    border-top: 0 !important
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

.dt-autofill-handle {
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 102;
    border: 1px solid #00BCD4;
    background: #00BCD4
}

.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: #00BCD4;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px)
}

.dt-autofill-select.top,
.dt-autofill-select.bottom {
    height: 1px
}

.dt-autofill-select.left,
.dt-autofill-select.right {
    width: 1px
}

.dt-autofill-list {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 0;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    z-index: 1050
}

.dt-autofill-list ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: table;
    list-style: none
}

.dt-autofill-list ul li {
    display: table-row
}

.dt-autofill-list ul li:hover {
    background-color: #e6e6e6
}

.dt-autofill-list .dt-autofill-question {
    padding: 7px 15px;
    display: table-cell
}

.dt-autofill-list .dt-autofill-question input[type=number] {
    width: 30px;
    margin: -2px 0px;
    padding: 6px
}

.dt-autofill-list .dt-autofill-button {
    padding: 7px 15px;
    display: table-cell;
    text-align: right
}

.dt-autofill-list .dt-autofill-button .btn {
    padding: 3px;
    background-color: #00BCD4;
    color: #fff;
    font-size: 0
}

.dt-autofill-list .dt-autofill-button .btn:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    width: 16px;
    line-height: 1;
    display: block
}

.dt-autofill-list .dt-autofill-button .btn:hover {
    opacity: .85;
    filter: alpha(opacity=85)
}

.dt-autofill-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1040;
    opacity: .5;
    filter: alpha(opacity=50)
}

.dataTables_wrapper .select-info,
.dataTables_wrapper .select-item {
    margin-left: 10px
}

.dt-buttons {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: inline-block;
    float: right
}

.dt-buttons>.dt-button {
    display: inline-block
}

.dt-buttons>.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.dt-buttons>.btn:first-child {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.dt-buttons>.btn:last-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.dt-buttons>.btn+.btn {
    margin-left: -1px
}

.dt-buttons>.btn:before {
    margin-right: 5px;
    line-height: 16px;
    top: 2px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .dt-buttons {
        float: none;
        text-align: center;
        display: block
    }
    .dt-buttons .btn {
        float: none
    }
}

.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    z-index: 1050
}

.dt-button-info h2 {
    margin-top: 0px;
    font-size: 17px;
    line-height: 1.5384616
}

.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    opacity: .25;
    filter: alpha(opacity=25)
}

.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0px;
    min-width: 180px;
    background-color: #fff;
    display: block;
    z-index: 1000;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    column-gap: 2px
}

.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    padding-left: 5px;
    padding-right: 5px
}

.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

.dt-button-collection>* {
    break-inside: avoid
}

.dt-button-collection.two-column {
    width: 300px;
    column-count: 2
}

.dt-button-collection.three-column {
    width: 450px;
    column-count: 3
}

.dt-button-collection.four-column {
    width: 600px;
    column-count: 4
}

.dt-button-collection>.dt-button {
    padding: 0;
    color: #0d0d0d 0;
    display: block;
    outline: 0
}

.dt-button-collection>.dt-button:focus {
    color: #0d0d0d 0;
    background-color: #e6e6e6
}

.dt-button-collection>.dt-button:hover {
    color: #0d0d0d 0;
    background-color: #ccc
}

.dt-button-collection>.dt-button.active {
    color: #fff;
    background-color: #00BCD4
}

.dt-button-collection>.dt-button+.dt-button {
    margin-top: 1px
}

.DTS .DTS_Loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 20px;
    margin-top: -20px;
    margin-left: -100px;
    z-index: 1;
    border: 1px solid #b3b3b3;
    padding: 20px 0px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5)
}

.DTS .dataTables_scrollHead,
.DTS .dataTables_scrollFoot {
    background-color: #fff
}

.DTS .dataTables_scrollBody {
    z-index: 2
}

.valign-top {
    vertical-align: top
}

@media only screen and (max-width: 599px) {
    .dataTable tr td.child>ul>li .btn-group,
    .dataTable tr td.child>ul>li .dropdown,
    .dataTable tr td.child>ul>li .dropup {
        position: static
    }
    .dataTable tr td.child>ul>li .dropdown-menu {
        left: 0;
        right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-width: 1px 0
    }
}

.length-left .dataTables_length {
    float: left
}

.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after,
.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before {
    content: none
}

.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th,
.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td {
    border-top: 0
}

.DTFC_RightBodyWrapper .DTFC_Cloned thead th:after,
.DTFC_RightBodyWrapper .DTFC_Cloned thead th:before {
    content: none
}

.DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th,
.DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td {
    border-top: 0
}

.filter-right .dataTables_filter,
.info-right .dataTables_info {
    float: right
}

.panel>.dataTables_wrapper .table-bordered {
    border: 0
}

.panel>.dataTables_wrapper .table-bordered>thead>tr:last-child>th,
.panel>.dataTables_wrapper .table-bordered>thead>tr:last-child>td,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr:last-child>th,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr:last-child>td,
.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th,
.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td {
    border-bottom: 0
}

.panel>.dataTables_wrapper .table-bordered>thead>tr>th:first-child,
.panel>.dataTables_wrapper .table-bordered>thead>tr>td:first-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:first-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:first-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>th:first-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:first-child {
    border-left: 0
}

.panel>.dataTables_wrapper .table-bordered>thead>tr>th:last-child,
.panel>.dataTables_wrapper .table-bordered>thead>tr>td:last-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>th:last-child,
.panel>.dataTables_wrapper .table-bordered>tfoot>tr>td:last-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>th:last-child,
.panel>.dataTables_wrapper .table-bordered>tbody>tr>td:last-child {
    border-right: 0
}

.paginate-left .dataTables_paginate {
    float: left
}

.panel-flat>.panel-heading+.dataTables_wrapper>.datatable-header {
    padding-top: 0
}

.DTFC_LeftWrapper .DTFC_Cloned.table {
    border-right: 1px solid #ccc
}

.DTFC_RightWrapper .DTFC_Cloned.table {
    border-left: 1px solid #ccc
}

.dt-buttons-full .dt-buttons {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    float: none;
    display: block;
    background-color: #e6e6e6
}

.dt-buttons-full .dt-buttons>.btn {
    margin-bottom: 10px;
    float: none
}

.dt-buttons-left .dt-buttons {
    float: left
}

.dtr-inline.collapsed tbody tr th:before,
.dtr-inline.collapsed tbody tr td:before {
    margin-right: 10px
}

.dtr-inline.collapsed tbody tr th:first-child,
.dtr-inline.collapsed tbody tr td:first-child {
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.dtr-inline.collapsed tbody tr th:first-child:before,
.dtr-inline.collapsed tbody tr td:first-child:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: relative;
    top: -1px;
    right: nul;
    width: 16px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block
}

.dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before,
.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before {
    display: none
}

.dtr-inline.collapsed tbody tr.child td:before {
    display: none
}

.dtr-column tbody tr th.control:before,
.dtr-column tbody tr td.control:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: relative;
    top: -1px;
    right: nul;
    width: 16px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block
}

.dtr-column tbody th.control,
.dtr-column tbody td.control {
    position: relative;
    cursor: pointer
}

.timer>li.dots {
    vertical-align: top
}

.file-loading {
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: transparent url(../../img/loading.gif) top left no-repeat;
    border: none
}

.file-object {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: -5px;
    margin-left: 0px;
    padding: 0
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block
}

.btn-file::-ms-browse {
    width: 100%;
    height: 100%
}

.file-caption-name {
    height: 20px;
    display: inline-block;
    overflow: hidden;
    word-break: break-all
}

.file-zoom-dialog {
    text-align: left
}

.file-zoom-dialog .file-preview-text {
    font-size: 1.2em
}

.file-zoom-dialog .file-other-icon {
    font-size: 8em;
    font-size: 55vmin
}

.file-zoom-dialog .modal-body {
    position: relative !important
}

.file-zoom-dialog .btn-navigate {
    padding: 0;
    margin: 0;
    position: absolute;
    background: transparent;
    text-decoration: none;
    outline: none;
    top: 40%;
    font-size: 48px
}

.file-zoom-dialog .btn-navigate:not([disabled]):hover,
.file-zoom-dialog .btn-navigate:not([disabled]):focus {
    outline: none;
    box-shadow: none;
    opacity: 0.5
}

.file-zoom-dialog .floating-buttons {
    position: absolute;
    top: 5px;
    right: 10px
}

.file-zoom-dialog .btn-navigate[disabled] {
    opacity: 0.3
}

.file-zoom-dialog .btn-prev {
    left: 1px
}

.file-zoom-dialog .btn-next {
    right: 1px
}

.file-zoom-dialog .kv-zoom-actions .btn {
    margin-left: 3px
}

.file-error-message {
    margin: 5px;
    padding: 15px;
    color: #F44336;
    background-color: #f99d97;
    border: 1px solid #F44336;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.file-error-message pre {
    margin: 5px 0px;
    text-align: left
}

.file-error-message ul {
    margin: 0;
    text-align: left
}

.file-caption-disabled {
    background-color: #b3b3b3;
    cursor: not-allowed;
    opacity: 1
}

.file-preview {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d3dbde;
    background: #f7f7f7
}

.file-preview .clickable {
    cursor: pointer
}

.file-preview-frame {
    height: 160px;
    margin: 8px;
    padding: 6px;
    position: relative;
    display: table;
    border: 1px solid #F0F3F4;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    text-align: center;
    vertical-align: middle
}

.file-preview-frame.sortable-ghost {
    background-color: #ccc
}

.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000
}

.file-preview-image {
    vertical-align: middle
}

.file-preview-text {
    padding: 8px;
    display: block;
    color: #1C2B36;
    border: 1px solid #F0F3F4;
    outline: none;
    resize: none
}

.file-preview-html {
    border: 1px solid #F0F3F4;
    padding: 8px;
    overflow: auto
}

.file-preview-other {
    padding: 10px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle
}

.file-preview-other:hover {
    opacity: 0.8
}

.file-actions {
    margin-top: 15px;
    text-align: left
}

.file-other-error {
    text-align: left
}

.file-other-icon {
    font-size: 4.8em
}

.file-input-new .file-preview,
.file-input-new .close,
.file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button {
    display: none
}

.file-input-new .no-browse .input-group-btn {
    display: none
}

.file-input-new .no-browse .form-control {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button {
    display: none
}

.file-input-ajax-new .no-browse .input-group-btn {
    display: none
}

.file-input-ajax-new .no-browse .form-control {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.file-caption-main {
    width: 100%
}

.file-thumb-loading {
    background: transparent url(../../img/loading.gif) no-repeat scroll center center content-box !important
}

.file-footer-buttons {
    float: right
}

.file-upload-indicator {
    width: 60%;
    display: inline;
    cursor: default;
    opacity: 0.8
}

.file-upload-indicator:hover {
    font-weight: bold;
    opacity: 1
}

.file-footer-caption {
    width: 160px;
    padding-top: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 11px;
    color: #1C2B36;
    margin: 5px auto
}

.file-preview-error {
    opacity: 0.65;
    box-shadow: none
}

.file-drop-zone {
    height: 100%;
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 12px;
    margin-left: 12px;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle
}

.file-drop-zone.clickable:hover {
    border: 2px dashed #c4d0d4
}

.file-drop-zone.clickable:focus {
    border: 2px solid #e1e7e9
}

.file-drop-zone .file-preview-thumbnails {
    cursor: default
}

.file-drop-zone-title {
    padding: 85px 10px;
    color: #ccc;
    font-size: 32px;
    font-family: "OpenSans_Light", sans-serif;
    cursor: default
}

.file-highlighted {
    border: 2px dashed #c4d0d4;
    background-color: #f5f5f5
}

.file-uploading {
    background: url(../../img/loading-sm.html) no-repeat center bottom 10px;
    opacity: 0.65
}

.file-thumb-progress {
    height: 10px;
    position: absolute;
    top: 35px;
    right: 0;
    left: 0
}

.file-thumb-progress .progress,
.file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px
}

.file-thumbnail-footer {
    position: relative
}

.file-zoom-fullscreen.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.file-zoom-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: fixed
}

.file-zoom-fullscreen .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none
}

.file-zoom-fullscreen .modal-body {
    overflow-y: auto
}

.floating-buttons {
    z-index: 3000
}

.floating-buttons .btn {
    margin-left: 3px;
    z-index: 3000
}

.file-drag-handle {
    margin-right: 2px;
    display: inline;
    font-size: 16px;
    cursor: move
}

.file-drag-handle:hover {
    opacity: 0.7
}

.file-zoom-content {
    height: 480px;
    text-align: center
}

.input-group-lg .file-caption-name {
    height: 25px
}

.clickable .file-drop-zone-title {
    cursor: pointer
}

.file-preview-initial.sortable-chosen {
    background-color: #e6e6e6
}

.kv-zoom-body img {
    width: auto !important;
    height: 90% !important
}

.uploader {
    width: 100%;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.uploader .filename {
    width: 100%;
    height: 36px;
    padding-top: 7px;
    padding-right: 45px;
    padding-bottom: 7px;
    padding-left: 12px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    text-align: left;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #EAEFF0;
    color: #1C2B36;
    background: #FAFBFC
}

.uploader .filename::-webkit-input-placeholder {
    color: #afc5d5
}

.uploader .filename:-moz-placeholder {
    color: #afc5d5
}

.uploader .filename::-moz-placeholder {
    color: #afc5d5
}

.uploader .filename:-ms-input-placeholder {
    color: #afc5d5
}

.uploader .filename:focus {
    border: 1px solid #EAEFF0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.uploader .action {
    padding: 6px 10px;
    height: 36px;
    min-width: 36px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #1C2B36;
    z-index: 1;
    border: 1px solid #EAEFF0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.uploader .action>i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    color: #1C2B36
}

.uploader input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    margin-top: 0px;
    cursor: pointer;
    border: 0;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0)
}

.uploader.disabled .action {
    opacity: .6;
    filter: alpha(opacity=60)
}

.uploader.disabled .filename {
    background-color: #fafafa;
    cursor: not-allowed
}

.uploader-lg .action {
    width: 40px;
    height: 40px
}

.uploader-lg .filename {
    height: 40px;
    padding-top: 9px;
    padding-right: 50px;
    padding-bottom: 9px;
    padding-left: 9px
}

.uploader-lg input[type=file] {
    height: 40px
}

.uploader-sm .action {
    width: 34px;
    height: 34px
}

.uploader-sm .filename {
    height: 34px;
    padding-top: 6px;
    padding-right: 42px;
    padding-bottom: 6px;
    padding-left: 6px
}

.uploader-sm input[type=file] {
    height: 34px
}

.uploader-xs .action,
.uploader-xs .filename,
.uploader-xs input[type=file] {
    height: 32px
}

.uploader[class*=bg-] .action {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.material-button-anim {
    max-width: 320px;
    padding-top: 127px;
    padding-right: 15px;
    padding-bottom: 27px;
    padding-left: 15px;
    position: relative;
    text-align: center;
    margin: 0 auto 20px
}

.material-button {
    width: 70px;
    height: 70px;
    position: relative;
    top: 0;
    z-index: 1;
    font-size: 20px;
    color: #fff;
    background: #00BCD4;
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);
    outline: none
}

.material-button-toggle {
    width: 90px;
    height: 90px;
    z-index: 3;
    margin: 0 auto
}

.material-button-toggle span {
    font-size: 32px;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    -webkit-transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67);
    -moz-transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67);
    transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67)
}

.material-button-toggle.open {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    -webkit-animation: toggleBtnAnim 0.175s;
    -moz-animation: toggleBtnAnim 0.175s;
    animation: toggleBtnAnim 0.175s
}

.material-button-toggle.open span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67);
    -moz-transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67);
    transition: transform 0.175s cubic-bazier(0.175, 0.67, 0.83, 0.67)
}

#options {
    height: 70px
}

.option {
    position: relative
}

.option .option1 {
    filter: blur(5px);
    -webkit-transition: all 0.175s;
    -moz-transition: all 0.175s;
    transition: all 0.175s;
    -webkit-transform: translate3d(90px, 90px, 0) scale(0.8, 0.8);
    -moz-transform: translate3d(90px, 90px, 0) scale(0.8, 0.8);
    transform: translate3d(90px, 90px, 0) scale(0.8, 0.8)
}

.option .option2 {
    filter: blur(5px);
    -webkit-transition: all 0.175s;
    -moz-transition: all 0.175s;
    transition: all 0.175s;
    -webkit-transform: translate3d(0, 90px, 0) scale(0.8, 0.8);
    -moz-transform: translate3d(0, 90px, 0) scale(0.8, 0.8);
    transform: translate3d(0, 90px, 0) scale(0.8, 0.8)
}

.option .option3 {
    filter: blur(5px);
    -webkit-transition: all 0.175s;
    -moz-transition: all 0.175s;
    transition: all 0.175s;
    -webkit-transform: translate3d(-90px, 90px, 0) scale(0.8, 0.8);
    -moz-transform: translate3d(-90px, 90px, 0) scale(0.8, 0.8);
    transform: translate3d(-90px, 90px, 0) scale(0.8, 0.8)
}

.option.scale-on .option1,
.option.scale-on .option2,
.option.scale-on .option3 {
    filter: blur(0);
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    -webkit-transition: all 0.175s;
    -moz-transition: all 0.175s;
    transition: all 0.175s
}

.option.scale-on .option2 {
    -webkit-transform: translateY(-28px) translateZ(0);
    -moz-transform: translateY(-28px) translateZ(0);
    transform: translateY(-28px) translateZ(0);
    -webkit-transition: all 0.175s;
    -moz-transition: all 0.175s;
    transition: all 0.175s
}

@media only screen and (max-width: 479px) {
    .option1,
    .option2 {
        left: 0px
    }
    .option3 {
        top: 0px;
        left: 0px
    }
}

@media only screen and (max-width: 359px) {
    .option1,
    .option2 {
        left: -36px
    }
    .option3 {
        top: -70px;
        left: 90px
    }
}

@-webkit-keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4)
    }
    75% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
}

@-moz-keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4)
    }
    75% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
}

@keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(1.4, 1.4);
        -moz-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4)
    }
    75% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
}

.fab-menu-btn {
    border-width: 0;
    z-index: 1001;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.fab-menu-btn.btn-float {
    padding: 24px
}

.fab-menu-btn.btn-float>i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -12px;
    font-size: 22px
}

.fab-menu-btn:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu-btn:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu-inner {
    padding: 0;
    margin: 0;
    list-style: none
}

.fab-menu-inner>li {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    padding-top: 20px;
    margin-top: -20px;
    display: block;
    text-align: center
}

.fab-menu-inner>li .btn {
    border-width: 0
}

.fab-menu-inner>li .btn-float {
    width: 44px;
    height: 44px;
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.fab-menu-inner>li .btn-float:focus {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu-inner>li .btn-float:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu-inner>li .btn-float>i {
    margin: 14px;
    font-size: 16px;
    color: #1C2B36
}

.fab-menu-inner>li .btn-float.btn-flat>i {
    margin: 12px
}

.fab-menu-inner>li .badge,
.fab-menu-inner>li .label {
    position: absolute;
    top: 16px;
    right: -4px
}

.fab-menu-inner>li .status-mark {
    position: absolute;
    top: 22px;
    right: 2px
}

.fab-menu-inner .dropdown-menu {
    margin-top: 0px;
    margin-right: 10px;
    top: 19px;
    left: auto;
    right: 100%
}

.fab-menu-inner .dropdown-menu-right {
    margin-left: 10px;
    margin-right: 0px;
    right: auto;
    left: 100%
}

.fab-menu-inner div[data-fab-label]:after {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: 0px;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 1px;
    padding-left: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: attr(data-fab-label);
    font-size: 11px;
    color: #fff;
    background-color: #23B7E5;
    visibility: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

.fab-menu-inner div[data-fab-label].fab-label-visible:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.fab-menu-inner div[data-fab-label].fab-label-right:after {
    right: auto;
    left: 66px
}

.fab-menu-inner div[data-fab-label].fab-label-light:after {
    background-color: #fff;
    color: #1C2B36
}

.fab-icon-close {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

.fab-menu[data-fab-state=open] .fab-icon-open {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.fab-menu[data-fab-state=open] .fab-menu-btn {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu[data-fab-state=open] .fab-icon-close {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
    filter: alpha(opacity=100)
}

.fab-menu[data-fab-state=open] .fab-menu-inner>li,
.fab-menu[data-fab-state=open] .fab-menu-inner div[data-fab-label]:hover:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.fab-menu[data-fab-toggle=hover]:hover .fab-icon-open {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0)
}

.fab-menu[data-fab-toggle=hover]:hover .fab-menu-btn {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.fab-menu[data-fab-toggle=hover]:hover .fab-icon-close {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
    filter: alpha(opacity=100)
}

.fab-menu[data-fab-toggle=hover]:hover .fab-menu-inner>li {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.fab-menu[data-fab-toggle=hover] .fab-menu-inner div[data-fab-label]:hover:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ui-helper-zfix {
    opacity: 0;
    filter: alpha(opacity=0)
}

.fab-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    z-index: 999
}

.fab-menu .fab-menu-inner>li {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

.fab-menu .fab-menu-inner>li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

.fab-menu .fab-menu-inner>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.fab-menu .fab-menu-inner>li:nth-child(3) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.fab-menu .fab-menu-inner>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.fab-menu .fab-menu-inner>li:nth-child(5) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.ui-helper-reset {
    padding: 0;
    margin: 0;
    list-style: none
}

.fab-menu-absolute {
    position: absolute
}

.fab-menu-absolute.affix {
    position: fixed
}

.fab-menu-fixed {
    position: fixed;
    z-index: 1000
}

.fab-menu-top-left {
    margin-top: -24px;
    left: 20px;
    top: 20px
}

.fab-menu-top-left.affix {
    margin-top: 0px;
    top: 20px
}

.fab-menu-top-left .fab-menu-inner div[data-fab-label]:after {
    right: auto;
    left: 66px
}

.fab-menu-top-right {
    margin-top: -24px;
    right: 20px;
    top: 20px
}

.fab-menu-top-right.affix {
    margin-top: 0px;
    top: 20px
}

.navbar-affixed-top .fab-menu-top-left.affix,
.navbar-affixed-top .fab-menu-top-right.affix,
.navbar-top .fab-menu-top-left.affix,
.navbar-top .fab-menu-top-right.affix {
    top: 66px
}

.navbar-affixed-top-lg .fab-menu-top-left.affix,
.navbar-affixed-top-lg .fab-menu-top-right.affix,
.navbar-top-lg .fab-menu-top-left.affix,
.navbar-top-lg .fab-menu-top-right.affix {
    top: 70px
}

.navbar-affixed-top-sm .fab-menu-top-left.affix,
.navbar-affixed-top-sm .fab-menu-top-right.affix,
.navbar-top-sm .fab-menu-top-left.affix,
.navbar-top-sm .fab-menu-top-right.affix {
    top: 64px
}

.navbar-affixed-top-xs .fab-menu-top-left.affix,
.navbar-affixed-top-xs .fab-menu-top-right.affix,
.navbar-top-xs .fab-menu-top-left.affix,
.navbar-top-xs .fab-menu-top-right.affix {
    top: 62px
}

.fab-menu-bottom-left {
    bottom: 20px;
    -webkit-transition: bottom ease-in-out 0.15s;
    -moz-transition: bottom ease-in-out 0.15s;
    transition: bottom ease-in-out 0.15s;
    left: 20px;
    bottom: 20px
}

.fab-menu-bottom-left.reached-bottom {
    bottom: 80px
}

.fab-menu-bottom-left .fab-menu-inner>li {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.fab-menu-bottom-left .fab-menu-inner>li .badge,
.fab-menu-bottom-left .fab-menu-inner>li .label {
    top: -4px
}

.fab-menu-bottom-left .fab-menu-inner>li .status-mark {
    top: 2px
}

.fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after {
    margin-top: -20px;
    right: auto;
    left: 66px
}

.fab-menu-bottom-right {
    bottom: 20px;
    -webkit-transition: bottom ease-in-out 0.15s;
    -moz-transition: bottom ease-in-out 0.15s;
    transition: bottom ease-in-out 0.15s;
    right: 20px;
    bottom: 20px
}

.fab-menu-bottom-right.reached-bottom {
    bottom: 80px
}

.fab-menu-bottom-right .fab-menu-inner>li {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.fab-menu-bottom-right .fab-menu-inner>li .badge,
.fab-menu-bottom-right .fab-menu-inner>li .label {
    top: -4px
}

.fab-menu-bottom-right .fab-menu-inner>li .status-mark {
    top: 2px
}

.fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after {
    margin-top: -20px
}

.fab-icon-open {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

@media (min-width: 769px) {
    .ui-tabs .ui-tabs-nav li {
        float: left
    }
    .fab-menu-inner>li .badge,
    .fab-menu-inner>li .label,
    .fab-menu-inner>li .status-mark {
        box-shadow: 0 0 0 2px #e6e6e6;
        -moz-box-shadow: 0 0 0 2px #e6e6e6;
        -webkit-box-shadow: 0 0 0 2px #e6e6e6
    }
}

.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
.fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
.fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
    top: 55px;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
.fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
.fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
    top: 105px;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
.fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
.fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
    top: 155px;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
.fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
.fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
    top: 205px;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
    transition-delay: .2s
}

.fab-menu-top-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-top-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
.fab-menu-top-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-top-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
.fab-menu-top[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-top[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
    top: 255px;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
.fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1),
.fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(1),
.fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(1) {
    top: -55px;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
.fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2),
.fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(2),
.fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(2) {
    top: -105px;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
.fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3),
.fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(3),
.fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(3) {
    top: -155px;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
.fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4),
.fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(4),
.fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(4) {
    top: -205px;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.fab-menu-bottom-left[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-bottom-left[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
.fab-menu-bottom-right[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-bottom-right[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5),
.fab-menu-bottom[data-fab-state=open] .fab-menu-inner>li:nth-child(5),
.fab-menu-bottom[data-fab-toggle=hover]:hover .fab-menu-inner>li:nth-child(5) {
    top: -255px;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.loader01 {
    width: 56px;
    height: 56px;
    border: 8px solid #23B7E5;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_rotate 1s linear infinite;
    -moz-animation: loader_rotate 1s linear infinite;
    animation: loader_rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0
}

.loader01::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #23B7E5;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 33px
}

@-webkit-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader02 {
    width: 56px;
    height: 56px;
    border: 8px solid rgba(35, 183, 229, 0.25);
    border-top-color: #23B7E5;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_rotate 1s linear infinite;
    -moz-animation: loader_rotate 1s linear infinite;
    animation: loader_rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0
}

@-webkit-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader03 {
    width: 56px;
    height: 56px;
    border: 8px solid transparent;
    border-top-color: #23B7E5;
    border-bottom-color: #23B7E5;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_rotate 1s linear infinite;
    -moz-animation: loader_rotate 1s linear infinite;
    animation: loader_rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0
}

@-webkit-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader04 {
    width: 56px;
    height: 56px;
    border: 2px solid rgba(35, 183, 229, 0.5);
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_rotate 1s ease-in-out infinite;
    -moz-animation: loader_rotate 1s ease-in-out infinite;
    animation: loader_rotate 1s ease-in-out infinite;
    top: 50%;
    margin: -28px auto 0
}

.loader04::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #23B7E5;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -5px
}

@-webkit-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader_rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader05 {
    width: 56px;
    height: 56px;
    border: 4px solid #23B7E5;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_scale 1s ease-out infinite;
    -moz-animation: loader_scale 1s ease-out infinite;
    animation: loader_scale 1s ease-out infinite;
    top: 50%;
    margin: -28px auto 0
}

@-webkit-keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.loader06 {
    width: 56px;
    height: 56px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    margin: -28px auto 0
}

.loader06::before {
    content: '';
    border: 4px solid rgba(35, 183, 229, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 67.2px;
    height: 67.2px;
    position: absolute;
    top: -9.6px;
    left: -9.6px;
    -webkit-animation: loader_scale 1s ease-out infinite;
    -moz-animation: loader_scale 1s ease-out infinite;
    animation: loader_scale 1s ease-out infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    opacity: 0
}

.loader06::after {
    content: '';
    border: 4px solid #23B7E5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    top: -4px;
    left: -4px;
    -webkit-animation: loader_scale 1s ease-out infinite;
    -moz-animation: loader_scale 1s ease-out infinite;
    animation: loader_scale 1s ease-out infinite;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes loader_scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.loader07 {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader_circles 1s linear infinite;
    -moz-animation: loader_circles 1s linear infinite;
    animation: loader_circles 1s linear infinite;
    top: 50%;
    margin: -8px auto 0
}

@-webkit-keyframes loader_circles {
    0% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
    12.5% {
        box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -moz-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -webkit-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8)
    }
    25% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6)
    }
    37.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4)
    }
    50% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3)
    }
    62.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1)
    }
    87.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05)
    }
    100% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
}

@-moz-keyframes loader_circles {
    0% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
    12.5% {
        box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -moz-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -webkit-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8)
    }
    25% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6)
    }
    37.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4)
    }
    50% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3)
    }
    62.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1)
    }
    87.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05)
    }
    100% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
}

@keyframes loader_circles {
    0% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
    12.5% {
        box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -moz-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8);
        -webkit-box-shadow: 0 -27px 0 0 #23b7e5, 19px -19px 0 0 rgba(35, 183, 229, 0.05), 27px 0 0 0 rgba(35, 183, 229, 0.1), 19px 19px 0 0 rgba(35, 183, 229, 0.2), 0 27px 0 0 rgba(35, 183, 229, 0.3), -19px 19px 0 0 rgba(35, 183, 229, 0.4), -27px 0 0 0 rgba(35, 183, 229, 0.6), -19px -19px 0 0 rgba(35, 183, 229, 0.8)
    }
    25% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.8), 19px -19px 0 0 #23b7e5, 27px 0 0 0 rgba(35, 183, 229, 0.05), 19px 19px 0 0 rgba(35, 183, 229, 0.1), 0 27px 0 0 rgba(35, 183, 229, 0.2), -19px 19px 0 0 rgba(35, 183, 229, 0.3), -27px 0 0 0 rgba(35, 183, 229, 0.4), -19px -19px 0 0 rgba(35, 183, 229, 0.6)
    }
    37.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.6), 19px -19px 0 0 rgba(35, 183, 229, 0.8), 27px 0 0 0 #23b7e5, 19px 19px 0 0 rgba(35, 183, 229, 0.05), 0 27px 0 0 rgba(35, 183, 229, 0.1), -19px 19px 0 0 rgba(35, 183, 229, 0.2), -27px 0 0 0 rgba(35, 183, 229, 0.3), -19px -19px 0 0 rgba(35, 183, 229, 0.4)
    }
    50% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.4), 19px -19px 0 0 rgba(35, 183, 229, 0.6), 27px 0 0 0 rgba(35, 183, 229, 0.8), 19px 19px 0 0 #23b7e5, 0 27px 0 0 rgba(35, 183, 229, 0.05), -19px 19px 0 0 rgba(35, 183, 229, 0.1), -27px 0 0 0 rgba(35, 183, 229, 0.2), -19px -19px 0 0 rgba(35, 183, 229, 0.3)
    }
    62.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.3), 19px -19px 0 0 rgba(35, 183, 229, 0.4), 27px 0 0 0 rgba(35, 183, 229, 0.6), 19px 19px 0 0 rgba(35, 183, 229, 0.8), 0 27px 0 0 #23b7e5, -19px 19px 0 0 rgba(35, 183, 229, 0.05), -27px 0 0 0 rgba(35, 183, 229, 0.1), -19px -19px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.2), 19px -19px 0 0 rgba(35, 183, 229, 0.3), 27px 0 0 0 rgba(35, 183, 229, 0.4), 19px 19px 0 0 rgba(35, 183, 229, 0.6), 0 27px 0 0 rgba(35, 183, 229, 0.8), -19px 19px 0 0 #23b7e5, -27px 0 0 0 rgba(35, 183, 229, 0.05), -19px -19px 0 0 rgba(35, 183, 229, 0.1)
    }
    87.5% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05);
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.1), 19px -19px 0 0 rgba(35, 183, 229, 0.2), 27px 0 0 0 rgba(35, 183, 229, 0.3), 19px 19px 0 0 rgba(35, 183, 229, 0.4), 0 27px 0 0 rgba(35, 183, 229, 0.6), -19px 19px 0 0 rgba(35, 183, 229, 0.8), -27px 0 0 0 #23b7e5, -19px -19px 0 0 rgba(35, 183, 229, 0.05)
    }
    100% {
        box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -moz-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5;
        -webkit-box-shadow: 0 -27px 0 0 rgba(35, 183, 229, 0.05), 19px -19px 0 0 rgba(35, 183, 229, 0.1), 27px 0 0 0 rgba(35, 183, 229, 0.2), 19px 19px 0 0 rgba(35, 183, 229, 0.3), 0 27px 0 0 rgba(35, 183, 229, 0.4), -19px 19px 0 0 rgba(35, 183, 229, 0.6), -27px 0 0 0 rgba(35, 183, 229, 0.8), -19px -19px 0 0 #23b7e5
    }
}

.loader08 {
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-animation: loader08 1s ease infinite;
    -moz-animation: loader08 1s ease infinite;
    animation: loader08 1s ease infinite;
    top: 50%;
    margin: -46px auto 0
}

@-webkit-keyframes loader08 {
    0%,
    100% {
        box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5
    }
}

@-moz-keyframes loader08 {
    0%,
    100% {
        box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5
    }
}

@keyframes loader08 {
    0%,
    100% {
        box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 #23B7E5, 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 #23B7E5, 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 #23B7E5, -13px 46px 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -moz-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5;
        -webkit-box-shadow: -13px 20px 0 rgba(35, 183, 229, 0.2), 13px 20px 0 rgba(35, 183, 229, 0.2), 13px 46px 0 rgba(35, 183, 229, 0.2), -13px 46px 0 #23B7E5
    }
}

.loader09 {
    width: 10px;
    height: 48px;
    background: #23B7E5;
    position: relative;
    -webkit-animation: loader09 1s ease-in-out infinite;
    -moz-animation: loader09 1s ease-in-out infinite;
    animation: loader09 1s ease-in-out infinite;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    top: 50%;
    margin: -28px auto 0
}

.loader09::after,
.loader09::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 48px;
    background: #23B7E5;
    -webkit-animation: loader09 1s ease-in-out infinite;
    -moz-animation: loader09 1s ease-in-out infinite;
    animation: loader09 1s ease-in-out infinite
}

.loader09::before {
    right: 18px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.loader09::after {
    left: 18px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes loader09 {
    0%,
    100% {
        box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -moz-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -webkit-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5
    }
    50% {
        box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -moz-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -webkit-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5
    }
}

@-moz-keyframes loader09 {
    0%,
    100% {
        box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -moz-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -webkit-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5
    }
    50% {
        box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -moz-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -webkit-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5
    }
}

@keyframes loader09 {
    0%,
    100% {
        box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -moz-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5;
        -webkit-box-shadow: 0 0 0 #23B7E5, 0 0 0 #23B7E5
    }
    50% {
        box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -moz-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5;
        -webkit-box-shadow: 0 -8px 0 #23B7E5, 0 8px 0 #23B7E5
    }
}

.loader10 {
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader10 .9s ease alternate infinite;
    -moz-animation: loader10 .9s ease alternate infinite;
    animation: loader10 .9s ease alternate infinite;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    top: 50%;
    margin: -42px auto 0
}

.loader10::after,
.loader10::before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: loader10 .9s ease alternate infinite;
    -moz-animation: loader10 .9s ease alternate infinite;
    animation: loader10 .9s ease alternate infinite
}

.loader10::before {
    left: -40px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.loader10::after {
    right: -40px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes loader10 {
    0% {
        box-shadow: 0 28px 0 -28px #23B7E5;
        -moz-box-shadow: 0 28px 0 -28px #23B7E5;
        -webkit-box-shadow: 0 28px 0 -28px #23B7E5
    }
    100% {
        box-shadow: 0 28px 0 #23B7E5;
        -moz-box-shadow: 0 28px 0 #23B7E5;
        -webkit-box-shadow: 0 28px 0 #23B7E5
    }
}

@-moz-keyframes loader10 {
    0% {
        box-shadow: 0 28px 0 -28px #23B7E5;
        -moz-box-shadow: 0 28px 0 -28px #23B7E5;
        -webkit-box-shadow: 0 28px 0 -28px #23B7E5
    }
    100% {
        box-shadow: 0 28px 0 #23B7E5;
        -moz-box-shadow: 0 28px 0 #23B7E5;
        -webkit-box-shadow: 0 28px 0 #23B7E5
    }
}

@keyframes loader10 {
    0% {
        box-shadow: 0 28px 0 -28px #23B7E5;
        -moz-box-shadow: 0 28px 0 -28px #23B7E5;
        -webkit-box-shadow: 0 28px 0 -28px #23B7E5
    }
    100% {
        box-shadow: 0 28px 0 #23B7E5;
        -moz-box-shadow: 0 28px 0 #23B7E5;
        -webkit-box-shadow: 0 28px 0 #23B7E5
    }
}

.loader11 {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 40px 0 #23B7E5;
    -moz-box-shadow: 0 40px 0 #23B7E5;
    -webkit-box-shadow: 0 40px 0 #23B7E5;
    position: relative;
    -webkit-animation: loader11 .8s ease-in-out alternate infinite;
    -moz-animation: loader11 .8s ease-in-out alternate infinite;
    animation: loader11 .8s ease-in-out alternate infinite;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    top: 50%;
    margin: -50px auto 0
}

.loader11::after,
.loader11::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 40px 0 #23B7E5;
    -moz-box-shadow: 0 40px 0 #23B7E5;
    -webkit-box-shadow: 0 40px 0 #23B7E5;
    -webkit-animation: loader11 .8s ease-in-out alternate infinite;
    -moz-animation: loader11 .8s ease-in-out alternate infinite;
    animation: loader11 .8s ease-in-out alternate infinite
}

.loader11::before {
    left: -30px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.loader11::after {
    right: -30px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes loader11 {
    0% {
        box-shadow: 0 40px 0 #23B7E5;
        -moz-box-shadow: 0 40px 0 #23B7E5;
        -webkit-box-shadow: 0 40px 0 #23B7E5
    }
    100% {
        box-shadow: 0 20px 0 #23B7E5;
        -moz-box-shadow: 0 20px 0 #23B7E5;
        -webkit-box-shadow: 0 20px 0 #23B7E5
    }
}

@-moz-keyframes loader11 {
    0% {
        box-shadow: 0 40px 0 #23B7E5;
        -moz-box-shadow: 0 40px 0 #23B7E5;
        -webkit-box-shadow: 0 40px 0 #23B7E5
    }
    100% {
        box-shadow: 0 20px 0 #23B7E5;
        -moz-box-shadow: 0 20px 0 #23B7E5;
        -webkit-box-shadow: 0 20px 0 #23B7E5
    }
}

@keyframes loader11 {
    0% {
        box-shadow: 0 40px 0 #23B7E5;
        -moz-box-shadow: 0 40px 0 #23B7E5;
        -webkit-box-shadow: 0 40px 0 #23B7E5
    }
    100% {
        box-shadow: 0 20px 0 #23B7E5;
        -moz-box-shadow: 0 20px 0 #23B7E5;
        -webkit-box-shadow: 0 20px 0 #23B7E5
    }
}

.loader12 {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader12 1s linear alternate infinite;
    -moz-animation: loader12 1s linear alternate infinite;
    animation: loader12 1s linear alternate infinite;
    top: 50%;
    margin: -50px auto 0
}

@-webkit-keyframes loader12 {
    0% {
        box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    100% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5;
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5
    }
}

@-moz-keyframes loader12 {
    0% {
        box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    100% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5;
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5
    }
}

@keyframes loader12 {
    0% {
        box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 2px #23B7E5, -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    25% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 2px #23B7E5, 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    50% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 2px #23B7E5, 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    75% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2);
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 2px #23B7E5, 60px 40px 0 0 rgba(35, 183, 229, 0.2)
    }
    100% {
        box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5;
        -webkit-box-shadow: -60px 40px 0 0 rgba(35, 183, 229, 0.2), -30px 40px 0 0 rgba(35, 183, 229, 0.2), 0 40px 0 0 rgba(35, 183, 229, 0.2), 30px 40px 0 0 rgba(35, 183, 229, 0.2), 60px 40px 0 2px #23B7E5
    }
}

.sl-item {
    border-left: 1px solid #23B7E5;
    padding-bottom: 1px;
    padding-left: 15px;
    position: relative
}

.sl-item:before {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: -6.5px;
    content: '';
    background-color: #23B7E5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.sl-item:last-child:after {
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: -3px;
    content: '';
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.sl-item .sl-content i {
    font-size: 12px
}

.sl-item .sl-content small {
    position: relative;
    top: -4px
}

.sl-item .sl-content p {
    position: relative;
    top: -4px;
    padding-bottom: 8px;
    line-height: 1.6;
    font-size: 11px
}

.sl-primary {
    border-left-color: #2196F3
}

.sl-primary:before,
.sl-primary:last-child:after {
    background-color: #2196F3
}

.sl-danger {
    border-left-color: #F44336
}

.sl-danger:before,
.sl-danger:last-child:after {
    background-color: #F44336
}

.sl-success {
    border-left-color: #4CAF50
}

.sl-success:before,
.sl-success:last-child:after {
    background-color: #4CAF50
}

.sl-warning {
    border-left-color: #FF5722
}

.sl-warning:before,
.sl-warning:last-child:after {
    background-color: #FF5722
}

.contentBox {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: #f2f2f2;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: pointer
}

.contentBox:hover {
    background: #5ac9eb
}

.contentBox:hover .title {
    color: #fff
}

.contentBox:hover .service-icon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    background: #fff
}

.contentBox:hover .description {
    color: #fff
}

.contentBox:hover .read {
    color: #fff;
    border-top-color: #fff
}

.contentBox .title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    font-size: 18px;
    color: #595959
}

.contentBox .service-icon {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #5ac9eb;
    margin: 0 auto 20px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.contentBox .service-icon i {
    font-size: 40px;
    line-height: 80px;
    color: #5ac9eb
}

.contentBox .description {
    margin-bottom: 15px;
    color: #595959;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.contentBox .read {
    padding: 5px 10px;
    display: inline-block;
    color: #595959;
    text-transform: capitalize;
    border-top: 1px solid #ebebeb;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box1 {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box1 img {
    width: 100%;
    height: auto
}

.box1 .box-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: rgba(126, 213, 240, 0.6);
    opacity: 0
}

.box1 .title {
    margin-top: 0px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    text-align: left;
    text-transform: uppercase
}

.box1 .post {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    display: block
}

.box1 .icon {
    padding: 0;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style: none
}

.box1 .icon li {
    margin-right: 8px;
    display: inline-block
}

.box1 .icon li:last-child {
    margin-right: 0px
}

.box1 .icon li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 14px;
    display: block;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.box1 .icon li a:hover {
    background: #fff;
    color: #23B7E5
}

.box1:hover .box-content {
    -webkit-animation: animate 800ms linear 1;
    -moz-animation: animate 800ms linear 1;
    animation: animate 800ms linear 1;
    opacity: 1
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes animate {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes animate {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.box2 {
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box2:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box2:hover:after {
    opacity: 1
}

.box2:hover .icon1 {
    left: 30%;
    opacity: 1
}

.box2:hover .icon2 {
    right: 20%;
    opacity: 1
}

.box2:hover .box-content {
    bottom: 0
}

.box2 img {
    width: 100%;
    height: auto
}

.box2 .icon1 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    position: absolute;
    top: 35%;
    left: 10%;
    color: #23B7E5;
    display: inline-block;
    background: #c7edf8;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box2 .icon2 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 35%;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    display: inline-block;
    background: #c7edf8;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box2 .box-content {
    width: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 15px 0px;
    background: #f55549;
    color: #fff;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box2 .title {
    margin: 0;
    font-family: "OpenSans_Light", sans-serif;
    font-size: 22px
}

.box2 .post {
    margin-top: 0px;
    font-size: 13px;
    display: block
}

.box2 .icon a {
    font-size: 22px;
    color: #23B7E5;
    display: block
}

@media only screen and (max-width: 479px) {
    .box2:hover .icon1 {
        left: 33%
    }
    .box2:hover .icon2 {
        right: 25%
    }
}

.box3 {
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box3:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(35, 183, 229, 0.5);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box3:hover:after {
    opacity: 1
}

.box3:hover .icon {
    top: 30%
}

.box3:hover .box-content {
    bottom: 0
}

.box3 img {
    width: 100%;
    height: auto
}

.box3 .icon {
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -100%;
    left: 0;
    list-style: none;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box3 .icon li {
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 20px;
    display: inline-block;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.box3 .icon li:last-child {
    margin-right: 0px
}

.box3 .icon li a {
    font-size: 22px;
    display: block;
    color: #23B7E5;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.box3 .box-content {
    width: 100%;
    padding: 15px 0px;
    position: absolute;
    bottom: -100%;
    left: 0;
    background: #35bde7;
    z-index: 2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box3 .title {
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize
}

.box3 .post {
    font-size: 13px;
    color: #fff;
    text-transform: capitalize
}

.box4 {
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box4 img {
    width: 100%;
    height: auto
}

.box4 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 130px 20px;
    background: rgba(26, 26, 26, 0.7);
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box4:hover .box-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.box4:hover .heading {
    bottom: -30%
}

.box4 .title {
    margin-bottom: 15px;
    font-family: "OpenSans_Light", sans-serif;
    font-size: 24px
}

.box4 .description {
    margin-bottom: 15px;
    font-size: 14px
}

.box4 .social-links {
    padding: 0;
    margin: 0;
    list-style: none
}

.box4 .social-links li {
    margin-right: 10px;
    display: inline-block
}

.box4 .social-links li a {
    width: 44px;
    height: 44px;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 16px;
    display: block;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box4 .social-links li a:hover {
    background: #1a1a1a;
    border: 1px solid #1a1a1a
}

.box4 .heading {
    width: 100%;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 0px;
    font-size: 14px;
    background: rgba(26, 26, 26, 0.8);
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

@media only screen and (max-width: 359px) {
    .box4 .box-content {
        padding: 10px
    }
    .box4:hover .heading {
        bottom: -40%
    }
}

.box5 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    overflow: hidden
}

.box5 img {
    width: 100%;
    height: auto
}

.box5 .icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    padding: 11px 17px;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box5 .icon:hover {
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-left: 88%
}

.box5 .icon:hover .box-content {
    width: 100%;
    height: 100%;
    left: 0;
    padding: 25% 10%;
    opacity: 1
}

.box5 .box-content {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: -100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s
}

.box5 .box-content i {
    font-size: 32px
}

.box5 .title {
    font-size: 24px;
    font-family: "OpenSans_Light", sans-serif
}

.box5 .description {
    font-size: 13px;
    color: #fff
}

.box6 {
    position: relative;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box6 img {
    width: 100%;
    height: auto
}

.box6 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.box6:hover .box-content {
    background-color: rgba(0, 0, 0, 0.4)
}

.box6:hover .box-icon {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.box6:hover .links {
    left: 0
}

.box6:hover .box-inner h3 {
    right: 0;
    opacity: 1
}

.box6 .box-icon {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000;
    opacity: 0;
    text-align: center;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 1
}

.box6 .box-icon i {
    font-size: 24px;
    line-height: 54px;
    color: #fff;
    opacity: 0.5
}

.box6 .box-inner {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative
}

.box6 .box-inner h3 {
    font-size: 15px;
    position: absolute;
    right: -100%;
    bottom: 47%;
    background: #23B7E5;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-top: 2px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 10px;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.box6 .links {
    background: #fff;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 30px;
    position: absolute;
    top: 50%;
    left: -100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.box6 .links a {
    font-size: 15px;
    color: #333;
    padding: 0px 4px;
    opacity: 0.7
}

.box6 .links a:hover {
    opacity: 1
}

.box7 {
    position: relative;
    perspective: 1000px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box7 img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0);
    -moz-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s
}

.box7:hover img {
    -webkit-transform: translateY(-100%) rotateX(90deg);
    -moz-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
    -webkit-transform-origin: center bottom 0;
    -moz-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    opacity: 0
}

.box7:hover .over-layer {
    opacity: 1
}

.box7 .over-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    opacity: 0;
    background: #158fb5;
    text-align: center;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s
}

.box7 .title {
    position: relative;
    top: 11%;
    color: #fff;
    text-transform: capitalize
}

.box7 .title:after {
    width: 50%;
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    margin: 10px auto 0
}

.box7 .description {
    position: relative;
    top: 11%;
    color: #fff
}

.box7 .description:after {
    width: 50%;
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    margin: 10px auto 0
}

.box7 .social-links {
    position: relative;
    top: 11%;
    padding: 0;
    margin: 0;
    color: #fff;
    list-style: none
}

.box7 .social-links li {
    margin: 10px;
    display: inline-block
}

.box7 .social-links li a {
    color: #fff;
    font-size: 20px
}

.box7 .social-links li a:hover {
    color: #a3e1f4;
    text-decoration: none
}

.box8 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box8:hover .box-content {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.box8:hover .box-img img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5)
}

.box8 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 40px;
    text-align: center;
    z-index: -1;
    opacity: 0;
    background: #1aacda;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.box8 .title {
    position: relative;
    top: 58%;
    font-size: 20px;
    font-family: "OpenSans_Light", sans-serif;
    color: #fff;
    letter-spacing: 1px
}

.box8 .title:after {
    content: "";
    border: 1px solid #fff;
    margin-top: 5px;
    display: block
}

.box8 .tag-line {
    position: relative;
    top: 135px;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize
}

.box8 .box-img img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1, 1) translateY(0px);
    -moz-transform: scale(1, 1) translateY(0px);
    transform: scale(1, 1) translateY(0px);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

@media only screen and (max-width: 479px) {
    .box8 .title {
        font-size: 16px;
        letter-spacing: 0;
        top: 60%
    }
    .box8 .tag-line {
        font-size: 12px;
        top: 60%
    }
}

.box9 {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box9 .content {
    width: 93%;
    height: 93%;
    background: #23B7E5;
    margin-top: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 9px;
    padding: 60px 30px;
    position: absolute;
    top: -100%;
    left: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.box9 .title {
    font-size: 22px;
    font-family: "OpenSans_Light", sans-serif;
    color: #fff;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-transform: capitalize
}

.box9 .description {
    font-size: 13px;
    color: #fff;
    margin-bottom: 35px
}

.box9 .box-img img {
    width: 100%;
    height: auto
}

.box9:hover .content {
    top: 0
}

.box10 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box10 .box-img {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: transform 0.4s linear;
    -moz-transition: transform 0.4s linear;
    transition: transform 0.4s linear
}

.box10 .box-img img {
    width: 100%;
    height: auto
}

.box10:hover .box-img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

.box10:hover .content {
    right: 0
}

.box10 .content {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
    background: #0098ab;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    transition: right 0.3s linear
}

.box10 .title {
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 20px;
    font-family: "OpenSans_Light", sans-serif;
    text-transform: capitalize;
    color: #fff
}

.box10 .description {
    color: #fff
}

.box10 .description:after {
    width: 100%;
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    margin: 8px auto
}

.box10 .social-links {
    padding: 0;
    margin: 0
}

.box10 .social-links li {
    margin-right: 15px;
    list-style: none;
    display: inline-block
}

.box10 .social-links li a {
    color: #fff;
    font-size: 16px
}

.box11 {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.box11 .content {
    width: 100%;
    height: 100%;
    padding: 120px 30px;
    position: absolute;
    top: 0;
    left: -100%;
    background: rgba(35, 183, 229, 0.7);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.box11 .title {
    font-size: 20px;
    font-family: "OpenSans_Light", sans-serif;
    color: #fff;
    text-transform: capitalize;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px
}

.box11 .description {
    font-size: 13px;
    margin-bottom: 35px;
    color: #fff
}

.box11 .box-img img {
    width: 100%;
    height: auto
}

.box11:hover .content {
    left: 0
}

@media only screen and (max-width: 479px) {
    .box11 .content {
        padding: 20px 30px
    }
}

.box12 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #000;
    position: relative;
    overflow: hidden
}

.box12 img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s
}

.box12 .box-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 50px;
    color: #fff
}

.box12 .box-content:before {
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 100%;
    content: "";
    border-left: 2px solid rgba(255, 255, 255, 0.8);
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.5s ease 0.6s;
    -moz-transition: all 0.5s ease 0.6s;
    transition: all 0.5s ease 0.6s
}

.box12 .box-content .title {
    font-size: 22px;
    font-family: "OpenSans_Light", sans-serif;
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.box12 .box-content .description {
    font-size: 13px;
    color: #fff;
    -webkit-transform: translate3d(0%, 30%, 0);
    -moz-transform: translate3d(0%, 30%, 0);
    transform: translate3d(0%, 30%, 0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.box12 .title,
.box12 .description {
    opacity: 0
}

.box12:hover img {
    opacity: 0.3
}

.box12:hover .title {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.box12:hover .description {
    opacity: 0.9;
    -webkit-transform: translate3d(0%, 30%, 0);
    -moz-transform: translate3d(0%, 30%, 0);
    transform: translate3d(0%, 30%, 0);
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.box12:hover .box-content:before {
    left: 30px;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

#news-slider1 .post-slide {
    margin: 0px 15px
}

#news-slider1 .post-slide .post-header {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px
}

#news-slider1 .post-slide .title {
    margin-bottom: 2px
}

#news-slider1 .post-slide .title a {
    font-size: 18px;
    color: #3f6079;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

#news-slider1 .post-slide .title a:hover {
    color: #00BCD4;
    text-decoration: none
}

#news-slider1 .post-slide .post-bar {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    list-style: none
}

#news-slider1 .post-slide .post-bar li {
    margin-right: 20px;
    display: inline-block;
    color: #666
}

#news-slider1 .post-slide .post-bar li a {
    color: #666;
    text-transform: capitalize
}

#news-slider1 .post-slide .post-bar li a:hover {
    text-decoration: none;
    color: #666
}

#news-slider1 .post-slide .post-bar li img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#news-slider1 .post-slide .post-bar li i {
    margin-right: 8px
}

#news-slider1 .post-slide .pic {
    overflow: hidden;
    position: relative
}

#news-slider1 .post-slide .pic:after {
    position: absollute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s
}

#news-slider1 .post-slide .pic img {
    width: 100%;
    height: auto;
    -webkit-transform: rotate(0deg) scale(1, 1);
    -moz-transform: rotate(0deg) scale(1, 1);
    transform: rotate(0deg) scale(1, 1);
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s
}

#news-slider1 .post-slide .post-category {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    background: #f96;
    z-index: 1
}

#news-slider1 .post-slide .post-category li {
    display: inline-block;
    text-transform: uppercase
}

#news-slider1 .post-slide .post-category li:after {
    content: " ,";
    color: #fff
}

#news-slider1 .post-slide .post-category li a {
    color: #fff
}

#news-slider1 .post-slide .post-category li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8)
}

#news-slider1 .post-slide .post-category li:last-child:after {
    content: ""
}

#news-slider1 .post-slide .post-description {
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #1C2B36
}

#news-slider1 .post-slide:hover .pic:after {
    background: rgba(255, 255, 255, 0.2)
}

#news-slider1 .post-slide:hover .pic img {
    -webkit-transform: rotate(10deg) scale(1.5, 1.5);
    -moz-transform: rotate(10deg) scale(1.5, 1.5);
    transform: rotate(10deg) scale(1.5, 1.5)
}

@media only screen and (max-width: 599px) {
    #news-slider1 .post-header .post-bar li {
        margin-right: 5px
    }
}

#news-slider2 .post-slide {
    margin: 0px 10px
}

#news-slider2 .post-slide .post-info {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0;
    list-style: none
}

#news-slider2 .post-slide .post-info li {
    margin: 0px 5px;
    display: inline-block
}

#news-slider2 .post-slide .post-info li i {
    margin-right: 8px
}

#news-slider2 .post-slide .post-info li a {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    color: #666;
    text-transform: uppercase
}

#news-slider2 .post-slide .post-info li a:hover {
    color: #00BCD4;
    text-decoration: none
}

#news-slider2 .post-slide .post-img {
    position: relative
}

#news-slider2 .post-slide .post-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.4s linear 0s;
    -moz-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s
}

#news-slider2 .post-slide .post-img img {
    width: 100%;
    height: auto
}

#news-slider2 .post-slide:hover .read,
#news-slider2 .post-slide:hover .post-img:before {
    opacity: 1
}

#news-slider2 .post-slide .read {
    position: absolute;
    bottom: 30px;
    left: 50px;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    opacity: 0;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s
}

#news-slider2 .post-slide .read:hover {
    text-decoration: none;
    color: #00BCD4
}

#news-slider2 .post-slide .post-content {
    padding: 40px 0px;
    position: relative
}

#news-slider2 .post-slide .post-author {
    position: absolute;
    top: -45px;
    right: 10px;
    width: 75px;
    height: 75px;
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

#news-slider2 .post-slide .post-author img {
    width: 100%;
    height: auto
}

#news-slider2 .post-slide .post-title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 18px;
    color: #3f6079;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s
}

#news-slider2 .post-slide .post-title:after {
    width: 25px;
    margin-top: 10px;
    content: "";
    display: block;
    border-bottom: 2px solid #3f6079
}

#news-slider2 .post-slide .post-description {
    color: #1C2B36
}

#news-slider3 .post-slide {
    padding: 0px 5px
}

#news-slider3 .post-slide .post-img {
    overflow: hidden
}

#news-slider3 .post-slide .post-img img {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.9;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

#news-slider3 .post-slide .post-content {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    position: relative
}

#news-slider3 .post-slide .post-date {
    position: absolute;
    top: -30px;
    left: 30px;
    min-width: 28px;
    min-height: 28px;
    line-height: 28px;
    text-align: center;
    background: #04c
}

#news-slider3 .post-slide .month {
    padding: 1px 10px;
    display: block;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 15px;
    color: #fff;
    background: #39f;
    text-transform: uppercase
}

#news-slider3 .post-slide .date {
    color: #fff;
    font-size: 15px
}

#news-slider3 .post-slide .post-title {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px
}

#news-slider3 .post-slide .post-title a {
    color: #3f6079;
    font-size: 18px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

#news-slider3 .post-slide .post-title a:hover {
    color: #00BCD4;
    text-decoration: none
}

#news-slider3 .post-slide .post-description {
    color: #1C2B36
}

#news-slider3 .post-slide .post-bar {
    padding: 10px 0px;
    list-style: none;
    text-align: center;
    background: #04c
}

#news-slider3 .post-slide .post-bar li {
    margin-right: 5px;
    display: inline-block
}

#news-slider3 .post-slide .post-bar li a {
    text-transform: capitalize;
    color: #fff;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease
}

#news-slider3 .post-slide .post-bar li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8)
}

#news-slider3 .post-slide .post-bar li i {
    margin-right: 5px;
    color: #fff
}

#news-slider3 .post-slide:hover .post-img img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    filter: none;
    opacity: 1
}

.our-team1 {
    text-align: center
}

.our-team1 .team_img {
    position: relative;
    overflow: hidden
}

.our-team1 .team_img:after {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.our-team1:hover .social {
    top: 0
}

.our-team1:hover .social li a:hover {
    color: #fff
}

.our-team1:hover .title:before,
.our-team1:hover .title:after {
    width: 50px
}

.our-team1:hover .team_img:after {
    bottom: 0
}

.our-team1 img {
    width: 100%;
    height: auto
}

.our-team1 .social {
    position: absolute;
    top: -100%;
    right: 10px;
    padding: 15px 0px;
    margin: 0;
    list-style: none;
    background: #00BCD4;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.our-team1 .social li a {
    padding: 8px 15px;
    display: block;
    color: #fff
}

.our-team1 .team-content {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px
}

.our-team1 .title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 18px;
    color: #3f6079;
    text-transform: capitalize;
    position: relative
}

.our-team1 .title:before {
    position: absolute;
    right: 50%;
    bottom: -11px;
    width: 25px;
    height: 1px;
    margin-right: 9px;
    content: "";
    background: #4CAF50;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.our-team1 .title:after {
    position: absolute;
    bottom: -11px;
    left: 52.8%;
    width: 25px;
    height: 1px;
    margin-right: 9px;
    content: "";
    background: #4CAF50;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s
}

.our-team1 .post {
    display: inline-block;
    color: #1C2B36;
    text-transform: capitalize
}

.our-team1 .post:before {
    position: relative;
    top: -13px;
    width: 7px;
    height: 7px;
    content: "";
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4CAF50;
    margin: 0 auto
}

.our-team2 {
    text-align: center
}

.our-team2 .pic {
    position: relative;
    overflow: hidden
}

.our-team2 .pic:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to right, rgba(32, 84, 139, 0.5), rgba(236, 236, 1, 0.4));
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.our-team2 .pic img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.our-team2:hover img {
    -webkit-transform: scale(1.8, 1.8);
    -moz-transform: scale(1.8, 1.8);
    transform: scale(1.8, 1.8)
}

.our-team2:hover .social-link {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.our-team2:hover .pic:after {
    opacity: 1
}

.our-team2 .social-link {
    position: absolute;
    top: 80%;
    left: 10%;
    width: 80%;
    padding: 8px 0px;
    margin: 0;
    border: 2px solid #fff;
    list-style: none;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    z-index: 1
}

.our-team2 .social-link li {
    margin: 0px 5px;
    display: inline-block
}

.our-team2 .social-link li a {
    display: inline-block;
    font-size: 20px;
    color: #fff
}

.our-team2 .social-link li a:hover {
    text-decoration: none
}

.our-team2 .post {
    margin-top: 15px;
    display: block;
    color: #666;
    text-transform: uppercase
}

.our-team2 .team-title {
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 18px;
    color: #3f6079;
    letter-spacing: 1px
}

.our-team2 .team-title:after {
    width: 20%;
    content: "";
    display: block;
    margin: 10px auto;
    border-bottom: 1px solid #3f6079
}

.our-team2 .description {
    color: #1C2B36
}

.our-team3 {
    position: relative;
    overflow: hidden
}

.our-team3 img {
    width: 100%;
    height: auto
}

.our-team3 .team-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px 15px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.our-team3 .team-content .post-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px
}

.our-team3 .team-content .post {
    color: #b3b3b3;
    margin-bottom: 10px;
    display: block
}

.our-team3:hover .team-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.our-team3:hover .team-prof {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

.our-team3 .description {
    color: #fff;
    margin-bottom: 10px
}

.our-team3 .team_social {
    padding: 0;
    margin: 0;
    list-style: none
}

.our-team3 .team_social li {
    margin-right: 5px;
    display: inline-block
}

.our-team3 .team_social li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    display: inline-block;
    -webkit-transition: border 0.3s ease 0s;
    -moz-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s
}

.our-team3 .team_social li a:hover {
    border-color: transparent
}

.our-team3 .team-prof {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    text-align: right;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.our-team3 .team-prof .post-title {
    margin: 0;
    font-size: 18px;
    color: #fff
}

.our-team3 .team-prof .post {
    margin-bottom: 0px;
    color: #666
}

.our-team4 {
    text-align: center
}

.our-team4 .pic {
    position: relative;
    overflow: hidden
}

.our-team4 .pic img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.our-team4:hover .social_media_team {
    bottom: 0
}

.our-team4:hover .pic img {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px)
}

.our-team4 .social_media_team {
    width: 100%;
    position: absolute;
    bottom: -100%;
    padding: 25px;
    background-color: rgba(59, 204, 161, 0.9);
    -webkit-transition: all 0.35s ease 0s;
    -moz-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s
}

.our-team4 .description {
    margin-top: 10px;
    color: #fff
}

.our-team4 .team_social {
    position: relative;
    top: 2%;
    padding: 0;
    margin: 0;
    height: 100%;
    list-style: none
}

.our-team4 .team_social li {
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block
}

.our-team4 .team_social li a {
    width: 25px;
    font-size: 18px;
    line-height: 25px;
    display: block;
    color: #fff;
    -webkit-transition: all 1.3s ease 0s;
    -moz-transition: all 1.3s ease 0s;
    transition: all 1.3s ease 0s
}

.our-team4 .team_social li a:hover {
    background: #fff;
    color: #1C2B36
}

.our-team4 .team-prof {
    margin-top: 10px
}

.our-team4.post {
    color: #666;
    font-size: 18px
}

.our-team4 .post-title a {
    color: #3f6079;
    font-size: 18px;
    text-transform: capitalize;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}

.our-team4 h3.post-title {
    margin-bottom: 0px
}

@media only screen and (max-width: 1023px) {
    .our-team1,
    .our-team4 {
        margin-bottom: 30px
    }
    .our-team2 {
        margin-bottom: 25px
    }
    .our-team3 {
        margin-bottom: 20px
    }
}

.demo1 .testimonial {
    padding: 0px 20px;
    position: relative;
    overflow: hidden;
    background: #00BCD4;
    background: -webkit-radial-gradient(center, ellipse cover, #00BCD4, #00626e);
    background: radial-gradient(ellipse at center, #00BCD4, #00626e);
    color: #fff;
    z-index: 1
}

.demo1 .testimonial:after {
    width: 150px;
    height: 107%;
    position: absolute;
    top: -20px;
    left: -60px;
    -webkit-transform: matrix(1, 0, 0.5, 1, 150, 0);
    -moz-transform: matrix(1, 0, 0.5, 1, 150, 0);
    transform: matrix(1, 0, 0.5, 1, 150, 0);
    content: "";
    background: #35bde7;
    z-index: -1
}

.demo1 .testimonial .pic {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-top: 30px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    overflow: hidden;
    float: left;
    position: relative
}

.demo1 .testimonial .pic img {
    width: 100%;
    height: auto
}

.demo1 .testimonial .testimonial-content {
    width: 69%;
    padding: 30px 0px;
    float: right
}

.demo1 .testimonial .testimonial-content .description {
    color: #fff
}

.demo1 .testimonial .testimonial-title {
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
    text-align: left;
    text-transform: capitalize;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px
}

.demo1 .testimonial .testimonial-title small {
    font-size: 10px
}

.demo1 .owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    bottom: 5px
}

.demo1 .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    border: 2px solid #26feff;
    background: #fff
}

.demo1 .owl-theme .owl-controls .owl-page:active span {
    color: #26feff
}

@media only screen and (max-width: 767px) {
    .demo1 .testimonial {
        text-align: center
    }
    .demo1 .testimonial .pic {
        float: none;
        margin: 20px auto 0
    }
    .demo1 .testimonial .testimonial-content {
        width: 100%;
        padding: 20px 0px;
        float: none
    }
    .demo1 .testimonial .description {
        font-size: 15px
    }
}

@media only screen and (max-width: 479px) {
    .demo1 .testimonial {
        padding: 0px 20px
    }
    .demo1 .testimonial .testimonial-title {
        text-align: center;
        font-size: 22px
    }
    .demo1 .testimonial .testimonial-title small {
        font-size: 14px
    }
}

.demo2 .testimonial {
    background: #fff;
    text-align: center;
    padding: 30px 32px
}

.demo2 .testimonial .pic {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}

.demo2 .testimonial .pic img {
    width: 100%;
    height: auto;
    filter: grayscale(100%)
}

.demo2 .testimonial .testimonial-title {
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #999;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1;
    margin-bottom: 0px
}

.demo2 .testimonial .post {
    margin-top: 10px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #ccc;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    line-height: .9;
    display: block
}

.demo2 .testimonial .description {
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #999;
    text-align: center;
    font-style: italic;
    line-height: 1.6
}

.demo2 .owl-theme .owl-controls {
    position: absolute;
    top: 45px;
    width: 100%
}

.demo2 .owl-theme .owl-controls .owl-buttons div {
    font-size: 18px;
    background: transparent;
    opacity: 0.5
}

.demo2 .owl-theme .owl-prev {
    position: relative;
    left: -45px
}

.demo2 .owl-theme .owl-next {
    position: relative;
    right: -45px
}

.demo2 .owl-prev:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #ccc
}

.demo2 .owl-next:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #ccc
}

@media only screen and (max-width: 479px) {
    .demo2 .testimonial {
        padding: 40px 10%
    }
}

.demo3 .testimonial {
    padding: 0px 20px;
    text-align: center
}

.demo3 .testimonial .icon {
    font-size: 80px;
    line-height: normal;
    color: #00BCD4
}

.demo3 .testimonial .description {
    margin-top: -50px;
    margin-bottom: -10px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #b3b3b3;
    text-align: center;
    font-style: italic;
    line-height: 1.6
}

.demo3 .testimonial .pic {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto 10px
}

.demo3 .testimonial .pic img {
    width: 100%;
    height: auto
}

.demo3 .testimonial .testimonial-title {
    margin-bottom: 0px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #0d0d0d 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1
}

.demo3 .testimonial .post {
    margin-bottom: 0px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #00BCD4;
    text-align: center;
    display: block
}

.demo3 .owl-theme .owl-controls .owl-pagination {
    margin-top: 0px
}

.demo3 .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background: #4CAF50;
    border: 2px solid transparent;
    opacity: 1
}

.demo3 .owl-theme .owl-controls .owl-page span:hover {
    background: #fff;
    border: 2px solid #4CAF50
}

.demo3 .owl-theme .owl-controls .owl-page.active span {
    background: #fff;
    border: 2px solid #4CAF50
}

.demo4 .testimonial {
    padding: 20px 30px;
    text-align: center
}

.demo4 .testimonial .description {
    margin-bottom: 20px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    text-align: center;
    line-height: 1.6
}

.demo4 .testimonial .pic {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 auto
}

.demo4 .testimonial .pic img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.demo4 .testimonial .testimonial-title {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: "OpenSans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #999;
    text-align: center
}

.demo4 .testimonial .post {
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #999;
    text-align: center;
    display: inline-block
}

.demo4 .owl-prev {
    position: absolute;
    top: 4px;
    left: 25%
}

.demo4 .owl-prev:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: -3px;
    left: 4px;
    color: #999;
    font-size: 18px
}

.demo4 .owl-next {
    position: absolute;
    top: 4px;
    right: 25%
}

.demo4 .owl-next:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: -3px;
    left: 4px;
    color: #999;
    font-size: 18px
}

.demo4 .owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    top: 47%;
    opacity: 1
}

.demo4 .owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent
}

@media only screen and (max-width: 767px) {
    .demo4 .owl-prev {
        left: 0
    }
    .demo4 .owl-next {
        right: 0
    }
}

@media only screen and (max-width: 479px) {
    .demo4 .owl-theme .owl-controls {
        top: 48%
    }
}

.demo5 .testimonial {
    padding: 30px;
    padding-bottom: 5px;
    text-align: center
}

.demo5 .testimonial .pic {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #00BCD4;
    margin: 0 auto 10px;
    overflow: hidden
}

.demo5 .testimonial .pic img {
    width: 100%;
    height: auto
}

.demo5 .testimonial .description {
    margin-bottom: 10px;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #0d0d0d 0;
    text-align: center;
    line-height: 1.6
}

.demo5 .testimonial .testimonial-prof {
    margin: 0
}

.demo5 .testimonial .testimonial-prof small {
    display: inline-block;
    font-family: "OpenSans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
    color: #b3b3b3;
    text-align: center
}

.demo5 .testimonial .title {
    margin-right: 10px;
    font-family: "OpenSans", sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #b3b3b3;
    text-align: center
}

.demo5 .testimonial .title:after {
    margin-left: 15px;
    border-right: 2px solid #ccc;
    content: ""
}

.demo5 .owl-buttons {
    position: absolute;
    top: 6%;
    width: 100%
}

.demo5 .owl-prev {
    position: absolute;
    left: 25%
}

.demo5 .owl-prev:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 24px;
    width: 28px;
    height: 28px;
    color: #b3b3b3
}

.demo5 .owl-next {
    position: absolute;
    right: 25%
}

.demo5 .owl-next:after {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 24px;
    width: 28px;
    height: 28px;
    color: #b3b3b3
}

.demo5 .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    opacity: 1
}

@media only screen and (max-width: 479px) {
    .demo5 .owl-prev {
        left: 10%
    }
    .demo5 .owl-next {
        right: 10%
    }
}

.demo6 .testimonial {
    margin: 0px 15px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px
}

.demo6 .testimonial .content {
    min-height: 40px;
    padding: 10px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
    position: relative;
    background: #12e4ff
}

.demo6 .testimonial .content:after {
    position: absolute;
    bottom: -8px;
    left: 13%;
    border-top: 10px solid #12e4ff;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    content: ""
}

.demo6 .testimonial .description {
    margin-bottom: 0px;
    color: #fff
}

.demo6 .testimonial .testimonial-review {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    float: left
}

.demo6 .testimonial .testimonial-title {
    margin: 0;
    font-size: 15px;
    font-family: "OpenSans_SemiBold", sans-serif;
    text-transform: capitalize
}

.demo6 .testimonial .social-links {
    padding: 0;
    margin: 0
}

.demo6 .testimonial .social-links li {
    margin-right: 10px;
    list-style: none;
    display: inline-block
}

.demo6 .testimonial>.testimonial-post span {
    margin-bottom: 5px;
    font-family: "OpenSans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #b3b3b3;
    text-align: left;
    display: block
}

.demo6 .testimonial-pic {
    float: left
}

.demo6 .testimonial-pic>img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #12e4ff;
    margin-left: 20px;
    margin-right: 20px
}

.demo6 .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #8df2ff;
    opacity: 1
}

.demo6 .owl-theme .owl-controls .owl-page.active span {
    background: #00BCD4
}

.demo6 .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e5e5e5
}

.weather-widget-block {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2)
}

.img-area {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative
}

.img-area img {
    width: 100%;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    display: block;
    z-index: 1
}

.img-area .img-area-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 2;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.img-area .img-area-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.climacon_cloudRainSun {
    width: 130px;
    margin: 30px
}

.week-forecast {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.week-forecast>li {
    border-top: 3px solid #ccc;
    height: 150px;
    float: left;
    width: 14.2857%
}

.week-forecast>li:first-child {
    border-bottom-left-radius: 2px
}

.week-forecast>li:last-child {
    border-bottom-right-radius: 2px
}

.week-forecast>li:last-child>.inner {
    border-right: none
}

.week-forecast>li.sun {
    border-color: #f77970;
    background: rgba(0, 0, 0, 0.3)
}

.week-forecast>li.cloud {
    border-color: #5ac9eb;
    background: rgba(0, 0, 0, 0.2)
}

.week-forecast>li.cloud.sun {
    border-color: #f77970;
    background: rgba(0, 0, 0, 0.3)
}

.week-forecast>li.rain {
    border-color: #12e4ff;
    background: rgba(0, 0, 0, 0.3)
}

.week-forecast>li.rain.sun {
    border-color: #f77970;
    background: rgba(0, 0, 0, 0.4)
}

.week-forecast>li>.inner {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center
}

.week-forecast>li>.inner .climacon {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    text-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1)
}

.week-forecast>li>.inner .climacon.rain.sun {
    padding-top: 2px;
    padding-left: 3px
}

.week-forecast>li>.inner .climacon.cloud.sun {
    padding-top: 4px;
    padding-left: 2px
}

.weather-bottom {
    text-align: center;
    margin-top: 2em
}

.weather-bottom ul {
    margin-left: -20px
}

.weather-bottom ul li {
    width: 14.1%;
    display: inline-block;
    padding: 1em 0;
    float: left
}

.weather-bottom ul li.bg {
    background: rgba(0, 0, 0, 0.2)
}

.weather-bottom h4 {
    font-size: 14px;
    color: #fff
}

.weather-bottom h5 {
    font-size: 12px;
    color: #fff
}

.weather-bottom h6 {
    font-size: 11px;
    color: #fff
}

.weather-icon-sm {
    width: 30px;
    height: 30px;
    background: #fff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.weather-icon-lg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    width: 150px;
    height: 150px;
    background: #fff;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.week-day {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 12px
}

.week-day-temperature {
    margin: 0px;
    position: relative
}

.week-day-temperature:after {
    width: 5px;
    height: 5px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    top: 4px;
    right: 11px;
    display: block;
    opacity: 0.85;
    filter: alpha(opacity=85)
}

.week-day-temperature:before {
    position: absolute;
    top: 1px;
    left: 8px;
    content: ' +';
    font-size: 15px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    line-height: 1.4
}

.week-day-temperature.minus:before {
    content: '-'
}

.temperature {
    height: 100%;
    margin: 0px;
    font-size: 100px;
    line-height: 200px;
    text-align: right;
    position: relative;
    font-family: "OpenSans_Light", sans-serif
}

.temperature:after {
    position: absolute;
    top: 45px;
    right: -15px;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 1;
    opacity: 0.85;
    filter: alpha(opacity=85)
}

.temperature:before {
    padding-right: 20px;
    position: relative;
    top: -24px;
    left: 20px;
    content: ' +';
    font-size: 60px
}

.temperature.minus:before {
    content: '-'
}

.temperature-feels {
    position: absolute;
    right: 12px;
    bottom: 20px;
    font-size: 18px;
    line-height: 1em;
    color: rgba(255, 255, 255, 0.85)
}

.weather-block-info {
    position: relative;
    top: 50%;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    display: table;
    margin: -100px auto 0 auto
}

.weather-block-info>li {
    width: 170px;
    height: 200px;
    margin: 10px 5px;
    float: left;
    position: relative
}

.weather-params {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0;
    margin: 0;
    opacity: 0.75;
    filter: alpha(opacity=75);
    list-style: none;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.weather-params>li {
    overflow: hidden
}

.weather-params>li .climacon {
    width: 37px;
    height: 37px;
    margin-right: 10px;
    font-size: 50px;
    line-height: 37px;
    display: block;
    float: left;
    text-align: center
}

.weather-params>li span {
    position: relative;
    top: 10px
}

.location,
.dayToday {
    width: 100%;
    margin: 0px;
    position: absolute;
    top: 15px;
    left: 0;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 25px;
    text-align: center
}

.dayToday {
    font-size: 15px;
    top: 50px;
    color: rgba(255, 255, 255, 0.85)
}

.weather-desc {
    width: 100%;
    position: absolute;
    bottom: 35px;
    text-align: center
}

.weather-desc>span {
    padding: 5px 10px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px
}

.weather-grids {
    width: 33%;
    float: left
}

.weather-grids.weather-mdl {
    text-align: center
}

.weather-grids:nth-child(3) {
    text-align: right
}

.weather-grids h3 {
    font-size: 17px;
    color: #fff
}

.weather-grids h3.day {
    font-family: "OpenSans_Light", sans-serif;
    font-size: 30px;
    color: #fff;
    margin-top: 0.7em
}

.weather-grids h2 {
    font-size: 40px;
    line-height: 46px;
    color: #fff;
    font-family: "OpenSans_Light", sans-serif
}

.weather-grids h4 {
    font-size: 1em;
    color: #fff
}

@media (max-width: 640px) {
    .weather-grids h2 {
        font-size: 2.8em
    }
    .cal1 .clndr .clndr-controls .month {
        font-size: 1.2em
    }
    .cal1 .clndr .clndr-controls .clndr-control-button {
        margin-top: 0px
    }
    .cal1 .clndr .clndr-table tr {
        height: 55px
    }
}

@media (max-width: 480px) {
    .weather-grids h3 {
        font-size: 1.3em
    }
    .weather-grids h2 {
        font-size: 2.5em
    }
    .weather-grids h4 {
        font-size: .8em
    }
    .weather-bottom h5 {
        font-size: 1.1em
    }
    .weather-bottom h6 {
        font-size: .9em
    }
    .cal1 .clndr .clndr-controls {
        width: 91.5%
    }
    .cal1 .clndr .clndr-controls .month {
        width: 34%;
        font-size: 1em
    }
}

@media (max-width: 414px) {
    .weather-bottom {
        margin-top: 1.5em
    }
    .weather-bottom h4 {
        font-size: .9em
    }
    .weather-bottom canvas {
        width: 30px;
        height: 30px
    }
    .agile {
        padding: 1em 0
    }
    canvas#clear-day {
        width: 60px;
        height: 60px
    }
    .cal1 .clndr .clndr-controls {
        width: 89.5%
    }
}

@media (max-width: 320px) {
    .weather-grids h2 {
        font-size: 2em
    }
    .weather-grids h4 {
        font-size: .7em
    }
    .weather-grids h3 {
        font-size: 1.1em
    }
    .weather-bottom canvas {
        width: 20px;
        height: 20px
    }
    .weather-bottom h5 {
        font-size: .9em
    }
    .weather-bottom h6 {
        font-size: .8em
    }
    .weather-bottom ul li {
        width: 14.2%;
        padding: 0.5em 0
    }
    .digital {
        font-size: 1.5em
    }
    .w3l {
        min-height: 453px
    }
    .date {
        font-size: 1.7em
    }
    canvas#clear-day {
        width: 55px;
        height: 55px
    }
    .agileinfo li {
        font-size: .9em
    }
    .cal1 .clndr .clndr-controls {
        width: 93%;
        padding: 0.8em .6em;
        display: inline-block
    }
    .cal1 .clndr .clndr-controls .clndr-control-button {
        width: 29%;
        font-size: .9em
    }
    .cal1 .clndr .clndr-controls .month {
        width: 41%;
        font-size: .9em
    }
    .cal1 .clndr .clndr-table .header-days {
        width: 33px;
        font-size: .9em
    }
    .cal1 .clndr .clndr-table tr {
        height: 37px
    }
    .cal1 .clndr .clndr-table tr .day .day-contents {
        font-size: .75em
    }
}

.city {
    width: 60%;
    float: left;
    background: url(../../img/demo/city.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 403px;
    position: relative
}

.city .title {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: right
}

.city .title h2 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 40px;
    font-family: "OpenSans_Light", sans-serif
}

.city .title h3 {
    margin-top: 0px;
    font-size: 15px;
    font-family: "OpenSans_SemiBold", sans-serif;
    color: #ccc;
    text-align: right
}

.city .date-time {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.city .dmy {
    width: 50%;
    float: left;
    text-align: left
}

.city .dmy .date {
    font-size: 10px;
    font-family: "OpenSans", sans-serif;
    color: rgba(255, 255, 255, 0.6)
}

.city .currentTemperature {
    width: 50%;
    float: right;
    text-align: right
}

.city .currentTemperature p {
    font-size: 80px;
    font-family: "OpenSans_Light", sans-serif
}

.city .currentTemperature p span {
    font-size: 50px
}

.forecast {
    width: 40%;
    float: left;
    background: #0a67b6
}

.forecast .forecast-icon {
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px
}

.forecast .forecast-icon img {
    width: 40%
}

.forecast .today-weather h3 {
    width: 80%;
    padding-bottom: 10px;
    font-size: 40px;
    color: #ccc;
    margin: 0 auto 20px;
    border-width: thin;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "OpenSans_Light", sans-serif
}

.forecast .today-weather ul {
    margin-left: -30px
}

.forecast .today-weather ul li {
    padding-left: 10px;
    width: 74%;
    margin: 0 auto;
    line-height: 34px;
    border-width: thin;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ccc;
    text-align: left;
    list-style: none
}

.forecast .today-weather ul li span {
    padding-right: 10px;
    float: right
}

.forecast .today-weather ul li:nth-child(5) {
    border-bottom: none
}

@media screen and (max-width: 2560px) {
    .city {
        min-height: 514px
    }
}

@media screen and (max-width: 1920px) {
    .city {
        min-height: 454px
    }
}

@media screen and (max-width: 1366px) {
    .city {
        min-height: 392px
    }
}

@media screen and (max-width: 1280px) {
    .city {
        min-height: 420px
    }
    .forecast-icon img {
        width: 50% !important;
        margin-bottom: 2px
    }
}

@media screen and (max-width: 1024px) {
    .city {
        min-height: 458px
    }
}

@media screen and (max-width: 800px) {
    .dmy {
        padding-top: 25px
    }
    .currentTemperature p {
        font-size: 100px
    }
}

@media screen and (max-width: 768px) {
    .city {
        min-height: 451px
    }
}

@media screen and (max-width: 736px) {
    .dmy {
        padding-top: 10px
    }
    .currentTemperature p {
        font-size: 80px
    }
    div#txt {
        font-size: 30px
    }
    .forecast-icon img {
        width: 110px
    }
}

@media screen and (max-width: 640px) {
    .dmy {
        padding-top: 17px
    }
    div#txt {
        font-size: 25px
    }
    .currentTemperature p {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 603px) {
    .city {
        width: 100%;
        min-height: 300px
    }
    .currentTemperature {
        text-align: right
    }
    .currentTemperature p {
        font-size: 100px
    }
    .dmy {
        padding-top: 35px
    }
    .forecast-icon {
        margin: 10px 0px
    }
    .forecast {
        width: 100%;
        padding-bottom: 30px
    }
    .weather-block-blur,
    .weather-block-front {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .forecast-icon {
        margin-top: 40px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px
    }
    .forecast-icon img {
        width: 65px
    }
    .city {
        min-height: 450px
    }
    .title h2 {
        font-size: 25px
    }
    .title h3 {
        font-size: 14px
    }
    .date-time {
        padding: 0;
        width: 100%
    }
    .dmy {
        width: 100%;
        padding: 0;
        margin-bottom: 35px;
        text-align: center
    }
    .date {
        font-size: 22px
    }
    .currentTemperature {
        width: 100%;
        text-align: center
    }
    .currentTemperature p {
        padding-bottom: 15px;
        font-size: 60px
    }
    .copyright {
        padding: 20px
    }
    .today-weather h3,
    div#txt {
        font-size: 30px
    }
}

@media screen and (max-width: 375px) {
    .city {
        min-height: 315px
    }
    .city .date-time {
        padding-bottom: 0px
    }
    .city .currentTemperature {
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 30px
    }
    .city .currentTemperature p span {
        font-size: 20px
    }
    .dmy {
        margin-bottom: 0px
    }
    .date {
        font-size: 18px
    }
    .currentTemperature p {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 320px) {
    .city .currentTemperature p {
        font-size: 46px
    }
}

.agileinfo {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 18px;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.2)
}

.agileinfo li {
    width: 33.33%;
    display: inline-block;
    float: left;
    font-size: 1em;
    color: #fff
}

span.tod {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: inline-block;
    background: #fff
}

span.met {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    display: inline-block;
    background: #1381a3
}

span.bus {
    margin-right: 5px;
    width: 12px;
    display: inline-block;
    background: #cd180b
}

.w3l {
    background: url(../images/1.html) no-repeat 0 0;
    background-size: cover;
    min-height: 500px
}

.w3l .dmy {
    width: 100%;
    padding-bottom: 15px;
    text-align: center
}

.w3l .dmy .date {
    font-size: 18px;
    font-family: "OpenSans_Light", sans-serif;
    color: #fff;
    line-height: 28px
}

.w3l .date {
    font-size: 2em;
    color: #fff
}

.agile {
    padding: 20px 0px
}

@media (max-width: 375px) {
    .banner-info {
        margin: 0 0 1em 1.5em
    }
}

.left-align {
    text-align: left
}

.right-align {
    text-align: right
}

.cal1 {
    max-width: 100%;
    font-size: 1em
}

.cal1 .clndr .clndr-controls {
    margin: 0;
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
    position: relative;
    background: rgba(0, 0, 0, 0.6)
}

.cal1 .clndr .clndr-controls .month {
    width: 60%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.cal1 .clndr .clndr-controls .clndr-control-button {
    width: 20%;
    float: left;
    font-size: 20px;
    color: #fff;
    text-align: left
}

.cal1 .clndr .clndr-controls .clndr-control-button.rightalign {
    text-align: right
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
    color: #1a1a1a
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
    opacity: 0.5
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
    background: none;
    cursor: default
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
    color: #ccc
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
    opacity: 0.5
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
    background: none;
    cursor: default
}

.cal1 .clndr .clndr-table {
    table-layout: fixed;
    width: 100.1%
}

.cal1 .clndr .clndr-table .header-days {
    height: 50px;
    font-size: 1em;
    background: rgba(0, 0, 0, 0.6)
}

.cal1 .clndr .clndr-table .header-days .header-day {
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.cal1 .clndr .clndr-table tr {
    height: 46px
}

.cal1 .clndr .clndr-table tr td {
    vertical-align: middle
}

.cal1 .clndr .clndr-table tr .day {
    width: 100%;
    height: inherit
}

.cal1 .clndr .clndr-table tr .day.today {
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.cal1 .clndr .clndr-table tr .day.today.event {
    background: #fff;
    color: #000
}

.cal1 .clndr .clndr-table tr .day.my-today {
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.cal1 .clndr .clndr-table tr .day.my-today.event {
    background: #fff;
    color: #000
}

.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
    color: #fff;
    font-family: "OpenSans_SemiBold", sans-serif
}

.cal1 .clndr .clndr-table tr .day.inactive,
.cal1 .clndr .clndr-table tr .day.my-inactive {
    background: #ccc
}

.cal1 .clndr .clndr-table tr .day .day-contents {
    padding: 9px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px
}

.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
    width: 100%;
    height: inherit;
    color: rgba(255, 255, 255, 0.4) !important
}

@media (max-width: 800px) {
    .cal1 .clndr .clndr-controls .month {
        font-size: 1.2em
    }
    .cal1 .clndr .clndr-controls .clndr-control-button {
        font-size: 14px
    }
}

.weather-block>.weather-block-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0.3;
    filter: alpha(opacity=30);
    background: #000
}

.weather-block>.weather-block-blur {
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    width: 50% !important;
    height: 50% !important;
    -webkit-transform-origin: 12% 5%;
    -moz-transform-origin: 12% 5%;
    transform-origin: 12% 5%;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    transform: scale(2.5);
    background-size: cover;
    filter: blur(10px);
    z-index: 0
}

.weather-block>.weather-block-blur:before {
    content: '';
    backface-visibility: hidden
}

.weather-block>.weather-block-front {
    position: relative;
    z-index: 6
}

figure.icons {
    margin: 0.5em 0
}

div#txt {
    margin-bottom: 10px;
    font-size: 35px;
    letter-spacing: 0;
    font-family: "OpenSans_Light", sans-serif
}

.clndr-next-button.inactive,
.clndr-previous-button.inactive,
.clndr-next-year-button.inactive,
.clndr-previous-year-button.inactive {
    opacity: 0.5;
    cursor: default
}

.auth-container {
    width: 100%;
    height: 110.9%;
    display: table;
    position: absolute;
    background-color: #1C2B36;
    background-image: url(../../img/demo/login.jpg);
    background: linear-gradient(rgba(28, 43, 54, 0.5), rgba(28, 43, 54, 0.5)), url(../../img/demo/login.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover
}

.auth-container .center-block {
    display: table-cell;
    vertical-align: middle
}

.auth-container .auth-module {
    max-width: 100%;
    width: 290px;
    border-top: 5px solid #1C2B36;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 0 auto
}

.auth-container .auth-module h1 {
    margin-bottom: 20px;
    margin-top: -5px;
    color: #1C2B36;
    letter-spacing: -1px
}

.auth-container .auth-module .toggle {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 6px 15px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    cursor: pointer;
    background: #1C2B36;
    color: #fff
}

.auth-container .auth-module .toggle i {
    font-family: "icomoon";
    font-size: 26px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    width: 28px
}

.auth-container .auth-module .toggle .tip {
    width: 140px;
    position: absolute;
    top: 15px;
    left: 70px;
    padding: 7px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    background: rgba(28, 43, 54, 0.4);
    line-height: 1;
    text-align: center
}

.auth-container .auth-module .toggle .tip:before {
    position: absolute;
    top: 7px;
    left: -6px;
    content: '';
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgba(28, 43, 54, 0.4)
}

@media only screen and (max-width: 599px) {
    .auth-container .auth-module .toggle .tip {
        display: none
    }
}

.auth-container .auth-module .form {
    padding: 20px;
    display: none
}

.auth-container .auth-module .form:nth-child(2) {
    display: block
}

.auth-container .auth-module .form .login-options {
    margin-top: -5px;
    margin-bottom: 5px
}

.auth-container .auth-module .form .login-options label {
    color: #444
}

.auth-container .auth-module .form .login-options label a {
    border-bottom: 1px dotted #444;
    color: #444
}

.auth-container .auth-module .forgot {
    width: 100%;
    padding: 12px 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #ddd;
    box-sizing: border-box;
    color: #222;
    text-align: center
}

.auth-container .auth-module .forgot a {
    color: #222;
    text-decoration: none
}

.auth-container .footer {
    width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    color: #fff
}

.auth-container .footer a {
    color: #fff;
    border-bottom: 1px dotted #fff
}

@media only screen and (max-width: 599px) {
    .auth-container .footer {
        font-size: 10px
    }
}

.media-options {
    position: absolute;
    top: 3px;
    right: 20px
}

.media-options>i {
    float: left;
    font-size: 14px;
    padding-right: 10px
}

.media-options>span.date {
    float: left;
    font-family: "OpenSans_SemiBold", sans-serif;
    padding-right: 10px
}

.media-options .star {
    float: left
}

.media-options .star input[type=checkbox] {
    display: none
}

.media-options .star input[type=checkbox]:checked+label::before {
    color: #23B7E5
}

.media-options .star label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    margin-bottom: 13px
}

.media-options .star label:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    position: absolute;
    top: -6px;
    left: 0;
    margin-right: 10px;
    color: #23B7E5;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s
}

@media only screen and (max-width: 599px) {
    .media-options {
        position: inherit;
        top: 0;
        right: 0;
        margin-top: 10px
    }
}

.error-container {
    width: 100%;
    height: 110.9%;
    display: table;
    position: absolute;
    background-color: #1C2B36;
    background-image: url(../../img/demo/login.jpg);
    background: linear-gradient(rgba(28, 43, 54, 0.5), rgba(28, 43, 54, 0.5)), url(../../img/demo/login.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    color: #fff
}

.error-container h1,
.error-container h2,
.error-container h3,
.error-container h4,
.error-container h5,
.error-container h6 {
    color: #fff
}

.error-container p,
.error-container span {
    color: #fff
}

.error-container .error_img {
    margin-top: 60px;
    margin-bottom: 20px;
    width: 40%
}

@media only screen and (min-width: 1440px) {
    .error-container .error_img {
        width: 25%;
        margin-top: 100px;
        margin-bottom: 50px
    }
}

.error-container .footer {
    width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    color: #fff
}

.error-container .footer a {
    color: #fff;
    border-bottom: 1px dotted #fff
}

@media only screen and (max-width: 599px) {
    .error-container .footer {
        font-size: 10px
    }
}

.launching-text {
    font-size: 40px;
    font-family: "OpenSans_Light", sans-serif;
    letter-spacing: -2px
}

.timer {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px
}

.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper {
    width: 100px;
    margin: 0px 10px;
    font-size: 18px;
    display: inline-block
}

.timer .days,
.timer .hours,
.timer .minutes,
.timer .seconds {
    font-size: 50px;
    line-height: 60px
}

@media (max-width: 767px) {
    .timer .days-wrapper,
    .timer .hours-wrapper,
    .timer .minutes-wrapper,
    .timer .seconds-wrapper {
        width: 145px
    }
    .timer .slash {
        display: none
    }
}

#frame {
    width: 100%;
    height: 580px;
    width: 100%;
    height: 88vh;
    min-width: 280px;
    min-height: 300px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#frame ul {
    padding-left: 0px
}

@media only screen and (max-width: 374px) {
    #frame {
        width: 100%;
        height: 88vh
    }
}

#frame #sidepanel {
    min-width: 280px;
    max-width: 340px;
    width: 40%;
    height: 100%;
    float: left;
    background: #1C2B36;
    color: #6b94b3;
    overflow: hidden;
    position: relative;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

@media screen and (max-width: 735px) {
    #frame #sidepanel {
        width: 58px;
        min-width: 58px
    }
}

#frame #sidepanel #profile {
    margin: 15px
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile {
        width: 100%;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin: 0 auto;
        background: #1C2B36
    }
}

#frame #sidepanel #profile.expanded .wrap {
    height: 180px;
    line-height: initial
}

#frame #sidepanel #profile.expanded .wrap i.expand-button {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

#frame #sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap {
        height: 55px
    }
}

#frame #sidepanel #profile .wrap img {
    width: 60px;
    border-radius: 50%;
    border: 4px solid #F44336;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin: 4px 8px
    }
}

#frame #sidepanel #profile .wrap img.online {
    border: 4px solid #4CAF50
}

#frame #sidepanel #profile .wrap img.away {
    border: 4px solid #FF5722
}

#frame #sidepanel #profile .wrap img.busy {
    border: 4px solid #F44336
}

#frame #sidepanel #profile .wrap img.offline {
    border: 4px solid #ccc
}

#frame #sidepanel #profile .wrap p {
    margin: 15px;
    float: left;
    font-size: 18px;
    color: #6b94b3
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap p {
        display: none
    }
}

#frame #sidepanel #profile .wrap i.expand-button {
    margin-top: 23px;
    float: right;
    cursor: pointer;
    color: #6b94b3
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap i.expand-button {
        display: none
    }
}

#frame #sidepanel #profile .wrap #status-options {
    width: 150px;
    margin-top: 70px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    line-height: initial;
    background: #fff;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px
    }
}

#frame #sidepanel #profile .wrap #status-options.active {
    margin-top: 65px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px
    }
}

#frame #sidepanel #profile .wrap #status-options:before {
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 24px;
    content: '';
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px
    }
}

#frame #sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 0px
}

#frame #sidepanel #profile .wrap #status-options ul li {
    padding: 7px 12px;
    display: block;
    cursor: pointer
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li {
        padding-top: 15px;
        padding-right: 0px;
        padding-bottom: 35px;
        padding-left: 22px
    }
}

#frame #sidepanel #profile .wrap #status-options ul li:hover {
    background: #f5f5f5;
    color: #1C2B36
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px
    }
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -2px;
    content: '';
    position: absolute;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 0
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        width: 18px;
        height: 18px
    }
}

#frame #sidepanel #profile .wrap #status-options ul li p {
    margin: 0px;
    padding-left: 20px;
    float: none;
    font-size: 12px;
    color: #1C2B36
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li p {
        display: none
    }
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #4CAF50
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #4CAF50
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #FF5722
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #FF5722
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #F44336
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #F44336
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #ccc
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #ccc
}

#frame #sidepanel #profile .wrap #expanded {
    padding-top: 75px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    display: block;
    line-height: initial !important
}

#frame #sidepanel #profile .wrap #expanded label {
    margin-top: 0px;
    margin-right: 8px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 5px 0px;
    float: left;
    clear: both
}

#frame #sidepanel #profile .wrap #expanded i {
    color: #6b94b3
}

#frame #sidepanel #profile .wrap #expanded input {
    margin-bottom: 6px;
    padding: 7px;
    line-height: 17px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background: #2a4051;
    color: #fff;
    width: calc(100% - 43px);
    width: -moz-calc(100% - 43px);
    width: -webkit-calc(100% - 43px);
    float: left
}

#frame #sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #2d4658
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #search {
        display: none
    }
}

#frame #sidepanel #search label {
    margin-top: 9px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    position: absolute;
    color: #6b94b3
}

#frame #sidepanel #search input {
    width: 100%;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 46px;
    border: none;
    background: rgba(0, 0, 0, 0.05);
    color: #6b94b3
}

#frame #sidepanel #search input::-webkit-input-placeholder {
    color: #6b94b3
}

#frame #sidepanel #search input:-moz-placeholder {
    color: #6b94b3
}

#frame #sidepanel #search input::-moz-placeholder {
    color: #6b94b3
}

#frame #sidepanel #search input:-ms-input-placeholder {
    color: #6b94b3
}

#frame #sidepanel #search input:focus {
    outline: none;
    background: #17232c
}

#frame #sidepanel #contacts {
    height: calc(100% - 177px);
    overflow-y: scroll;
    overflow-x: hidden
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden
    }
    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none
    }
}

#frame #sidepanel #contacts.expanded {
    height: calc(100% - 334px)
}

#frame #sidepanel #contacts::-webkit-scrollbar {
    width: 8px;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

#frame #sidepanel #contacts::-webkit-scrollbar-track {
    background: transparent
}

#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2)
}

#frame #sidepanel #contacts ul li.contact {
    padding: 15px 0px;
    position: relative;
    list-style: none;
    cursor: pointer
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact {
        padding-top: 6px;
        padding-right: 0px;
        padding-bottom: 46px;
        padding-left: 8px
    }
}

#frame #sidepanel #contacts ul li.contact:hover {
    background: #2a4051
}

#frame #sidepanel #contacts ul li.contact.active {
    background: #2a4051;
    border-left: 5px solid #507b9b
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact.active {
        border-left: 2px solid #507b9b;
        padding-left: 6px
    }
}

#frame #sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #1C2B36 !important
}

#frame #sidepanel #contacts ul li.contact .wrap {
    width: 90%;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%
    }
}

#frame #sidepanel #contacts ul li.contact .wrap span {
    margin-top: -1px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -1px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    border: 2px solid #1C2B36;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ccc
}

#frame #sidepanel #contacts ul li.contact .wrap span.online {
    background: #4CAF50
}

#frame #sidepanel #contacts ul li.contact .wrap span.away {
    background: #FF5722
}

#frame #sidepanel #contacts ul li.contact .wrap span.busy {
    background: #F44336
}

#frame #sidepanel #contacts ul li.contact .wrap img {
    width: 40px;
    margin-right: 12px;
    border-radius: 50%;
    float: left
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0px
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 0
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        display: none
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta p {
    margin-bottom: 0px;
    color: #fff
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
    font-family: "OpenSans_SemiBold", sans-serif
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
    margin: 0;
    font-size: 11px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    opacity: .5
}

#frame #sidepanel #bottom-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

#frame #sidepanel #bottom-bar button {
    width: 50%;
    padding: 12px 0px;
    float: left;
    border: none;
    background: #0e161b;
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button {
        width: 100%;
        padding: 12px 0px;
        float: none
    }
}

#frame #sidepanel #bottom-bar button:focus {
    outline: none
}

#frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: 1px solid #131e25;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button:nth-child(1) {
        border-bottom: 1px solid #131e25;
        border-right: none
    }
}

#frame #sidepanel #bottom-bar button:hover {
    background: #0b1014
}

#frame #sidepanel #bottom-bar button i {
    margin-right: 6px
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button i {
        font-size: 20px;
        margin-right: 0px
    }
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button span {
        display: none
    }
}

#frame .content {
    width: 60%;
    height: 100%;
    float: right;
    overflow: hidden;
    position: relative;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 240px !important
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    #frame .content {
        width: calc(100% - 314px)
    }
}

@media only screen and (min-width: 1248px) {
    #frame .content {
        width: calc(100% - 340px)
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #F6F8F8
}

@media only screen and (max-width: 374px) {
    #frame .content .contact-profile {
        height: 52px
    }
}

#frame .content .contact-profile img {
    width: 40px;
    margin: 10px 15px;
    border-radius: 50%;
    float: left
}

@media only screen and (max-width: 374px) {
    #frame .content .contact-profile img {
        width: 32px;
        margin: 10px
    }
}

#frame .content .contact-profile p {
    padding: 16px 0px;
    font-size: 16px;
    float: left
}

@media only screen and (max-width: 411px) {
    #frame .content .contact-profile p {
        font-size: 14px;
        padding-top: 18px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px
    }
}

@media only screen and (max-width: 374px) {
    #frame .content .contact-profile p {
        font-size: 12px;
        padding-top: 16px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px
    }
}

#frame .content .contact-profile .social-media {
    float: right
}

@media only screen and (max-width: 374px) {
    #frame .content .contact-profile .social-media {
        height: 52px
    }
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer
}

@media only screen and (max-width: 374px) {
    #frame .content .contact-profile .social-media i {
        margin-top: -10px
    }
}

@media only screen and (max-width: 359px) {
    #frame .content .contact-profile .social-media i {
        margin-left: 5px
    }
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px
}

@media only screen and (max-width: 359px) {
    #frame .content .contact-profile .social-media i:nth-last-child(1) {
        margin-right: 10px
    }
}

#frame .content .contact-profile .social-media i:hover {
    color: #507b9b
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 105px);
    max-height: calc(100% - 105px);
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3)
}

#frame .content .messages ul li {
    margin: 5px 15px;
    display: inline-block;
    clear: both;
    float: left;
    width: calc(100% - 22px)
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px
}

#frame .content .messages ul li.sent img {
    margin-top: 0px;
    margin-right: 8px;
    margin-bottom: 0px;
    margin-left: 0px
}

#frame .content .messages ul li.sent p {
    background: #B7EEFF;
    color: #1C2B36
}

#frame .content .messages ul li.replies img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    float: right
}

#frame .content .messages ul li.replies p {
    background: #F6F8F8;
    color: #1C2B36;
    float: right
}

#frame .content .messages ul li img {
    width: 32px;
    border-radius: 50%;
    float: left
}

#frame .content .messages ul li p {
    margin-bottom: 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 6px 18px;
    display: inline-block;
    max-width: 200px;
    line-height: 1.6;
    font-size: 11.4px
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 300px
    }
}

@media only screen and (max-width: 359px) {
    #frame .content .messages ul li p {
        padding: 6px 11px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        max-width: 170px
    }
}

#frame .content .message-input {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99
}

#frame .content .message-input .wrap {
    position: relative;
    background: #F6F8F8
}

#frame .content .message-input .wrap input {
    padding-top: 13px;
    padding-right: 32px;
    padding-bottom: 11px;
    padding-left: 12px;
    border: none;
    width: calc(100% - 90px);
    background: none
}

#frame .content .message-input .wrap input:focus {
    outline: none
}

#frame .content .message-input .wrap .attachment {
    margin-top: 15px;
    position: absolute;
    right: 70px;
    z-index: 4;
    color: #4a627b;
    font-size: 18px;
    opacity: .5;
    cursor: pointer
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1
}

#frame .content .message-input .wrap button {
    width: 50px;
    padding: 12px 0px;
    float: right;
    border: none;
    cursor: pointer;
    background: #1C2B36;
    color: #fff;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 12px 0px
    }
}

#frame .content .message-input .wrap button:hover {
    background: #507b9b
}

#frame .content .message-input .wrap button:focus {
    outline: none
}

@media only screen and (max-width: 599px) {
    #contacts tbody tr td {
        padding-right: 0px
    }
    #contacts tbody tr td:last-child {
        padding-right: 16px
    }
    #contacts tbody tr td:nth-child(3),
    #contacts tbody tr td:nth-child(4) {
        display: none
    }
}

.pricingTable {
    margin: 20px auto
}

.pricingTable>ul {
    padding-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    list-style: none;
    text-align: center
}

.pricingTable>ul>li {
    width: 24%;
    max-width: 300px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;
    background-color: #fff;
    display: inline-block;
    text-align: center
}

.pricingTable>ul>li:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08)
}

.pricingTable>ul>li:not(:last-of-type) {
    margin-right: 15px
}

.pricingTable>ul>li:nth-of-type(2) {
    position: relative
}

.pricingTable>ul>li:nth-of-type(2):before {
    -webkit-transform: all 0.5s ease;
    -moz-transform: all 0.5s ease;
    transform: all 0.5s ease;
    width: 64px;
    height: 64px;
    position: absolute;
    top: -25px;
    right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 15px;
    font-family: "OpenSans_SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4;
    content: 'Most Popular';
    display: block;
    background-color: #F44336;
    box-sizing: border-box
}

.pricingTable>ul>li:nth-of-type(2):hover:before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
}

.pricingTable>ul>li .title {
    font-size: 20px;
    padding: 20px 0px;
    border-bottom: 2px solid rgba(158, 158, 158, 0.2);
    letter-spacing: -0.5px
}

.pricingTable>ul>li .pricing {
    padding: 24px 0px;
    font-size: 60px;
    font-family: "OpenSans_SemiBold", sans-serif;
    border-bottom: 2px solid rgba(158, 158, 158, 0.2);
    line-height: 0.7
}

.pricingTable>ul>li .pricing span:first-of-type {
    font-size: 15px;
    font-family: "OpenSans_SemiBold", sans-serif;
    vertical-align: top
}

.pricingTable>ul>li .pricing span:last-of-type {
    font-size: 15px;
    font-family: "OpenSans", sans-serif;
    vertical-align: bottom
}

.pricingTable>ul>li .options {
    padding: 10px 0px;
    border-bottom: 2px solid rgba(158, 158, 158, 0.2);
    list-style: none
}

.pricingTable>ul>li .options>li {
    padding: 6px 0px
}

.pricingTable>ul>li .options>li:before {
    content: "";
    speak: none;
    font-family: "icomoon";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 14px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    background-color: #23B7E5;
    line-height: 1.3;
    position: relative;
    top: 1px
}

.pricingTable>ul>li .button {
    font-size: 16px;
    margin-top: 20px;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff;
    background-color: #4CAF50;
    cursor: pointer;
    box-shadow: 0px 3px 0px 0px #449d48;
    -moz-box-shadow: 0px 3px 0px 0px #449d48;
    -webkit-box-shadow: 0px 3px 0px 0px #449d48
}

.pricingTable>ul>li .button:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9);
    -moz-box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9);
    -webkit-box-shadow: 0px 40px 29px -19px rgba(102, 172, 100, 0.9)
}

.pricingTable>ul>li .button:active {
    -webkit-transform: scale(0.95) translateY(-9px);
    -moz-transform: scale(0.95) translateY(-9px);
    transform: scale(0.95) translateY(-9px);
    box-shadow: inset 0 0 10px 1px #4CAF50, 0px 40px 29px -19px rgba(102, 172, 100, 0.95);
    -moz-box-shadow: inset 0 0 10px 1px #4CAF50, 0px 40px 29px -19px rgba(102, 172, 100, 0.95);
    -webkit-box-shadow: inset 0 0 10px 1px #4CAF50, 0px 40px 29px -19px rgba(102, 172, 100, 0.95)
}

@media only screen and (max-width: 767px) {
    .pricingTable {
        margin-top: 0px
    }
    .pricingTable>ul {
        padding-top: 0px
    }
    .pricingTable>ul>li {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 10px;
        display: block
    }
    .pricingTable>ul>li>* {
        display: inline-block;
        vertical-align: middle
    }
    .pricingTable>ul>li:after {
        display: table;
        content: '';
        clear: both
    }
    .pricingTable>ul>li:not(:last-of-type) {
        margin-right: auto
    }
    .pricingTable>ul>li:nth-of-type(2) h1 {
        padding-top: 15px
    }
    .pricingTable>ul>li:nth-of-type(2):before {
        width: 45px;
        height: 45px;
        padding-top: 13px;
        top: -10px;
        font-size: 7px
    }
    .pricingTable>ul>li .title {
        width: 33%;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        font-size: 16px;
        border-bottom: none;
        float: left;
        font-family: "OpenSans", sans-serif
    }
    .pricingTable>ul>li .pricing {
        width: 33%;
        padding: 0px;
        font-size: 28px;
        border-bottom: none;
        float: left;
        clear: left
    }
    .pricingTable>ul>li .options {
        padding: 0px;
        margin-right: 30px;
        border-bottom: none
    }
    .pricingTable>ul>li .options>li {
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-left: 0px;
        text-align: left
    }
    .pricingTable>ul>li .options>li:before {
        width: 12px;
        height: 12px;
        line-height: .9;
        top: 1px;
        position: relative
    }
    .pricingTable>ul>li .button {
        margin-top: 0px;
        padding: 6px 12px;
        font-size: 12px
    }
    .pricingTable>ul>li .button:hover {
        -webkit-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        box-shadow: none
    }
    .pricingTable>ul>li .button:active {
        -webkit-transform: scale(0.95) translateY(0);
        -moz-transform: scale(0.95) translateY(0);
        transform: scale(0.95) translateY(0);
        box-shadow: none
    }
}

@media only screen and (max-width: 479px) {
    .pricingTable>ul>li {
        padding: 10px 30px
    }
    .pricingTable>ul>li>* {
        display: block;
        float: none
    }
    .pricingTable>ul>li .title {
        width: 100%;
        font-size: 24px;
        font-family: "OpenSans_SemiBold", sans-serif;
        margin-bottom: 0px;
        padding: 12px 0px;
        float: none;
        border-bottom: 2px solid rgba(158, 158, 158, 0.2)
    }
    .pricingTable>ul>li .pricing {
        width: 100%;
        font-size: 50px;
        margin-bottom: 0px;
        padding: 30px 0px;
        float: none;
        border-bottom: 2px solid rgba(158, 158, 158, 0.2)
    }
    .pricingTable>ul>li .options {
        margin-right: 0px;
        margin-bottom: 10px;
        padding: 10px 0px;
        border-bottom: 2px solid rgba(158, 158, 158, 0.2)
    }
    .pricingTable>ul>li .options>li {
        text-align: center
    }
    .pricingTable>ul>li .button {
        width: 70%;
        margin: 20px auto 20px;
        font-size: 16px
    }
}

.cd-cart-trigger {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 9999;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden
}

.cd-cart-trigger .count {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    background: #F44336;
    color: #fff;
    border-radius: 50%;
    text-indent: 0;
    -webkit-transition: transform 0.2s 0.5s;
    -moz-transition: transform 0.2s 0.5s;
    transition: transform 0.2s 0.5s
}

.cd-cart-trigger .count li {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    list-style: none
}

.cd-cart-trigger .count li:last-of-type {
    visibility: hidden
}

.cd-cart-trigger .count.update-count li:last-of-type {
    -webkit-animation: cd-qty-enter .15s;
    -moz-animation: cd-qty-enter .15s;
    animation: cd-qty-enter .15s;
    -webkit-animation-direction: forwards;
    -moz-animation-direction: forwards;
    animation-direction: forwards
}

.cd-cart-trigger .count.update-count li:first-of-type {
    -webkit-animation: cd-qty-leave .15s;
    -moz-animation: cd-qty-leave .15s;
    animation: cd-qty-leave .15s;
    -webkit-animation-direction: forwards;
    -moz-animation-direction: forwards;
    animation-direction: forwards
}

.cd-cart-trigger:hover+div .wrapper {
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3)
}

.cd-cart-container::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    content: '';
    z-index: 9996;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s
}

.cd-cart {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 90%;
    height: 360px;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    z-index: 9997;
    max-width: 300px;
    max-height: 90%;
    pointer-events: none
}

.cd-cart .wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    z-index: 2;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: height .4s .1s, width .4s .1s, box-shadow .3s;
    -moz-transition: height .4s .1s, width .4s .1s, box-shadow .3s;
    transition: height .4s .1s, width .4s .1s, box-shadow .3s;
    -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    -moz-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    background: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
    pointer-events: auto
}

.cd-cart header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 2;
    opacity: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 1.4em;
    line-height: 40px;
    background-color: #fff;
    -webkit-transition: opacity 0.2s 0s;
    -moz-transition: opacity 0.2s 0s;
    transition: opacity 0.2s 0s;
    border-bottom: 1px solid #F0F3F4
}

.cd-cart footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
    background: #fff
}

.cd-cart .body {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    opacity: 0;
    position: relative;
    z-index: 1;
    height: calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    overflow: auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.cd-cart .body ul {
    overflow: hidden;
    padding: 0 1.4em;
    position: relative;
    padding-bottom: 90px
}

.cd-cart .body li {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-transition: opacity 0s .2s, transform 0s .2s;
    -moz-transition: opacity 0s .2s, transform 0s .2s;
    transition: opacity 0s .2s, transform 0s .2s
}

.cd-cart .body li.deleted {
    position: absolute;
    left: 1.4em;
    width: calc(100% - 2.8em);
    opacity: 0;
    -webkit-animation: cd-item-slide-out .3s forwards;
    -moz-animation: cd-item-slide-out .3s forwards;
    animation: cd-item-slide-out .3s forwards
}

.cd-cart .body li.deleted.undo-deleted {
    -webkit-animation: cd-item-slide-in .3s forwards;
    -moz-animation: cd-item-slide-in .3s forwards;
    animation: cd-item-slide-in .3s forwards
}

.cd-cart .body li.deleted+li {
    -webkit-animation: cd-item-move-up-mobile .3s;
    -moz-animation: cd-item-move-up-mobile .3s;
    animation: cd-item-move-up-mobile .3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.cd-cart .body li:not(:last-of-type) {
    margin-bottom: 20px
}

.cd-cart .body li.undo-deleted+li {
    -webkit-animation: cd-item-move-down-mobile .3s;
    -moz-animation: cd-item-move-down-mobile .3s;
    animation: cd-item-move-down-mobile .3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.cd-cart .body li::after {
    clear: both;
    content: "";
    display: block
}

.cd-cart header::after {
    clear: both;
    content: "";
    display: block
}

.cd-cart .undo {
    float: right;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    -moz-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s;
    color: #1C2B36
}

.cd-cart .undo a {
    color: #1C2B36
}

.cd-cart .undo a:hover {
    color: #1C2B36
}

.cd-cart .undo.visible {
    opacity: 1;
    visibility: visible
}

.cd-cart .checkout {
    height: 60px;
    margin-right: 60px;
    display: block;
    background: #23B7E5;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.2s 0s;
    -moz-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
    border-radius: 0
}

.cd-cart .checkout:hover {
    background: #19a9d5
}

.cd-cart .product-image {
    display: inline-block;
    float: left;
    width: 50px
}

.cd-cart .product-image img {
    display: block
}

.cd-cart .product-details {
    position: relative;
    display: inline-block;
    float: right;
    width: 75%;
    width: calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    padding: 0.3em 0 0 0.5em
}

.cd-cart .product-details::after {
    clear: both;
    content: "";
    display: block
}

.cd-cart h3 {
    width: 70%;
    margin-top: -30px;
    font-family: "OpenSans_SemiBold", sans-serif;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cd-cart h3 a {
    color: #00BCD4
}

.cd-cart h3 a:hover {
    color: #00BCD4
}

.cd-cart .price {
    width: 30%;
    margin-top: -30px;
    font-family: "OpenSans_SemiBold", sans-serif;
    float: right;
    text-align: right
}

.cd-cart .actions {
    height: 12px;
    font-size: 12px;
    line-height: 12px
}

.cd-cart .actions::after {
    clear: both;
    content: "";
    display: block
}

.cd-cart .delete-item {
    float: left;
    color: #F44336;
    backface-visibility: hidden;
    margin-right: 1em
}

.cd-cart .delete-item:hover {
    color: #F44336
}

.cd-cart .quantity {
    float: left;
    color: #00BCD4;
    backface-visibility: hidden
}

.cd-cart .quantity label {
    display: inline-block;
    margin-right: .3em
}

.cd-cart .select {
    position: relative
}

.cd-cart .select::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    content: '';
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    pointer-events: none
}

.cd-cart select {
    position: relative;
    padding: 0 1em 0 0;
    cursor: pointer;
    appearance: none;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 1.4rem;
    margin: 0;
    color: #00BCD4
}

.cd-cart select:focus {
    outline: none;
    color: #00BCD4;
    box-shadow: 0 1px 0 currentColor;
    -moz-box-shadow: 0 1px 0 currentColor;
    -webkit-box-shadow: 0 1px 0 currentColor
}

.cd-cart select::-ms-expand {
    display: none
}

.empty {
    display: none
}

.empty .cd-cart-trigger {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    transform: translateY(150px)
}

.empty .cd-cart-trigger .count {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.empty.cd-cart {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    transform: translateY(150px)
}

@media only screen and (min-width: 1170px) {
    .cd-cart-trigger,
    .cd-cart {
        bottom: 20px
    }
}

.cd-cart-trigger::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 40%;
    right: auto;
    bottom: auto;
    left: 40%;
    content: '';
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .2s, transform .2s;
    -moz-transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    background: url(../../img/demo/shop/cd-icons-cart-close.svg) no-repeat 0 0;
    background-position: -72px 0;
    opacity: 0
}

.cd-cart-trigger::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 40%;
    right: auto;
    bottom: auto;
    left: 40%;
    content: '';
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .2s, transform .2s;
    -moz-transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s;
    background: url(../../img/demo/shop/cd-icons-cart-close.svg) no-repeat 0 0
}

.cart-open .cd-cart-trigger::before {
    opacity: 0
}

.cart-open .cd-cart-trigger::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.cart-open .cd-cart-trigger .count {
    -webkit-transition: transform 0.2s 0s;
    -moz-transition: transform 0.2s 0s;
    transition: transform 0.2s 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

.cart-open .cd-cart-trigger:hover+div .wrapper {
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17)
}

.cart-open .cd-cart .wrapper {
    width: 100%;
    height: 100%;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.cart-open .cd-cart header {
    opacity: 1;
    -webkit-transition: opacity 0.2s 0.2s;
    -moz-transition: opacity 0.2s 0.2s;
    transition: opacity 0.2s 0.2s
}

.cart-open .cd-cart .body {
    opacity: 1;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s
}

.cart-open .cd-cart .body li {
    list-style: none;
    -webkit-transition: transform .3s .2s, opacity .3s .2s;
    -moz-transition: transform .3s .2s, opacity .3s .2s;
    transition: transform .3s .2s, opacity .3s .2s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.cart-open .cd-cart .body li:nth-of-type(2) {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

.cart-open .cd-cart .body li:nth-of-type(3) {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.cart-open .cd-cart .body li:nth-of-type(4),
.cart-open .cd-cart .body li:nth-of-type(5) {
    -webkit-transition-duration: .55s;
    -moz-transition-duration: .55s;
    transition-duration: .55s
}

.cart-open .cd-cart .checkout {
    color: #fff;
    -webkit-transition: color 0.2s 0.3s;
    -moz-transition: color 0.2s 0.3s;
    transition: color 0.2s 0.3s
}

@media only screen and (min-width: 768px) {
    .cd-cart .product-image {
        width: 60px
    }
    .cd-cart .product-details {
        width: 75%;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px)
    }
    .cd-cart h3,
    .cd-cart .price {
        font-size: 18px
    }
    .cd-cart .body li:not(:last-of-type) {
        margin-bottom: 14px
    }
    .cd-cart .body li.deleted+li {
        -webkit-animation: cd-item-move-up .3s;
        -moz-animation: cd-item-move-up .3s;
        animation: cd-item-move-up .3s
    }
    .cd-cart .body li.undo-deleted+li {
        -webkit-animation: cd-item-move-down .3s;
        -moz-animation: cd-item-move-down .3s;
        animation: cd-item-move-down .3s
    }
}

@-webkit-keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-moz-keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@keyframes cd-qty-enter {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@-webkit-keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        -moz-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@-moz-keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        -moz-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@keyframes cd-qty-leave {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        -moz-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%)
    }
}

@-webkit-keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px
    }
    100% {
        padding-top: 0
    }
}

@-moz-keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px
    }
    100% {
        padding-top: 0
    }
}

@keyframes cd-item-move-up-mobile {
    0% {
        padding-top: 70px
    }
    100% {
        padding-top: 0
    }
}

@-webkit-keyframes cd-item-move-up {
    0% {
        padding-top: 104px
    }
    100% {
        padding-top: 0
    }
}

@-moz-keyframes cd-item-move-up {
    0% {
        padding-top: 104px
    }
    100% {
        padding-top: 0
    }
}

@keyframes cd-item-move-up {
    0% {
        padding-top: 104px
    }
    100% {
        padding-top: 0
    }
}

@-webkit-keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 70px
    }
}

@-moz-keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 70px
    }
}

@keyframes cd-item-move-down-mobile {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 70px
    }
}

@-webkit-keyframes cd-item-move-down {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 104px
    }
}

@-moz-keyframes cd-item-move-down {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 104px
    }
}

@keyframes cd-item-move-down {
    0% {
        padding-top: 0
    }
    100% {
        padding-top: 104px
    }
}

@-webkit-keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@-moz-keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@keyframes cd-item-slide-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@-webkit-keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    0% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@-moz-keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    0% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

@keyframes cd-item-slide-in {
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    0% {
        -webkit-transform: translateX(80px);
        -moz-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0
    }
}

.cd-cart-container.cart-open::before {
    opacity: 1;
    visibility: visible
}

.bg-primary {
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
    color: #fff !important
}

.bg-primary-50 {
    background-color: #cfe8fc !important;
    border-color: #cfe8fc !important;
    color: #0d0d0d !important
}

.bg-primary-100 {
    background-color: #a8d6fa !important;
    border-color: #a8d6fa !important;
    color: #0d0d0d !important
}

.bg-primary-200 {
    background-color: #82c4f8 !important;
    border-color: #82c4f8 !important;
    color: #0d0d0d !important
}

.bg-primary-300 {
    background-color: #5bb1f6 !important;
    border-color: #5bb1f6 !important;
    color: #fff !important
}

.bg-primary-400 {
    background-color: #349ff4 !important;
    border-color: #349ff4 !important;
    color: #fff !important
}

.bg-primary-600 {
    background-color: #0e8df2 !important;
    border-color: #0e8df2 !important;
    color: #fff !important
}

.bg-primary-700 {
    background-color: #0c82df !important;
    border-color: #0c82df !important;
    color: #fff !important
}

.bg-primary-800 {
    background-color: #0b76cc !important;
    border-color: #0b76cc !important;
    color: #fff !important
}

.bg-primary-900 {
    background-color: #0a6bb8 !important;
    border-color: #0a6bb8 !important;
    color: #fff !important
}

.bg-primary-1000 {
    background-color: #0960a5 !important;
    border-color: #0960a5 !important;
    color: #fff !important
}

.bg-primary-1100 {
    background-color: #085592 !important;
    border-color: #085592 !important;
    color: #fff !important
}

.bg-primary-a100 {
    background-color: #039 !important;
    border-color: #039 !important;
    color: #0d0d0d !important
}

.bg-primary-a200 {
    background-color: #09c !important;
    border-color: #09c !important;
    color: #0d0d0d !important
}

.bg-primary-a300 {
    background-color: #6cf !important;
    border-color: #6cf !important;
    color: #fff !important
}

.bg-primary-a400 {
    background-color: #cfc !important;
    border-color: #cfc !important;
    color: #fff !important
}

.bg-primary-a500 {
    background-color: #04c !important;
    border-color: #04c !important;
    color: #fff !important
}

.bg-primary-a600 {
    background-color: #39f !important;
    border-color: #39f !important;
    color: #fff !important
}

.bg-primary-a700 {
    background-color: #f96 !important;
    border-color: #f96 !important;
    color: #fff !important
}

.bg-primary-a800 {
    background-color: #fc9 !important;
    border-color: #fc9 !important;
    color: #fff !important
}

.border-primary {
    border-color: #2196F3 !important
}

.border-primary-50 {
    border-color: #cfe8fc !important
}

.border-primary-100 {
    border-color: #a8d6fa !important
}

.border-primary-200 {
    border-color: #82c4f8 !important
}

.border-primary-300 {
    border-color: #5bb1f6 !important
}

.border-primary-400 {
    border-color: #349ff4 !important
}

.border-primary-600 {
    border-color: #0e8df2 !important
}

.border-primary-700 {
    border-color: #0c82df !important
}

.border-primary-800 {
    border-color: #0b76cc !important
}

.border-primary-900 {
    border-color: #0a6bb8 !important
}

.border-primary-1000 {
    border-color: #0960a5 !important
}

.border-primary-1100 {
    border-color: #085592 !important
}

.border-primary-a100 {
    border-color: #039 !important
}

.border-primary-a200 {
    border-color: #09c !important
}

.border-primary-a300 {
    border-color: #6cf !important
}

.border-primary-a400 {
    border-color: #cfc !important
}

.border-primary-a500 {
    border-color: #04c !important
}

.border-primary-a600 {
    border-color: #39f !important
}

.border-primary-a700 {
    border-color: #f96 !important
}

.border-primary-a800 {
    border-color: #fc9 !important
}

.border-top-primary {
    border-top-color: #2196F3 !important
}

.border-top-primary-50 {
    border-top-color: #cfe8fc !important
}

.border-top-primary-100 {
    border-top-color: #a8d6fa !important
}

.border-top-primary-200 {
    border-top-color: #82c4f8 !important
}

.border-top-primary-300 {
    border-top-color: #5bb1f6 !important
}

.border-top-primary-400 {
    border-top-color: #349ff4 !important
}

.border-top-primary-600 {
    border-top-color: #0e8df2 !important
}

.border-top-primary-700 {
    border-top-color: #0c82df !important
}

.border-top-primary-800 {
    border-top-color: #0b76cc !important
}

.border-top-primary-900 {
    border-top-color: #0a6bb8 !important
}

.border-top-primary-1000 {
    border-top-color: #0960a5 !important
}

.border-top-primary-1100 {
    border-top-color: #085592 !important
}

.border-top-primary-a100 {
    border-top-color: #039 !important
}

.border-top-primary-a200 {
    border-top-color: #09c !important
}

.border-top-primary-a300 {
    border-top-color: #6cf !important
}

.border-top-primary-a400 {
    border-top-color: #cfc !important
}

.border-top-primary-a500 {
    border-top-color: #04c !important
}

.border-top-primary-a600 {
    border-top-color: #39f !important
}

.border-top-primary-a700 {
    border-top-color: #f96 !important
}

.border-top-primary-a800 {
    border-top-color: #fc9 !important
}

.border-bottom-primary {
    border-bottom-color: #2196F3 !important
}

.border-bottom-primary-50 {
    border-bottom-color: #cfe8fc !important
}

.border-bottom-primary-100 {
    border-bottom-color: #a8d6fa !important
}

.border-bottom-primary-200 {
    border-bottom-color: #82c4f8 !important
}

.border-bottom-primary-300 {
    border-bottom-color: #5bb1f6 !important
}

.border-bottom-primary-400 {
    border-bottom-color: #349ff4 !important
}

.border-bottom-primary-600 {
    border-bottom-color: #0e8df2 !important
}

.border-bottom-primary-700 {
    border-bottom-color: #0c82df !important
}

.border-bottom-primary-800 {
    border-bottom-color: #0b76cc !important
}

.border-bottom-primary-900 {
    border-bottom-color: #0a6bb8 !important
}

.border-bottom-primary-1000 {
    border-bottom-color: #0960a5 !important
}

.border-bottom-primary-1100 {
    border-bottom-color: #085592 !important
}

.border-bottom-primary-a100 {
    border-bottom-color: #039 !important
}

.border-bottom-primary-a200 {
    border-bottom-color: #09c !important
}

.border-bottom-primary-a300 {
    border-bottom-color: #6cf !important
}

.border-bottom-primary-a400 {
    border-bottom-color: #cfc !important
}

.border-bottom-primary-a500 {
    border-bottom-color: #04c !important
}

.border-bottom-primary-a600 {
    border-bottom-color: #39f !important
}

.border-bottom-primary-a700 {
    border-bottom-color: #f96 !important
}

.border-bottom-primary-a800 {
    border-bottom-color: #fc9 !important
}

.border-left-primary {
    border-left-color: #2196F3 !important
}

.border-left-primary-50 {
    border-left-color: #cfe8fc !important
}

.border-left-primary-100 {
    border-left-color: #a8d6fa !important
}

.border-left-primary-200 {
    border-left-color: #82c4f8 !important
}

.border-left-primary-300 {
    border-left-color: #5bb1f6 !important
}

.border-left-primary-400 {
    border-left-color: #349ff4 !important
}

.border-left-primary-600 {
    border-left-color: #0e8df2 !important
}

.border-left-primary-700 {
    border-left-color: #0c82df !important
}

.border-left-primary-800 {
    border-left-color: #0b76cc !important
}

.border-left-primary-900 {
    border-left-color: #0a6bb8 !important
}

.border-left-primary-1000 {
    border-left-color: #0960a5 !important
}

.border-left-primary-1100 {
    border-left-color: #085592 !important
}

.border-left-primary-a100 {
    border-left-color: #039 !important
}

.border-left-primary-a200 {
    border-left-color: #09c !important
}

.border-left-primary-a300 {
    border-left-color: #6cf !important
}

.border-left-primary-a400 {
    border-left-color: #cfc !important
}

.border-left-primary-a500 {
    border-left-color: #04c !important
}

.border-left-primary-a600 {
    border-left-color: #39f !important
}

.border-left-primary-a700 {
    border-left-color: #f96 !important
}

.border-left-primary-a800 {
    border-left-color: #fc9 !important
}

.border-right-primary {
    border-right-color: #2196F3 !important
}

.border-right-primary-50 {
    border-right-color: #cfe8fc !important
}

.border-right-primary-100 {
    border-right-color: #a8d6fa !important
}

.border-right-primary-200 {
    border-right-color: #82c4f8 !important
}

.border-right-primary-300 {
    border-right-color: #5bb1f6 !important
}

.border-right-primary-400 {
    border-right-color: #349ff4 !important
}

.border-right-primary-600 {
    border-right-color: #0e8df2 !important
}

.border-right-primary-700 {
    border-right-color: #0c82df !important
}

.border-right-primary-800 {
    border-right-color: #0b76cc !important
}

.border-right-primary-900 {
    border-right-color: #0a6bb8 !important
}

.border-right-primary-1000 {
    border-right-color: #0960a5 !important
}

.border-right-primary-1100 {
    border-right-color: #085592 !important
}

.border-right-primary-a100 {
    border-right-color: #039 !important
}

.border-right-primary-a200 {
    border-right-color: #09c !important
}

.border-right-primary-a300 {
    border-right-color: #6cf !important
}

.border-right-primary-a400 {
    border-right-color: #cfc !important
}

.border-right-primary-a500 {
    border-right-color: #04c !important
}

.border-right-primary-a600 {
    border-right-color: #39f !important
}

.border-right-primary-a700 {
    border-right-color: #f96 !important
}

.border-right-primary-a800 {
    border-right-color: #fc9 !important
}

.text-primary {
    color: #2196F3 !important
}

.text-primary:focus,
.text-primary:hover {
    color: #2196F3 !important
}

.text-primary-50 {
    color: #cfe8fc !important
}

.text-primary-50:focus,
.text-primary-50:hover {
    color: #cfe8fc !important
}

.text-primary-100 {
    color: #a8d6fa !important
}

.text-primary-100:focus,
.text-primary-100:hover {
    color: #a8d6fa !important
}

.text-primary-200 {
    color: #82c4f8 !important
}

.text-primary-200:focus,
.text-primary-200:hover {
    color: #82c4f8 !important
}

.text-primary-300 {
    color: #5bb1f6 !important
}

.text-primary-300:focus,
.text-primary-300:hover {
    color: #5bb1f6 !important
}

.text-primary-400 {
    color: #349ff4 !important
}

.text-primary-400:focus,
.text-primary-400:hover {
    color: #349ff4 !important
}

.text-primary-600 {
    color: #0e8df2 !important
}

.text-primary-600:focus,
.text-primary-600:hover {
    color: #0e8df2 !important
}

.text-primary-700 {
    color: #0c82df !important
}

.text-primary-700:focus,
.text-primary-700:hover {
    color: #0c82df !important
}

.text-primary-800 {
    color: #0b76cc !important
}

.text-primary-800:focus,
.text-primary-800:hover {
    color: #0b76cc !important
}

.text-primary-900 {
    color: #0a6bb8 !important
}

.text-primary-900:focus,
.text-primary-900:hover {
    color: #0a6bb8 !important
}

.text-primary-1000 {
    color: #0960a5 !important
}

.text-primary-1000:focus,
.text-primary-1000:hover {
    color: #0960a5 !important
}

.text-primary-1100 {
    color: #085592 !important
}

.text-primary-1100:focus,
.text-primary-1100:hover {
    color: #085592 !important
}

.text-primary-a100 {
    color: #039 !important
}

.text-primary-a100:focus,
.text-primary-a100:hover {
    color: #039 !important
}

.text-primary-a200 {
    color: #09c !important
}

.text-primary-a200:focus,
.text-primary-a200:hover {
    color: #09c !important
}

.text-primary-a300 {
    color: #6cf !important
}

.text-primary-a300:focus,
.text-primary-a300:hover {
    color: #6cf !important
}

.text-primary-a400 {
    color: #cfc !important
}

.text-primary-a400:focus,
.text-primary-a400:hover {
    color: #cfc !important
}

.text-primary-a500 {
    color: #04c !important
}

.text-primary-a500:focus,
.text-primary-a500:hover {
    color: #04c !important
}

.text-primary-a600 {
    color: #39f !important
}

.text-primary-a600:focus,
.text-primary-a600:hover {
    color: #39f !important
}

.text-primary-a700 {
    color: #f96 !important
}

.text-primary-a700:focus,
.text-primary-a700:hover {
    color: #f96 !important
}

.text-primary-a800 {
    color: #fc9 !important
}

.text-primary-a800:focus,
.text-primary-a800:hover {
    color: #fc9 !important
}

.bg-success {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff !important
}

.bg-success-50 {
    background-color: #cae8cc !important;
    border-color: #cae8cc !important;
    color: #0d0d0d !important
}

.bg-success-100 {
    background-color: #aedcb0 !important;
    border-color: #aedcb0 !important;
    color: #0d0d0d !important
}

.bg-success-200 {
    background-color: #92cf94 !important;
    border-color: #92cf94 !important;
    color: #0d0d0d !important
}

.bg-success-300 {
    background-color: #75c378 !important;
    border-color: #75c378 !important;
    color: #fff !important
}

.bg-success-400 {
    background-color: #59b75c !important;
    border-color: #59b75c !important;
    color: #fff !important
}

.bg-success-600 {
    background-color: #46a149 !important;
    border-color: #46a149 !important;
    color: #fff !important
}

.bg-success-700 {
    background-color: #409343 !important;
    border-color: #409343 !important;
    color: #fff !important
}

.bg-success-800 {
    background-color: #39843c !important;
    border-color: #39843c !important;
    color: #fff !important
}

.bg-success-900 {
    background-color: #337636 !important;
    border-color: #337636 !important;
    color: #fff !important
}

.bg-success-1000 {
    background-color: #2d682f !important;
    border-color: #2d682f !important;
    color: #fff !important
}

.bg-success-1100 {
    background-color: #275a29 !important;
    border-color: #275a29 !important;
    color: #fff !important
}

.bg-success-a100 {
    background-color: #206031 !important;
    border-color: #206031 !important;
    color: #0d0d0d !important
}

.bg-success-a200 {
    background-color: #3b862d !important;
    border-color: #3b862d !important;
    color: #0d0d0d !important
}

.bg-success-a300 {
    background-color: #80d27a !important;
    border-color: #80d27a !important;
    color: #fff !important
}

.bg-success-a400 {
    background-color: #ecddc6 !important;
    border-color: #ecddc6 !important;
    color: #fff !important
}

.bg-success-a500 {
    background-color: #2d8645 !important;
    border-color: #2d8645 !important;
    color: #fff !important
}

.bg-success-a600 {
    background-color: #54c55f !important;
    border-color: #54c55f !important;
    color: #fff !important
}

.bg-success-a700 {
    background-color: #cc7ad2 !important;
    border-color: #cc7ad2 !important;
    color: #fff !important
}

.bg-success-a800 {
    background-color: #dfa0d9 !important;
    border-color: #dfa0d9 !important;
    color: #fff !important
}

.border-success {
    border-color: #4CAF50 !important
}

.border-success-50 {
    border-color: #cae8cc !important
}

.border-success-100 {
    border-color: #aedcb0 !important
}

.border-success-200 {
    border-color: #92cf94 !important
}

.border-success-300 {
    border-color: #75c378 !important
}

.border-success-400 {
    border-color: #59b75c !important
}

.border-success-600 {
    border-color: #46a149 !important
}

.border-success-700 {
    border-color: #409343 !important
}

.border-success-800 {
    border-color: #39843c !important
}

.border-success-900 {
    border-color: #337636 !important
}

.border-success-1000 {
    border-color: #2d682f !important
}

.border-success-1100 {
    border-color: #275a29 !important
}

.border-success-a100 {
    border-color: #206031 !important
}

.border-success-a200 {
    border-color: #3b862d !important
}

.border-success-a300 {
    border-color: #80d27a !important
}

.border-success-a400 {
    border-color: #ecddc6 !important
}

.border-success-a500 {
    border-color: #2d8645 !important
}

.border-success-a600 {
    border-color: #54c55f !important
}

.border-success-a700 {
    border-color: #cc7ad2 !important
}

.border-success-a800 {
    border-color: #dfa0d9 !important
}

.border-top-success {
    border-top-color: #4CAF50 !important
}

.border-top-success-50 {
    border-top-color: #cae8cc !important
}

.border-top-success-100 {
    border-top-color: #aedcb0 !important
}

.border-top-success-200 {
    border-top-color: #92cf94 !important
}

.border-top-success-300 {
    border-top-color: #75c378 !important
}

.border-top-success-400 {
    border-top-color: #59b75c !important
}

.border-top-success-600 {
    border-top-color: #46a149 !important
}

.border-top-success-700 {
    border-top-color: #409343 !important
}

.border-top-success-800 {
    border-top-color: #39843c !important
}

.border-top-success-900 {
    border-top-color: #337636 !important
}

.border-top-success-1000 {
    border-top-color: #2d682f !important
}

.border-top-success-1100 {
    border-top-color: #275a29 !important
}

.border-top-success-a100 {
    border-top-color: #206031 !important
}

.border-top-success-a200 {
    border-top-color: #3b862d !important
}

.border-top-success-a300 {
    border-top-color: #80d27a !important
}

.border-top-success-a400 {
    border-top-color: #ecddc6 !important
}

.border-top-success-a500 {
    border-top-color: #2d8645 !important
}

.border-top-success-a600 {
    border-top-color: #54c55f !important
}

.border-top-success-a700 {
    border-top-color: #cc7ad2 !important
}

.border-top-success-a800 {
    border-top-color: #dfa0d9 !important
}

.border-bottom-success {
    border-bottom-color: #4CAF50 !important
}

.border-bottom-success-50 {
    border-bottom-color: #cae8cc !important
}

.border-bottom-success-100 {
    border-bottom-color: #aedcb0 !important
}

.border-bottom-success-200 {
    border-bottom-color: #92cf94 !important
}

.border-bottom-success-300 {
    border-bottom-color: #75c378 !important
}

.border-bottom-success-400 {
    border-bottom-color: #59b75c !important
}

.border-bottom-success-600 {
    border-bottom-color: #46a149 !important
}

.border-bottom-success-700 {
    border-bottom-color: #409343 !important
}

.border-bottom-success-800 {
    border-bottom-color: #39843c !important
}

.border-bottom-success-900 {
    border-bottom-color: #337636 !important
}

.border-bottom-success-1000 {
    border-bottom-color: #2d682f !important
}

.border-bottom-success-1100 {
    border-bottom-color: #275a29 !important
}

.border-bottom-success-a100 {
    border-bottom-color: #206031 !important
}

.border-bottom-success-a200 {
    border-bottom-color: #3b862d !important
}

.border-bottom-success-a300 {
    border-bottom-color: #80d27a !important
}

.border-bottom-success-a400 {
    border-bottom-color: #ecddc6 !important
}

.border-bottom-success-a500 {
    border-bottom-color: #2d8645 !important
}

.border-bottom-success-a600 {
    border-bottom-color: #54c55f !important
}

.border-bottom-success-a700 {
    border-bottom-color: #cc7ad2 !important
}

.border-bottom-success-a800 {
    border-bottom-color: #dfa0d9 !important
}

.border-left-success {
    border-left-color: #4CAF50 !important
}

.border-left-success-50 {
    border-left-color: #cae8cc !important
}

.border-left-success-100 {
    border-left-color: #aedcb0 !important
}

.border-left-success-200 {
    border-left-color: #92cf94 !important
}

.border-left-success-300 {
    border-left-color: #75c378 !important
}

.border-left-success-400 {
    border-left-color: #59b75c !important
}

.border-left-success-600 {
    border-left-color: #46a149 !important
}

.border-left-success-700 {
    border-left-color: #409343 !important
}

.border-left-success-800 {
    border-left-color: #39843c !important
}

.border-left-success-900 {
    border-left-color: #337636 !important
}

.border-left-success-1000 {
    border-left-color: #2d682f !important
}

.border-left-success-1100 {
    border-left-color: #275a29 !important
}

.border-left-success-a100 {
    border-left-color: #206031 !important
}

.border-left-success-a200 {
    border-left-color: #3b862d !important
}

.border-left-success-a300 {
    border-left-color: #80d27a !important
}

.border-left-success-a400 {
    border-left-color: #ecddc6 !important
}

.border-left-success-a500 {
    border-left-color: #2d8645 !important
}

.border-left-success-a600 {
    border-left-color: #54c55f !important
}

.border-left-success-a700 {
    border-left-color: #cc7ad2 !important
}

.border-left-success-a800 {
    border-left-color: #dfa0d9 !important
}

.border-right-success {
    border-right-color: #4CAF50 !important
}

.border-right-success-50 {
    border-right-color: #cae8cc !important
}

.border-right-success-100 {
    border-right-color: #aedcb0 !important
}

.border-right-success-200 {
    border-right-color: #92cf94 !important
}

.border-right-success-300 {
    border-right-color: #75c378 !important
}

.border-right-success-400 {
    border-right-color: #59b75c !important
}

.border-right-success-600 {
    border-right-color: #46a149 !important
}

.border-right-success-700 {
    border-right-color: #409343 !important
}

.border-right-success-800 {
    border-right-color: #39843c !important
}

.border-right-success-900 {
    border-right-color: #337636 !important
}

.border-right-success-1000 {
    border-right-color: #2d682f !important
}

.border-right-success-1100 {
    border-right-color: #275a29 !important
}

.border-right-success-a100 {
    border-right-color: #206031 !important
}

.border-right-success-a200 {
    border-right-color: #3b862d !important
}

.border-right-success-a300 {
    border-right-color: #80d27a !important
}

.border-right-success-a400 {
    border-right-color: #ecddc6 !important
}

.border-right-success-a500 {
    border-right-color: #2d8645 !important
}

.border-right-success-a600 {
    border-right-color: #54c55f !important
}

.border-right-success-a700 {
    border-right-color: #cc7ad2 !important
}

.border-right-success-a800 {
    border-right-color: #dfa0d9 !important
}

.text-success {
    color: #4CAF50 !important
}

.text-success:focus,
.text-success:hover {
    color: #4CAF50 !important
}

.text-success-50 {
    color: #cae8cc !important
}

.text-success-50:focus,
.text-success-50:hover {
    color: #cae8cc !important
}

.text-success-100 {
    color: #aedcb0 !important
}

.text-success-100:focus,
.text-success-100:hover {
    color: #aedcb0 !important
}

.text-success-200 {
    color: #92cf94 !important
}

.text-success-200:focus,
.text-success-200:hover {
    color: #92cf94 !important
}

.text-success-300 {
    color: #75c378 !important
}

.text-success-300:focus,
.text-success-300:hover {
    color: #75c378 !important
}

.text-success-400 {
    color: #59b75c !important
}

.text-success-400:focus,
.text-success-400:hover {
    color: #59b75c !important
}

.text-success-600 {
    color: #46a149 !important
}

.text-success-600:focus,
.text-success-600:hover {
    color: #46a149 !important
}

.text-success-700 {
    color: #409343 !important
}

.text-success-700:focus,
.text-success-700:hover {
    color: #409343 !important
}

.text-success-800 {
    color: #39843c !important
}

.text-success-800:focus,
.text-success-800:hover {
    color: #39843c !important
}

.text-success-900 {
    color: #337636 !important
}

.text-success-900:focus,
.text-success-900:hover {
    color: #337636 !important
}

.text-success-1000 {
    color: #2d682f !important
}

.text-success-1000:focus,
.text-success-1000:hover {
    color: #2d682f !important
}

.text-success-1100 {
    color: #275a29 !important
}

.text-success-1100:focus,
.text-success-1100:hover {
    color: #275a29 !important
}

.text-success-a100 {
    color: #206031 !important
}

.text-success-a100:focus,
.text-success-a100:hover {
    color: #206031 !important
}

.text-success-a200 {
    color: #3b862d !important
}

.text-success-a200:focus,
.text-success-a200:hover {
    color: #3b862d !important
}

.text-success-a300 {
    color: #80d27a !important
}

.text-success-a300:focus,
.text-success-a300:hover {
    color: #80d27a !important
}

.text-success-a400 {
    color: #ecddc6 !important
}

.text-success-a400:focus,
.text-success-a400:hover {
    color: #ecddc6 !important
}

.text-success-a500 {
    color: #2d8645 !important
}

.text-success-a500:focus,
.text-success-a500:hover {
    color: #2d8645 !important
}

.text-success-a600 {
    color: #54c55f !important
}

.text-success-a600:focus,
.text-success-a600:hover {
    color: #54c55f !important
}

.text-success-a700 {
    color: #cc7ad2 !important
}

.text-success-a700:focus,
.text-success-a700:hover {
    color: #cc7ad2 !important
}

.text-success-a800 {
    color: #dfa0d9 !important
}

.text-success-a800:focus,
.text-success-a800:hover {
    color: #dfa0d9 !important
}

.bg-info {
    background-color: #00BCD4 !important;
    border-color: #00BCD4 !important;
    color: #fff !important
}

.bg-info-50 {
    background-color: #8df2ff !important;
    border-color: #8df2ff !important;
    color: #0d0d0d !important
}

.bg-info-100 {
    background-color: #64edff !important;
    border-color: #64edff !important;
    color: #0d0d0d !important
}

.bg-info-200 {
    background-color: #3be9ff !important;
    border-color: #3be9ff !important;
    color: #0d0d0d !important
}

.bg-info-300 {
    background-color: #12e4ff !important;
    border-color: #12e4ff !important;
    color: #fff !important
}

.bg-info-400 {
    background-color: #00cee8 !important;
    border-color: #00cee8 !important;
    color: #fff !important
}

.bg-info-600 {
    background-color: #00aac0 !important;
    border-color: #00aac0 !important;
    color: #fff !important
}

.bg-info-700 {
    background-color: #0098ab !important;
    border-color: #0098ab !important;
    color: #fff !important
}

.bg-info-800 {
    background-color: #008697 !important;
    border-color: #008697 !important;
    color: #fff !important
}

.bg-info-900 {
    background-color: #007482 !important;
    border-color: #007482 !important;
    color: #fff !important
}

.bg-info-1000 {
    background-color: #00626e !important;
    border-color: #00626e !important;
    color: #fff !important
}

.bg-info-1100 {
    background-color: #004f5a !important;
    border-color: #004f5a !important;
    color: #fff !important
}

.bg-info-a100 {
    background-color: #003b59 !important;
    border-color: #003b59 !important;
    color: #0d0d0d !important
}

.bg-info-a200 {
    background-color: #008c81 !important;
    border-color: #008c81 !important;
    color: #0d0d0d !important
}

.bg-info-a300 {
    background-color: #26feff !important;
    border-color: #26feff !important;
    color: #fff !important
}

.bg-info-a400 {
    background-color: #b2ff8c !important;
    border-color: #b2ff8c !important;
    color: #fff !important
}

.bg-info-a500 {
    background-color: #005d8c !important;
    border-color: #005d8c !important;
    color: #fff !important
}

.bg-info-a600 {
    background-color: #00c9f2 !important;
    border-color: #00c9f2 !important;
    color: #fff !important
}

.bg-info-a700 {
    background-color: #ff2726 !important;
    border-color: #ff2726 !important;
    color: #fff !important
}

.bg-info-a800 {
    background-color: #ff7559 !important;
    border-color: #ff7559 !important;
    color: #fff !important
}

.border-info {
    border-color: #00BCD4 !important
}

.border-info-50 {
    border-color: #8df2ff !important
}

.border-info-100 {
    border-color: #64edff !important
}

.border-info-200 {
    border-color: #3be9ff !important
}

.border-info-300 {
    border-color: #12e4ff !important
}

.border-info-400 {
    border-color: #00cee8 !important
}

.border-info-600 {
    border-color: #00aac0 !important
}

.border-info-700 {
    border-color: #0098ab !important
}

.border-info-800 {
    border-color: #008697 !important
}

.border-info-900 {
    border-color: #007482 !important
}

.border-info-1000 {
    border-color: #00626e !important
}

.border-info-1100 {
    border-color: #004f5a !important
}

.border-info-a100 {
    border-color: #003b59 !important
}

.border-info-a200 {
    border-color: #008c81 !important
}

.border-info-a300 {
    border-color: #26feff !important
}

.border-info-a400 {
    border-color: #b2ff8c !important
}

.border-info-a500 {
    border-color: #005d8c !important
}

.border-info-a600 {
    border-color: #00c9f2 !important
}

.border-info-a700 {
    border-color: #ff2726 !important
}

.border-info-a800 {
    border-color: #ff7559 !important
}

.border-top-info {
    border-top-color: #00BCD4 !important
}

.border-top-info-50 {
    border-top-color: #8df2ff !important
}

.border-top-info-100 {
    border-top-color: #64edff !important
}

.border-top-info-200 {
    border-top-color: #3be9ff !important
}

.border-top-info-300 {
    border-top-color: #12e4ff !important
}

.border-top-info-400 {
    border-top-color: #00cee8 !important
}

.border-top-info-600 {
    border-top-color: #00aac0 !important
}

.border-top-info-700 {
    border-top-color: #0098ab !important
}

.border-top-info-800 {
    border-top-color: #008697 !important
}

.border-top-info-900 {
    border-top-color: #007482 !important
}

.border-top-info-1000 {
    border-top-color: #00626e !important
}

.border-top-info-1100 {
    border-top-color: #004f5a !important
}

.border-top-info-a100 {
    border-top-color: #003b59 !important
}

.border-top-info-a200 {
    border-top-color: #008c81 !important
}

.border-top-info-a300 {
    border-top-color: #26feff !important
}

.border-top-info-a400 {
    border-top-color: #b2ff8c !important
}

.border-top-info-a500 {
    border-top-color: #005d8c !important
}

.border-top-info-a600 {
    border-top-color: #00c9f2 !important
}

.border-top-info-a700 {
    border-top-color: #ff2726 !important
}

.border-top-info-a800 {
    border-top-color: #ff7559 !important
}

.border-bottom-info {
    border-bottom-color: #00BCD4 !important
}

.border-bottom-info-50 {
    border-bottom-color: #8df2ff !important
}

.border-bottom-info-100 {
    border-bottom-color: #64edff !important
}

.border-bottom-info-200 {
    border-bottom-color: #3be9ff !important
}

.border-bottom-info-300 {
    border-bottom-color: #12e4ff !important
}

.border-bottom-info-400 {
    border-bottom-color: #00cee8 !important
}

.border-bottom-info-600 {
    border-bottom-color: #00aac0 !important
}

.border-bottom-info-700 {
    border-bottom-color: #0098ab !important
}

.border-bottom-info-800 {
    border-bottom-color: #008697 !important
}

.border-bottom-info-900 {
    border-bottom-color: #007482 !important
}

.border-bottom-info-1000 {
    border-bottom-color: #00626e !important
}

.border-bottom-info-1100 {
    border-bottom-color: #004f5a !important
}

.border-bottom-info-a100 {
    border-bottom-color: #003b59 !important
}

.border-bottom-info-a200 {
    border-bottom-color: #008c81 !important
}

.border-bottom-info-a300 {
    border-bottom-color: #26feff !important
}

.border-bottom-info-a400 {
    border-bottom-color: #b2ff8c !important
}

.border-bottom-info-a500 {
    border-bottom-color: #005d8c !important
}

.border-bottom-info-a600 {
    border-bottom-color: #00c9f2 !important
}

.border-bottom-info-a700 {
    border-bottom-color: #ff2726 !important
}

.border-bottom-info-a800 {
    border-bottom-color: #ff7559 !important
}

.border-left-info {
    border-left-color: #00BCD4 !important
}

.border-left-info-50 {
    border-left-color: #8df2ff !important
}

.border-left-info-100 {
    border-left-color: #64edff !important
}

.border-left-info-200 {
    border-left-color: #3be9ff !important
}

.border-left-info-300 {
    border-left-color: #12e4ff !important
}

.border-left-info-400 {
    border-left-color: #00cee8 !important
}

.border-left-info-600 {
    border-left-color: #00aac0 !important
}

.border-left-info-700 {
    border-left-color: #0098ab !important
}

.border-left-info-800 {
    border-left-color: #008697 !important
}

.border-left-info-900 {
    border-left-color: #007482 !important
}

.border-left-info-1000 {
    border-left-color: #00626e !important
}

.border-left-info-1100 {
    border-left-color: #004f5a !important
}

.border-left-info-a100 {
    border-left-color: #003b59 !important
}

.border-left-info-a200 {
    border-left-color: #008c81 !important
}

.border-left-info-a300 {
    border-left-color: #26feff !important
}

.border-left-info-a400 {
    border-left-color: #b2ff8c !important
}

.border-left-info-a500 {
    border-left-color: #005d8c !important
}

.border-left-info-a600 {
    border-left-color: #00c9f2 !important
}

.border-left-info-a700 {
    border-left-color: #ff2726 !important
}

.border-left-info-a800 {
    border-left-color: #ff7559 !important
}

.border-right-info {
    border-right-color: #00BCD4 !important
}

.border-right-info-50 {
    border-right-color: #8df2ff !important
}

.border-right-info-100 {
    border-right-color: #64edff !important
}

.border-right-info-200 {
    border-right-color: #3be9ff !important
}

.border-right-info-300 {
    border-right-color: #12e4ff !important
}

.border-right-info-400 {
    border-right-color: #00cee8 !important
}

.border-right-info-600 {
    border-right-color: #00aac0 !important
}

.border-right-info-700 {
    border-right-color: #0098ab !important
}

.border-right-info-800 {
    border-right-color: #008697 !important
}

.border-right-info-900 {
    border-right-color: #007482 !important
}

.border-right-info-1000 {
    border-right-color: #00626e !important
}

.border-right-info-1100 {
    border-right-color: #004f5a !important
}

.border-right-info-a100 {
    border-right-color: #003b59 !important
}

.border-right-info-a200 {
    border-right-color: #008c81 !important
}

.border-right-info-a300 {
    border-right-color: #26feff !important
}

.border-right-info-a400 {
    border-right-color: #b2ff8c !important
}

.border-right-info-a500 {
    border-right-color: #005d8c !important
}

.border-right-info-a600 {
    border-right-color: #00c9f2 !important
}

.border-right-info-a700 {
    border-right-color: #ff2726 !important
}

.border-right-info-a800 {
    border-right-color: #ff7559 !important
}

.text-info {
    color: #00BCD4 !important
}

.text-info:focus,
.text-info:hover {
    color: #00BCD4 !important
}

.text-info-50 {
    color: #8df2ff !important
}

.text-info-50:focus,
.text-info-50:hover {
    color: #8df2ff !important
}

.text-info-100 {
    color: #64edff !important
}

.text-info-100:focus,
.text-info-100:hover {
    color: #64edff !important
}

.text-info-200 {
    color: #3be9ff !important
}

.text-info-200:focus,
.text-info-200:hover {
    color: #3be9ff !important
}

.text-info-300 {
    color: #12e4ff !important
}

.text-info-300:focus,
.text-info-300:hover {
    color: #12e4ff !important
}

.text-info-400 {
    color: #00cee8 !important
}

.text-info-400:focus,
.text-info-400:hover {
    color: #00cee8 !important
}

.text-info-600 {
    color: #00aac0 !important
}

.text-info-600:focus,
.text-info-600:hover {
    color: #00aac0 !important
}

.text-info-700 {
    color: #0098ab !important
}

.text-info-700:focus,
.text-info-700:hover {
    color: #0098ab !important
}

.text-info-800 {
    color: #008697 !important
}

.text-info-800:focus,
.text-info-800:hover {
    color: #008697 !important
}

.text-info-900 {
    color: #007482 !important
}

.text-info-900:focus,
.text-info-900:hover {
    color: #007482 !important
}

.text-info-1000 {
    color: #00626e !important
}

.text-info-1000:focus,
.text-info-1000:hover {
    color: #00626e !important
}

.text-info-1100 {
    color: #004f5a !important
}

.text-info-1100:focus,
.text-info-1100:hover {
    color: #004f5a !important
}

.text-info-a100 {
    color: #003b59 !important
}

.text-info-a100:focus,
.text-info-a100:hover {
    color: #003b59 !important
}

.text-info-a200 {
    color: #008c81 !important
}

.text-info-a200:focus,
.text-info-a200:hover {
    color: #008c81 !important
}

.text-info-a300 {
    color: #26feff !important
}

.text-info-a300:focus,
.text-info-a300:hover {
    color: #26feff !important
}

.text-info-a400 {
    color: #b2ff8c !important
}

.text-info-a400:focus,
.text-info-a400:hover {
    color: #b2ff8c !important
}

.text-info-a500 {
    color: #005d8c !important
}

.text-info-a500:focus,
.text-info-a500:hover {
    color: #005d8c !important
}

.text-info-a600 {
    color: #00c9f2 !important
}

.text-info-a600:focus,
.text-info-a600:hover {
    color: #00c9f2 !important
}

.text-info-a700 {
    color: #ff2726 !important
}

.text-info-a700:focus,
.text-info-a700:hover {
    color: #ff2726 !important
}

.text-info-a800 {
    color: #ff7559 !important
}

.text-info-a800:focus,
.text-info-a800:hover {
    color: #ff7559 !important
}

.bg-warning {
    background-color: #FF5722 !important;
    border-color: #FF5722 !important;
    color: #fff !important
}

.bg-warning-50 {
    background-color: #ffe3da !important;
    border-color: #ffe3da !important;
    color: #0d0d0d !important
}

.bg-warning-100 {
    background-color: #ffc4b1 !important;
    border-color: #ffc4b1 !important;
    color: #0d0d0d !important
}

.bg-warning-200 {
    background-color: #ffa588 !important;
    border-color: #ffa588 !important;
    color: #0d0d0d !important
}

.bg-warning-300 {
    background-color: #ff865f !important;
    border-color: #ff865f !important;
    color: #fff !important
}

.bg-warning-400 {
    background-color: #ff6736 !important;
    border-color: #ff6736 !important;
    color: #fff !important
}

.bg-warning-600 {
    background-color: #ff470e !important;
    border-color: #ff470e !important;
    color: #fff !important
}

.bg-warning-700 {
    background-color: #f83c00 !important;
    border-color: #f83c00 !important;
    color: #fff !important
}

.bg-warning-800 {
    background-color: #e43700 !important;
    border-color: #e43700 !important;
    color: #fff !important
}

.bg-warning-900 {
    background-color: #cf3200 !important;
    border-color: #cf3200 !important;
    color: #fff !important
}

.bg-warning-1000 {
    background-color: #bb2d00 !important;
    border-color: #bb2d00 !important;
    color: #fff !important
}

.bg-warning-1100 {
    background-color: #a72800 !important;
    border-color: #a72800 !important;
    color: #fff !important
}

.bg-warning-a100 {
    background-color: #a64d00 !important;
    border-color: #a64d00 !important;
    color: #0d0d0d !important
}

.bg-warning-a200 {
    background-color: #d90a00 !important;
    border-color: #d90a00 !important;
    color: #0d0d0d !important
}

.bg-warning-a300 {
    background-color: #ff8573 !important;
    border-color: #ff8573 !important;
    color: #fff !important
}

.bg-warning-a400 {
    background-color: #f7d9ff !important;
    border-color: #f7d9ff !important;
    color: #fff !important
}

.bg-warning-a500 {
    background-color: #d96500 !important;
    border-color: #d96500 !important;
    color: #fff !important
}

.bg-warning-a600 {
    background-color: #ff7940 !important;
    border-color: #ff7940 !important;
    color: #fff !important
}

.bg-warning-a700 {
    background-color: #73edff !important;
    border-color: #73edff !important;
    color: #fff !important
}

.bg-warning-a800 {
    background-color: #a6e5ff !important;
    border-color: #a6e5ff !important;
    color: #fff !important
}

.border-warning {
    border-color: #FF5722 !important
}

.border-warning-50 {
    border-color: #ffe3da !important
}

.border-warning-100 {
    border-color: #ffc4b1 !important
}

.border-warning-200 {
    border-color: #ffa588 !important
}

.border-warning-300 {
    border-color: #ff865f !important
}

.border-warning-400 {
    border-color: #ff6736 !important
}

.border-warning-600 {
    border-color: #ff470e !important
}

.border-warning-700 {
    border-color: #f83c00 !important
}

.border-warning-800 {
    border-color: #e43700 !important
}

.border-warning-900 {
    border-color: #cf3200 !important
}

.border-warning-1000 {
    border-color: #bb2d00 !important
}

.border-warning-1100 {
    border-color: #a72800 !important
}

.border-warning-a100 {
    border-color: #a64d00 !important
}

.border-warning-a200 {
    border-color: #d90a00 !important
}

.border-warning-a300 {
    border-color: #ff8573 !important
}

.border-warning-a400 {
    border-color: #f7d9ff !important
}

.border-warning-a500 {
    border-color: #d96500 !important
}

.border-warning-a600 {
    border-color: #ff7940 !important
}

.border-warning-a700 {
    border-color: #73edff !important
}

.border-warning-a800 {
    border-color: #a6e5ff !important
}

.border-top-warning {
    border-top-color: #FF5722 !important
}

.border-top-warning-50 {
    border-top-color: #ffe3da !important
}

.border-top-warning-100 {
    border-top-color: #ffc4b1 !important
}

.border-top-warning-200 {
    border-top-color: #ffa588 !important
}

.border-top-warning-300 {
    border-top-color: #ff865f !important
}

.border-top-warning-400 {
    border-top-color: #ff6736 !important
}

.border-top-warning-600 {
    border-top-color: #ff470e !important
}

.border-top-warning-700 {
    border-top-color: #f83c00 !important
}

.border-top-warning-800 {
    border-top-color: #e43700 !important
}

.border-top-warning-900 {
    border-top-color: #cf3200 !important
}

.border-top-warning-1000 {
    border-top-color: #bb2d00 !important
}

.border-top-warning-1100 {
    border-top-color: #a72800 !important
}

.border-top-warning-a100 {
    border-top-color: #a64d00 !important
}

.border-top-warning-a200 {
    border-top-color: #d90a00 !important
}

.border-top-warning-a300 {
    border-top-color: #ff8573 !important
}

.border-top-warning-a400 {
    border-top-color: #f7d9ff !important
}

.border-top-warning-a500 {
    border-top-color: #d96500 !important
}

.border-top-warning-a600 {
    border-top-color: #ff7940 !important
}

.border-top-warning-a700 {
    border-top-color: #73edff !important
}

.border-top-warning-a800 {
    border-top-color: #a6e5ff !important
}

.border-bottom-warning {
    border-bottom-color: #FF5722 !important
}

.border-bottom-warning-50 {
    border-bottom-color: #ffe3da !important
}

.border-bottom-warning-100 {
    border-bottom-color: #ffc4b1 !important
}

.border-bottom-warning-200 {
    border-bottom-color: #ffa588 !important
}

.border-bottom-warning-300 {
    border-bottom-color: #ff865f !important
}

.border-bottom-warning-400 {
    border-bottom-color: #ff6736 !important
}

.border-bottom-warning-600 {
    border-bottom-color: #ff470e !important
}

.border-bottom-warning-700 {
    border-bottom-color: #f83c00 !important
}

.border-bottom-warning-800 {
    border-bottom-color: #e43700 !important
}

.border-bottom-warning-900 {
    border-bottom-color: #cf3200 !important
}

.border-bottom-warning-1000 {
    border-bottom-color: #bb2d00 !important
}

.border-bottom-warning-1100 {
    border-bottom-color: #a72800 !important
}

.border-bottom-warning-a100 {
    border-bottom-color: #a64d00 !important
}

.border-bottom-warning-a200 {
    border-bottom-color: #d90a00 !important
}

.border-bottom-warning-a300 {
    border-bottom-color: #ff8573 !important
}

.border-bottom-warning-a400 {
    border-bottom-color: #f7d9ff !important
}

.border-bottom-warning-a500 {
    border-bottom-color: #d96500 !important
}

.border-bottom-warning-a600 {
    border-bottom-color: #ff7940 !important
}

.border-bottom-warning-a700 {
    border-bottom-color: #73edff !important
}

.border-bottom-warning-a800 {
    border-bottom-color: #a6e5ff !important
}

.border-left-warning {
    border-left-color: #FF5722 !important
}

.border-left-warning-50 {
    border-left-color: #ffe3da !important
}

.border-left-warning-100 {
    border-left-color: #ffc4b1 !important
}

.border-left-warning-200 {
    border-left-color: #ffa588 !important
}

.border-left-warning-300 {
    border-left-color: #ff865f !important
}

.border-left-warning-400 {
    border-left-color: #ff6736 !important
}

.border-left-warning-600 {
    border-left-color: #ff470e !important
}

.border-left-warning-700 {
    border-left-color: #f83c00 !important
}

.border-left-warning-800 {
    border-left-color: #e43700 !important
}

.border-left-warning-900 {
    border-left-color: #cf3200 !important
}

.border-left-warning-1000 {
    border-left-color: #bb2d00 !important
}

.border-left-warning-1100 {
    border-left-color: #a72800 !important
}

.border-left-warning-a100 {
    border-left-color: #a64d00 !important
}

.border-left-warning-a200 {
    border-left-color: #d90a00 !important
}

.border-left-warning-a300 {
    border-left-color: #ff8573 !important
}

.border-left-warning-a400 {
    border-left-color: #f7d9ff !important
}

.border-left-warning-a500 {
    border-left-color: #d96500 !important
}

.border-left-warning-a600 {
    border-left-color: #ff7940 !important
}

.border-left-warning-a700 {
    border-left-color: #73edff !important
}

.border-left-warning-a800 {
    border-left-color: #a6e5ff !important
}

.border-right-warning {
    border-right-color: #FF5722 !important
}

.border-right-warning-50 {
    border-right-color: #ffe3da !important
}

.border-right-warning-100 {
    border-right-color: #ffc4b1 !important
}

.border-right-warning-200 {
    border-right-color: #ffa588 !important
}

.border-right-warning-300 {
    border-right-color: #ff865f !important
}

.border-right-warning-400 {
    border-right-color: #ff6736 !important
}

.border-right-warning-600 {
    border-right-color: #ff470e !important
}

.border-right-warning-700 {
    border-right-color: #f83c00 !important
}

.border-right-warning-800 {
    border-right-color: #e43700 !important
}

.border-right-warning-900 {
    border-right-color: #cf3200 !important
}

.border-right-warning-1000 {
    border-right-color: #bb2d00 !important
}

.border-right-warning-1100 {
    border-right-color: #a72800 !important
}

.border-right-warning-a100 {
    border-right-color: #a64d00 !important
}

.border-right-warning-a200 {
    border-right-color: #d90a00 !important
}

.border-right-warning-a300 {
    border-right-color: #ff8573 !important
}

.border-right-warning-a400 {
    border-right-color: #f7d9ff !important
}

.border-right-warning-a500 {
    border-right-color: #d96500 !important
}

.border-right-warning-a600 {
    border-right-color: #ff7940 !important
}

.border-right-warning-a700 {
    border-right-color: #73edff !important
}

.border-right-warning-a800 {
    border-right-color: #a6e5ff !important
}

.text-warning {
    color: #FF5722 !important
}

.text-warning:focus,
.text-warning:hover {
    color: #FF5722 !important
}

.text-warning-50 {
    color: #ffe3da !important
}

.text-warning-50:focus,
.text-warning-50:hover {
    color: #ffe3da !important
}

.text-warning-100 {
    color: #ffc4b1 !important
}

.text-warning-100:focus,
.text-warning-100:hover {
    color: #ffc4b1 !important
}

.text-warning-200 {
    color: #ffa588 !important
}

.text-warning-200:focus,
.text-warning-200:hover {
    color: #ffa588 !important
}

.text-warning-300 {
    color: #ff865f !important
}

.text-warning-300:focus,
.text-warning-300:hover {
    color: #ff865f !important
}

.text-warning-400 {
    color: #ff6736 !important
}

.text-warning-400:focus,
.text-warning-400:hover {
    color: #ff6736 !important
}

.text-warning-600 {
    color: #ff470e !important
}

.text-warning-600:focus,
.text-warning-600:hover {
    color: #ff470e !important
}

.text-warning-700 {
    color: #f83c00 !important
}

.text-warning-700:focus,
.text-warning-700:hover {
    color: #f83c00 !important
}

.text-warning-800 {
    color: #e43700 !important
}

.text-warning-800:focus,
.text-warning-800:hover {
    color: #e43700 !important
}

.text-warning-900 {
    color: #cf3200 !important
}

.text-warning-900:focus,
.text-warning-900:hover {
    color: #cf3200 !important
}

.text-warning-1000 {
    color: #bb2d00 !important
}

.text-warning-1000:focus,
.text-warning-1000:hover {
    color: #bb2d00 !important
}

.text-warning-1100 {
    color: #a72800 !important
}

.text-warning-1100:focus,
.text-warning-1100:hover {
    color: #a72800 !important
}

.text-warning-a100 {
    color: #a64d00 !important
}

.text-warning-a100:focus,
.text-warning-a100:hover {
    color: #a64d00 !important
}

.text-warning-a200 {
    color: #d90a00 !important
}

.text-warning-a200:focus,
.text-warning-a200:hover {
    color: #d90a00 !important
}

.text-warning-a300 {
    color: #ff8573 !important
}

.text-warning-a300:focus,
.text-warning-a300:hover {
    color: #ff8573 !important
}

.text-warning-a400 {
    color: #f7d9ff !important
}

.text-warning-a400:focus,
.text-warning-a400:hover {
    color: #f7d9ff !important
}

.text-warning-a500 {
    color: #d96500 !important
}

.text-warning-a500:focus,
.text-warning-a500:hover {
    color: #d96500 !important
}

.text-warning-a600 {
    color: #ff7940 !important
}

.text-warning-a600:focus,
.text-warning-a600:hover {
    color: #ff7940 !important
}

.text-warning-a700 {
    color: #73edff !important
}

.text-warning-a700:focus,
.text-warning-a700:hover {
    color: #73edff !important
}

.text-warning-a800 {
    color: #a6e5ff !important
}

.text-warning-a800:focus,
.text-warning-a800:hover {
    color: #a6e5ff !important
}

.bg-danger {
    background-color: #F44336 !important;
    border-color: #F44336 !important;
    color: #fff !important
}

.bg-danger-50 {
    background-color: #fee6e4 !important;
    border-color: #fee6e4 !important;
    color: #0d0d0d !important
}

.bg-danger-100 {
    background-color: #fbc2bd !important;
    border-color: #fbc2bd !important;
    color: #0d0d0d !important
}

.bg-danger-200 {
    background-color: #f99d97 !important;
    border-color: #f99d97 !important;
    color: #0d0d0d !important
}

.bg-danger-300 {
    background-color: #f77970 !important;
    border-color: #f77970 !important;
    color: #fff !important
}

.bg-danger-400 {
    background-color: #f55549 !important;
    border-color: #f55549 !important;
    color: #fff !important
}

.bg-danger-600 {
    background-color: #f33123 !important;
    border-color: #f33123 !important;
    color: #fff !important
}

.bg-danger-700 {
    background-color: #f21f0f !important;
    border-color: #f21f0f !important;
    color: #fff !important
}

.bg-danger-800 {
    background-color: #e11b0c !important;
    border-color: #e11b0c !important;
    color: #fff !important
}

.bg-danger-900 {
    background-color: #cd180b !important;
    border-color: #cd180b !important;
    color: #fff !important
}

.bg-danger-1000 {
    background-color: #ba160a !important;
    border-color: #ba160a !important;
    color: #fff !important
}

.bg-danger-1100 {
    background-color: #a61409 !important;
    border-color: #a61409 !important;
    color: #fff !important
}

.bg-danger-a100 {
    background-color: #af3300 !important;
    border-color: #af3300 !important;
    color: #0d0d0d !important
}

.bg-danger-a200 {
    background-color: #e2001c !important;
    border-color: #e2001c !important;
    color: #0d0d0d !important
}

.bg-danger-a300 {
    background-color: #ff7c81 !important;
    border-color: #ff7c81 !important;
    color: #fff !important
}

.bg-danger-a400 {
    background-color: #f4e2ff !important;
    border-color: #f4e2ff !important;
    color: #fff !important
}

.bg-danger-a500 {
    background-color: #e24200 !important;
    border-color: #e24200 !important;
    color: #fff !important
}

.bg-danger-a600 {
    background-color: #ff6049 !important;
    border-color: #ff6049 !important;
    color: #fff !important
}

.bg-danger-a700 {
    background-color: #7cfffa !important;
    border-color: #7cfffa !important;
    color: #fff !important
}

.bg-danger-a800 {
    background-color: #aff5ff !important;
    border-color: #aff5ff !important;
    color: #fff !important
}

.border-danger {
    border-color: #F44336 !important
}

.border-danger-50 {
    border-color: #fee6e4 !important
}

.border-danger-100 {
    border-color: #fbc2bd !important
}

.border-danger-200 {
    border-color: #f99d97 !important
}

.border-danger-300 {
    border-color: #f77970 !important
}

.border-danger-400 {
    border-color: #f55549 !important
}

.border-danger-600 {
    border-color: #f33123 !important
}

.border-danger-700 {
    border-color: #f21f0f !important
}

.border-danger-800 {
    border-color: #e11b0c !important
}

.border-danger-900 {
    border-color: #cd180b !important
}

.border-danger-1000 {
    border-color: #ba160a !important
}

.border-danger-1100 {
    border-color: #a61409 !important
}

.border-danger-a100 {
    border-color: #af3300 !important
}

.border-danger-a200 {
    border-color: #e2001c !important
}

.border-danger-a300 {
    border-color: #ff7c81 !important
}

.border-danger-a400 {
    border-color: #f4e2ff !important
}

.border-danger-a500 {
    border-color: #e24200 !important
}

.border-danger-a600 {
    border-color: #ff6049 !important
}

.border-danger-a700 {
    border-color: #7cfffa !important
}

.border-danger-a800 {
    border-color: #aff5ff !important
}

.border-top-danger {
    border-top-color: #F44336 !important
}

.border-top-danger-50 {
    border-top-color: #fee6e4 !important
}

.border-top-danger-100 {
    border-top-color: #fbc2bd !important
}

.border-top-danger-200 {
    border-top-color: #f99d97 !important
}

.border-top-danger-300 {
    border-top-color: #f77970 !important
}

.border-top-danger-400 {
    border-top-color: #f55549 !important
}

.border-top-danger-600 {
    border-top-color: #f33123 !important
}

.border-top-danger-700 {
    border-top-color: #f21f0f !important
}

.border-top-danger-800 {
    border-top-color: #e11b0c !important
}

.border-top-danger-900 {
    border-top-color: #cd180b !important
}

.border-top-danger-1000 {
    border-top-color: #ba160a !important
}

.border-top-danger-1100 {
    border-top-color: #a61409 !important
}

.border-top-danger-a100 {
    border-top-color: #af3300 !important
}

.border-top-danger-a200 {
    border-top-color: #e2001c !important
}

.border-top-danger-a300 {
    border-top-color: #ff7c81 !important
}

.border-top-danger-a400 {
    border-top-color: #f4e2ff !important
}

.border-top-danger-a500 {
    border-top-color: #e24200 !important
}

.border-top-danger-a600 {
    border-top-color: #ff6049 !important
}

.border-top-danger-a700 {
    border-top-color: #7cfffa !important
}

.border-top-danger-a800 {
    border-top-color: #aff5ff !important
}

.border-bottom-danger {
    border-bottom-color: #F44336 !important
}

.border-bottom-danger-50 {
    border-bottom-color: #fee6e4 !important
}

.border-bottom-danger-100 {
    border-bottom-color: #fbc2bd !important
}

.border-bottom-danger-200 {
    border-bottom-color: #f99d97 !important
}

.border-bottom-danger-300 {
    border-bottom-color: #f77970 !important
}

.border-bottom-danger-400 {
    border-bottom-color: #f55549 !important
}

.border-bottom-danger-600 {
    border-bottom-color: #f33123 !important
}

.border-bottom-danger-700 {
    border-bottom-color: #f21f0f !important
}

.border-bottom-danger-800 {
    border-bottom-color: #e11b0c !important
}

.border-bottom-danger-900 {
    border-bottom-color: #cd180b !important
}

.border-bottom-danger-1000 {
    border-bottom-color: #ba160a !important
}

.border-bottom-danger-1100 {
    border-bottom-color: #a61409 !important
}

.border-bottom-danger-a100 {
    border-bottom-color: #af3300 !important
}

.border-bottom-danger-a200 {
    border-bottom-color: #e2001c !important
}

.border-bottom-danger-a300 {
    border-bottom-color: #ff7c81 !important
}

.border-bottom-danger-a400 {
    border-bottom-color: #f4e2ff !important
}

.border-bottom-danger-a500 {
    border-bottom-color: #e24200 !important
}

.border-bottom-danger-a600 {
    border-bottom-color: #ff6049 !important
}

.border-bottom-danger-a700 {
    border-bottom-color: #7cfffa !important
}

.border-bottom-danger-a800 {
    border-bottom-color: #aff5ff !important
}

.border-left-danger {
    border-left-color: #F44336 !important
}

.border-left-danger-50 {
    border-left-color: #fee6e4 !important
}

.border-left-danger-100 {
    border-left-color: #fbc2bd !important
}

.border-left-danger-200 {
    border-left-color: #f99d97 !important
}

.border-left-danger-300 {
    border-left-color: #f77970 !important
}

.border-left-danger-400 {
    border-left-color: #f55549 !important
}

.border-left-danger-600 {
    border-left-color: #f33123 !important
}

.border-left-danger-700 {
    border-left-color: #f21f0f !important
}

.border-left-danger-800 {
    border-left-color: #e11b0c !important
}

.border-left-danger-900 {
    border-left-color: #cd180b !important
}

.border-left-danger-1000 {
    border-left-color: #ba160a !important
}

.border-left-danger-1100 {
    border-left-color: #a61409 !important
}

.border-left-danger-a100 {
    border-left-color: #af3300 !important
}

.border-left-danger-a200 {
    border-left-color: #e2001c !important
}

.border-left-danger-a300 {
    border-left-color: #ff7c81 !important
}

.border-left-danger-a400 {
    border-left-color: #f4e2ff !important
}

.border-left-danger-a500 {
    border-left-color: #e24200 !important
}

.border-left-danger-a600 {
    border-left-color: #ff6049 !important
}

.border-left-danger-a700 {
    border-left-color: #7cfffa !important
}

.border-left-danger-a800 {
    border-left-color: #aff5ff !important
}

.border-right-danger {
    border-right-color: #F44336 !important
}

.border-right-danger-50 {
    border-right-color: #fee6e4 !important
}

.border-right-danger-100 {
    border-right-color: #fbc2bd !important
}

.border-right-danger-200 {
    border-right-color: #f99d97 !important
}

.border-right-danger-300 {
    border-right-color: #f77970 !important
}

.border-right-danger-400 {
    border-right-color: #f55549 !important
}

.border-right-danger-600 {
    border-right-color: #f33123 !important
}

.border-right-danger-700 {
    border-right-color: #f21f0f !important
}

.border-right-danger-800 {
    border-right-color: #e11b0c !important
}

.border-right-danger-900 {
    border-right-color: #cd180b !important
}

.border-right-danger-1000 {
    border-right-color: #ba160a !important
}

.border-right-danger-1100 {
    border-right-color: #a61409 !important
}

.border-right-danger-a100 {
    border-right-color: #af3300 !important
}

.border-right-danger-a200 {
    border-right-color: #e2001c !important
}

.border-right-danger-a300 {
    border-right-color: #ff7c81 !important
}

.border-right-danger-a400 {
    border-right-color: #f4e2ff !important
}

.border-right-danger-a500 {
    border-right-color: #e24200 !important
}

.border-right-danger-a600 {
    border-right-color: #ff6049 !important
}

.border-right-danger-a700 {
    border-right-color: #7cfffa !important
}

.border-right-danger-a800 {
    border-right-color: #aff5ff !important
}

.text-danger {
    color: #F44336 !important
}

.text-danger:focus,
.text-danger:hover {
    color: #F44336 !important
}

.text-danger-50 {
    color: #fee6e4 !important
}

.text-danger-50:focus,
.text-danger-50:hover {
    color: #fee6e4 !important
}

.text-danger-100 {
    color: #fbc2bd !important
}

.text-danger-100:focus,
.text-danger-100:hover {
    color: #fbc2bd !important
}

.text-danger-200 {
    color: #f99d97 !important
}

.text-danger-200:focus,
.text-danger-200:hover {
    color: #f99d97 !important
}

.text-danger-300 {
    color: #f77970 !important
}

.text-danger-300:focus,
.text-danger-300:hover {
    color: #f77970 !important
}

.text-danger-400 {
    color: #f55549 !important
}

.text-danger-400:focus,
.text-danger-400:hover {
    color: #f55549 !important
}

.text-danger-600 {
    color: #f33123 !important
}

.text-danger-600:focus,
.text-danger-600:hover {
    color: #f33123 !important
}

.text-danger-700 {
    color: #f21f0f !important
}

.text-danger-700:focus,
.text-danger-700:hover {
    color: #f21f0f !important
}

.text-danger-800 {
    color: #e11b0c !important
}

.text-danger-800:focus,
.text-danger-800:hover {
    color: #e11b0c !important
}

.text-danger-900 {
    color: #cd180b !important
}

.text-danger-900:focus,
.text-danger-900:hover {
    color: #cd180b !important
}

.text-danger-1000 {
    color: #ba160a !important
}

.text-danger-1000:focus,
.text-danger-1000:hover {
    color: #ba160a !important
}

.text-danger-1100 {
    color: #a61409 !important
}

.text-danger-1100:focus,
.text-danger-1100:hover {
    color: #a61409 !important
}

.text-danger-a100 {
    color: #af3300 !important
}

.text-danger-a100:focus,
.text-danger-a100:hover {
    color: #af3300 !important
}

.text-danger-a200 {
    color: #e2001c !important
}

.text-danger-a200:focus,
.text-danger-a200:hover {
    color: #e2001c !important
}

.text-danger-a300 {
    color: #ff7c81 !important
}

.text-danger-a300:focus,
.text-danger-a300:hover {
    color: #ff7c81 !important
}

.text-danger-a400 {
    color: #f4e2ff !important
}

.text-danger-a400:focus,
.text-danger-a400:hover {
    color: #f4e2ff !important
}

.text-danger-a500 {
    color: #e24200 !important
}

.text-danger-a500:focus,
.text-danger-a500:hover {
    color: #e24200 !important
}

.text-danger-a600 {
    color: #ff6049 !important
}

.text-danger-a600:focus,
.text-danger-a600:hover {
    color: #ff6049 !important
}

.text-danger-a700 {
    color: #7cfffa !important
}

.text-danger-a700:focus,
.text-danger-a700:hover {
    color: #7cfffa !important
}

.text-danger-a800 {
    color: #aff5ff !important
}

.text-danger-a800:focus,
.text-danger-a800:hover {
    color: #aff5ff !important
}

.bg-grey {
    background-color: #9E9E9E !important;
    border-color: #9E9E9E !important;
    color: #fff !important
}

.bg-grey-50 {
    background-color: #fafafa !important;
    border-color: #fafafa !important;
    color: #0d0d0d !important
}

.bg-grey-100 {
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
    color: #0d0d0d !important
}

.bg-grey-200 {
    background-color: #d1d1d1 !important;
    border-color: #d1d1d1 !important;
    color: #0d0d0d !important
}

.bg-grey-300 {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
    color: #fff !important
}

.bg-grey-400 {
    background-color: #a8a8a8 !important;
    border-color: #a8a8a8 !important;
    color: #fff !important
}

.bg-grey-600 {
    background-color: #949494 !important;
    border-color: #949494 !important;
    color: #fff !important
}

.bg-grey-700 {
    background-color: #8a8a8a !important;
    border-color: #8a8a8a !important;
    color: #fff !important
}

.bg-grey-800 {
    background-color: #7f7f7f !important;
    border-color: #7f7f7f !important;
    color: #fff !important
}

.bg-grey-900 {
    background-color: #757575 !important;
    border-color: #757575 !important;
    color: #fff !important
}

.bg-grey-1000 {
    background-color: #6b6b6b !important;
    border-color: #6b6b6b !important;
    color: #fff !important
}

.bg-grey-1100 {
    background-color: #616161 !important;
    border-color: #616161 !important;
    color: #fff !important
}

.bg-grey-a100 {
    background-color: #6a5b57 !important;
    border-color: #6a5b57 !important;
    color: #0d0d0d !important
}

.bg-grey-a200 {
    background-color: #876d72 !important;
    border-color: #876d72 !important;
    color: #0d0d0d !important
}

.bg-grey-a300 {
    background-color: #ccc1c2 !important;
    border-color: #ccc1c2 !important;
    color: #fff !important
}

.bg-grey-a400 {
    background-color: #faf9fa !important;
    border-color: #faf9fa !important;
    color: #fff !important
}

.bg-grey-a500 {
    background-color: #87736d !important;
    border-color: #87736d !important;
    color: #fff !important
}

.bg-grey-a600 {
    background-color: #b5a6a5 !important;
    border-color: #b5a6a5 !important;
    color: #fff !important
}

.bg-grey-a700 {
    background-color: #c1cccb !important;
    border-color: #c1cccb !important;
    color: #fff !important
}

.bg-grey-a800 {
    background-color: #dde3e3 !important;
    border-color: #dde3e3 !important;
    color: #fff !important
}

.border-grey {
    border-color: #9E9E9E !important
}

.border-grey-50 {
    border-color: #fafafa !important
}

.border-grey-100 {
    border-color: #e5e5e5 !important
}

.border-grey-200 {
    border-color: #d1d1d1 !important
}

.border-grey-300 {
    border-color: #bdbdbd !important
}

.border-grey-400 {
    border-color: #a8a8a8 !important
}

.border-grey-600 {
    border-color: #949494 !important
}

.border-grey-700 {
    border-color: #8a8a8a !important
}

.border-grey-800 {
    border-color: #7f7f7f !important
}

.border-grey-900 {
    border-color: #757575 !important
}

.border-grey-1000 {
    border-color: #6b6b6b !important
}

.border-grey-1100 {
    border-color: #616161 !important
}

.border-grey-a100 {
    border-color: #6a5b57 !important
}

.border-grey-a200 {
    border-color: #876d72 !important
}

.border-grey-a300 {
    border-color: #ccc1c2 !important
}

.border-grey-a400 {
    border-color: #faf9fa !important
}

.border-grey-a500 {
    border-color: #87736d !important
}

.border-grey-a600 {
    border-color: #b5a6a5 !important
}

.border-grey-a700 {
    border-color: #c1cccb !important
}

.border-grey-a800 {
    border-color: #dde3e3 !important
}

.border-top-grey {
    border-top-color: #9E9E9E !important
}

.border-top-grey-50 {
    border-top-color: #fafafa !important
}

.border-top-grey-100 {
    border-top-color: #e5e5e5 !important
}

.border-top-grey-200 {
    border-top-color: #d1d1d1 !important
}

.border-top-grey-300 {
    border-top-color: #bdbdbd !important
}

.border-top-grey-400 {
    border-top-color: #a8a8a8 !important
}

.border-top-grey-600 {
    border-top-color: #949494 !important
}

.border-top-grey-700 {
    border-top-color: #8a8a8a !important
}

.border-top-grey-800 {
    border-top-color: #7f7f7f !important
}

.border-top-grey-900 {
    border-top-color: #757575 !important
}

.border-top-grey-1000 {
    border-top-color: #6b6b6b !important
}

.border-top-grey-1100 {
    border-top-color: #616161 !important
}

.border-top-grey-a100 {
    border-top-color: #6a5b57 !important
}

.border-top-grey-a200 {
    border-top-color: #876d72 !important
}

.border-top-grey-a300 {
    border-top-color: #ccc1c2 !important
}

.border-top-grey-a400 {
    border-top-color: #faf9fa !important
}

.border-top-grey-a500 {
    border-top-color: #87736d !important
}

.border-top-grey-a600 {
    border-top-color: #b5a6a5 !important
}

.border-top-grey-a700 {
    border-top-color: #c1cccb !important
}

.border-top-grey-a800 {
    border-top-color: #dde3e3 !important
}

.border-bottom-grey {
    border-bottom-color: #9E9E9E !important
}

.border-bottom-grey-50 {
    border-bottom-color: #fafafa !important
}

.border-bottom-grey-100 {
    border-bottom-color: #e5e5e5 !important
}

.border-bottom-grey-200 {
    border-bottom-color: #d1d1d1 !important
}

.border-bottom-grey-300 {
    border-bottom-color: #bdbdbd !important
}

.border-bottom-grey-400 {
    border-bottom-color: #a8a8a8 !important
}

.border-bottom-grey-600 {
    border-bottom-color: #949494 !important
}

.border-bottom-grey-700 {
    border-bottom-color: #8a8a8a !important
}

.border-bottom-grey-800 {
    border-bottom-color: #7f7f7f !important
}

.border-bottom-grey-900 {
    border-bottom-color: #757575 !important
}

.border-bottom-grey-1000 {
    border-bottom-color: #6b6b6b !important
}

.border-bottom-grey-1100 {
    border-bottom-color: #616161 !important
}

.border-bottom-grey-a100 {
    border-bottom-color: #6a5b57 !important
}

.border-bottom-grey-a200 {
    border-bottom-color: #876d72 !important
}

.border-bottom-grey-a300 {
    border-bottom-color: #ccc1c2 !important
}

.border-bottom-grey-a400 {
    border-bottom-color: #faf9fa !important
}

.border-bottom-grey-a500 {
    border-bottom-color: #87736d !important
}

.border-bottom-grey-a600 {
    border-bottom-color: #b5a6a5 !important
}

.border-bottom-grey-a700 {
    border-bottom-color: #c1cccb !important
}

.border-bottom-grey-a800 {
    border-bottom-color: #dde3e3 !important
}

.border-left-grey {
    border-left-color: #9E9E9E !important
}

.border-left-grey-50 {
    border-left-color: #fafafa !important
}

.border-left-grey-100 {
    border-left-color: #e5e5e5 !important
}

.border-left-grey-200 {
    border-left-color: #d1d1d1 !important
}

.border-left-grey-300 {
    border-left-color: #bdbdbd !important
}

.border-left-grey-400 {
    border-left-color: #a8a8a8 !important
}

.border-left-grey-600 {
    border-left-color: #949494 !important
}

.border-left-grey-700 {
    border-left-color: #8a8a8a !important
}

.border-left-grey-800 {
    border-left-color: #7f7f7f !important
}

.border-left-grey-900 {
    border-left-color: #757575 !important
}

.border-left-grey-1000 {
    border-left-color: #6b6b6b !important
}

.border-left-grey-1100 {
    border-left-color: #616161 !important
}

.border-left-grey-a100 {
    border-left-color: #6a5b57 !important
}

.border-left-grey-a200 {
    border-left-color: #876d72 !important
}

.border-left-grey-a300 {
    border-left-color: #ccc1c2 !important
}

.border-left-grey-a400 {
    border-left-color: #faf9fa !important
}

.border-left-grey-a500 {
    border-left-color: #87736d !important
}

.border-left-grey-a600 {
    border-left-color: #b5a6a5 !important
}

.border-left-grey-a700 {
    border-left-color: #c1cccb !important
}

.border-left-grey-a800 {
    border-left-color: #dde3e3 !important
}

.border-right-grey {
    border-right-color: #9E9E9E !important
}

.border-right-grey-50 {
    border-right-color: #fafafa !important
}

.border-right-grey-100 {
    border-right-color: #e5e5e5 !important
}

.border-right-grey-200 {
    border-right-color: #d1d1d1 !important
}

.border-right-grey-300 {
    border-right-color: #bdbdbd !important
}

.border-right-grey-400 {
    border-right-color: #a8a8a8 !important
}

.border-right-grey-600 {
    border-right-color: #949494 !important
}

.border-right-grey-700 {
    border-right-color: #8a8a8a !important
}

.border-right-grey-800 {
    border-right-color: #7f7f7f !important
}

.border-right-grey-900 {
    border-right-color: #757575 !important
}

.border-right-grey-1000 {
    border-right-color: #6b6b6b !important
}

.border-right-grey-1100 {
    border-right-color: #616161 !important
}

.border-right-grey-a100 {
    border-right-color: #6a5b57 !important
}

.border-right-grey-a200 {
    border-right-color: #876d72 !important
}

.border-right-grey-a300 {
    border-right-color: #ccc1c2 !important
}

.border-right-grey-a400 {
    border-right-color: #faf9fa !important
}

.border-right-grey-a500 {
    border-right-color: #87736d !important
}

.border-right-grey-a600 {
    border-right-color: #b5a6a5 !important
}

.border-right-grey-a700 {
    border-right-color: #c1cccb !important
}

.border-right-grey-a800 {
    border-right-color: #dde3e3 !important
}

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

.text-grey:focus,
.text-grey:hover {
    color: #9E9E9E !important
}

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

.text-grey-50:focus,
.text-grey-50:hover {
    color: #fafafa !important
}

.text-grey-100 {
    color: #e5e5e5 !important
}

.text-grey-100:focus,
.text-grey-100:hover {
    color: #e5e5e5 !important
}

.text-grey-200 {
    color: #d1d1d1 !important
}

.text-grey-200:focus,
.text-grey-200:hover {
    color: #d1d1d1 !important
}

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

.text-grey-300:focus,
.text-grey-300:hover {
    color: #bdbdbd !important
}

.text-grey-400 {
    color: #a8a8a8 !important
}

.text-grey-400:focus,
.text-grey-400:hover {
    color: #a8a8a8 !important
}

.text-grey-600 {
    color: #949494 !important
}

.text-grey-600:focus,
.text-grey-600:hover {
    color: #949494 !important
}

.text-grey-700 {
    color: #8a8a8a !important
}

.text-grey-700:focus,
.text-grey-700:hover {
    color: #8a8a8a !important
}

.text-grey-800 {
    color: #7f7f7f !important
}

.text-grey-800:focus,
.text-grey-800:hover {
    color: #7f7f7f !important
}

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

.text-grey-900:focus,
.text-grey-900:hover {
    color: #757575 !important
}

.text-grey-1000 {
    color: #6b6b6b !important
}

.text-grey-1000:focus,
.text-grey-1000:hover {
    color: #6b6b6b !important
}

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

.text-grey-1100:focus,
.text-grey-1100:hover {
    color: #616161 !important
}

.text-grey-a100 {
    color: #6a5b57 !important
}

.text-grey-a100:focus,
.text-grey-a100:hover {
    color: #6a5b57 !important
}

.text-grey-a200 {
    color: #876d72 !important
}

.text-grey-a200:focus,
.text-grey-a200:hover {
    color: #876d72 !important
}

.text-grey-a300 {
    color: #ccc1c2 !important
}

.text-grey-a300:focus,
.text-grey-a300:hover {
    color: #ccc1c2 !important
}

.text-grey-a400 {
    color: #faf9fa !important
}

.text-grey-a400:focus,
.text-grey-a400:hover {
    color: #faf9fa !important
}

.text-grey-a500 {
    color: #87736d !important
}

.text-grey-a500:focus,
.text-grey-a500:hover {
    color: #87736d !important
}

.text-grey-a600 {
    color: #b5a6a5 !important
}

.text-grey-a600:focus,
.text-grey-a600:hover {
    color: #b5a6a5 !important
}

.text-grey-a700 {
    color: #c1cccb !important
}

.text-grey-a700:focus,
.text-grey-a700:hover {
    color: #c1cccb !important
}

.text-grey-a800 {
    color: #dde3e3 !important
}

.text-grey-a800:focus,
.text-grey-a800:hover {
    color: #dde3e3 !important
}

.bg-black {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-50 {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important;
    color: #0d0d0d !important
}

.bg-black-100 {
    background-color: #474747 !important;
    border-color: #474747 !important;
    color: #0d0d0d !important
}

.bg-black-200 {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #0d0d0d !important
}

.bg-black-300 {
    background-color: #1f1f1f !important;
    border-color: #1f1f1f !important;
    color: #fff !important
}

.bg-black-400 {
    background-color: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #fff !important
}

.bg-black-600 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-700 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-800 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-900 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-1000 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-1100 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-a100 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #0d0d0d !important
}

.bg-black-a200 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #0d0d0d !important
}

.bg-black-a300 {
    background-color: #2d2425 !important;
    border-color: #2d2425 !important;
    color: #fff !important
}

.bg-black-a400 {
    background-color: #5d5265 !important;
    border-color: #5d5265 !important;
    color: #fff !important
}

.bg-black-a500 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

.bg-black-a600 {
    background-color: #110e0d !important;
    border-color: #110e0d !important;
    color: #fff !important
}

.bg-black-a700 {
    background-color: #242d2c !important;
    border-color: #242d2c !important;
    color: #fff !important
}

.bg-black-a800 {
    background-color: #3b4849 !important;
    border-color: #3b4849 !important;
    color: #fff !important
}

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

.border-black-50 {
    border-color: #5c5c5c !important
}

.border-black-100 {
    border-color: #474747 !important
}

.border-black-200 {
    border-color: #333 !important
}

.border-black-300 {
    border-color: #1f1f1f !important
}

.border-black-400 {
    border-color: #0a0a0a !important
}

.border-black-600 {
    border-color: #000 !important
}

.border-black-700 {
    border-color: #000 !important
}

.border-black-800 {
    border-color: #000 !important
}

.border-black-900 {
    border-color: #000 !important
}

.border-black-1000 {
    border-color: #000 !important
}

.border-black-1100 {
    border-color: #000 !important
}

.border-black-a100 {
    border-color: #000 !important
}

.border-black-a200 {
    border-color: #000 !important
}

.border-black-a300 {
    border-color: #2d2425 !important
}

.border-black-a400 {
    border-color: #5d5265 !important
}

.border-black-a500 {
    border-color: #000 !important
}

.border-black-a600 {
    border-color: #110e0d !important
}

.border-black-a700 {
    border-color: #242d2c !important
}

.border-black-a800 {
    border-color: #3b4849 !important
}

.border-top-black {
    border-top-color: #000 !important
}

.border-top-black-50 {
    border-top-color: #5c5c5c !important
}

.border-top-black-100 {
    border-top-color: #474747 !important
}

.border-top-black-200 {
    border-top-color: #333 !important
}

.border-top-black-300 {
    border-top-color: #1f1f1f !important
}

.border-top-black-400 {
    border-top-color: #0a0a0a !important
}

.border-top-black-600 {
    border-top-color: #000 !important
}

.border-top-black-700 {
    border-top-color: #000 !important
}

.border-top-black-800 {
    border-top-color: #000 !important
}

.border-top-black-900 {
    border-top-color: #000 !important
}

.border-top-black-1000 {
    border-top-color: #000 !important
}

.border-top-black-1100 {
    border-top-color: #000 !important
}

.border-top-black-a100 {
    border-top-color: #000 !important
}

.border-top-black-a200 {
    border-top-color: #000 !important
}

.border-top-black-a300 {
    border-top-color: #2d2425 !important
}

.border-top-black-a400 {
    border-top-color: #5d5265 !important
}

.border-top-black-a500 {
    border-top-color: #000 !important
}

.border-top-black-a600 {
    border-top-color: #110e0d !important
}

.border-top-black-a700 {
    border-top-color: #242d2c !important
}

.border-top-black-a800 {
    border-top-color: #3b4849 !important
}

.border-bottom-black {
    border-bottom-color: #000 !important
}

.border-bottom-black-50 {
    border-bottom-color: #5c5c5c !important
}

.border-bottom-black-100 {
    border-bottom-color: #474747 !important
}

.border-bottom-black-200 {
    border-bottom-color: #333 !important
}

.border-bottom-black-300 {
    border-bottom-color: #1f1f1f !important
}

.border-bottom-black-400 {
    border-bottom-color: #0a0a0a !important
}

.border-bottom-black-600 {
    border-bottom-color: #000 !important
}

.border-bottom-black-700 {
    border-bottom-color: #000 !important
}

.border-bottom-black-800 {
    border-bottom-color: #000 !important
}

.border-bottom-black-900 {
    border-bottom-color: #000 !important
}

.border-bottom-black-1000 {
    border-bottom-color: #000 !important
}

.border-bottom-black-1100 {
    border-bottom-color: #000 !important
}

.border-bottom-black-a100 {
    border-bottom-color: #000 !important
}

.border-bottom-black-a200 {
    border-bottom-color: #000 !important
}

.border-bottom-black-a300 {
    border-bottom-color: #2d2425 !important
}

.border-bottom-black-a400 {
    border-bottom-color: #5d5265 !important
}

.border-bottom-black-a500 {
    border-bottom-color: #000 !important
}

.border-bottom-black-a600 {
    border-bottom-color: #110e0d !important
}

.border-bottom-black-a700 {
    border-bottom-color: #242d2c !important
}

.border-bottom-black-a800 {
    border-bottom-color: #3b4849 !important
}

.border-left-black {
    border-left-color: #000 !important
}

.border-left-black-50 {
    border-left-color: #5c5c5c !important
}

.border-left-black-100 {
    border-left-color: #474747 !important
}

.border-left-black-200 {
    border-left-color: #333 !important
}

.border-left-black-300 {
    border-left-color: #1f1f1f !important
}

.border-left-black-400 {
    border-left-color: #0a0a0a !important
}

.border-left-black-600 {
    border-left-color: #000 !important
}

.border-left-black-700 {
    border-left-color: #000 !important
}

.border-left-black-800 {
    border-left-color: #000 !important
}

.border-left-black-900 {
    border-left-color: #000 !important
}

.border-left-black-1000 {
    border-left-color: #000 !important
}

.border-left-black-1100 {
    border-left-color: #000 !important
}

.border-left-black-a100 {
    border-left-color: #000 !important
}

.border-left-black-a200 {
    border-left-color: #000 !important
}

.border-left-black-a300 {
    border-left-color: #2d2425 !important
}

.border-left-black-a400 {
    border-left-color: #5d5265 !important
}

.border-left-black-a500 {
    border-left-color: #000 !important
}

.border-left-black-a600 {
    border-left-color: #110e0d !important
}

.border-left-black-a700 {
    border-left-color: #242d2c !important
}

.border-left-black-a800 {
    border-left-color: #3b4849 !important
}

.border-right-black {
    border-right-color: #000 !important
}

.border-right-black-50 {
    border-right-color: #5c5c5c !important
}

.border-right-black-100 {
    border-right-color: #474747 !important
}

.border-right-black-200 {
    border-right-color: #333 !important
}

.border-right-black-300 {
    border-right-color: #1f1f1f !important
}

.border-right-black-400 {
    border-right-color: #0a0a0a !important
}

.border-right-black-600 {
    border-right-color: #000 !important
}

.border-right-black-700 {
    border-right-color: #000 !important
}

.border-right-black-800 {
    border-right-color: #000 !important
}

.border-right-black-900 {
    border-right-color: #000 !important
}

.border-right-black-1000 {
    border-right-color: #000 !important
}

.border-right-black-1100 {
    border-right-color: #000 !important
}

.border-right-black-a100 {
    border-right-color: #000 !important
}

.border-right-black-a200 {
    border-right-color: #000 !important
}

.border-right-black-a300 {
    border-right-color: #2d2425 !important
}

.border-right-black-a400 {
    border-right-color: #5d5265 !important
}

.border-right-black-a500 {
    border-right-color: #000 !important
}

.border-right-black-a600 {
    border-right-color: #110e0d !important
}

.border-right-black-a700 {
    border-right-color: #242d2c !important
}

.border-right-black-a800 {
    border-right-color: #3b4849 !important
}

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

.text-black:focus,
.text-black:hover {
    color: #000 !important
}

.text-black-50 {
    color: #5c5c5c !important
}

.text-black-50:focus,
.text-black-50:hover {
    color: #5c5c5c !important
}

.text-black-100 {
    color: #474747 !important
}

.text-black-100:focus,
.text-black-100:hover {
    color: #474747 !important
}

.text-black-200 {
    color: #333 !important
}

.text-black-200:focus,
.text-black-200:hover {
    color: #333 !important
}

.text-black-300 {
    color: #1f1f1f !important
}

.text-black-300:focus,
.text-black-300:hover {
    color: #1f1f1f !important
}

.text-black-400 {
    color: #0a0a0a !important
}

.text-black-400:focus,
.text-black-400:hover {
    color: #0a0a0a !important
}

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

.text-black-600:focus,
.text-black-600:hover {
    color: #000 !important
}

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

.text-black-700:focus,
.text-black-700:hover {
    color: #000 !important
}

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

.text-black-800:focus,
.text-black-800:hover {
    color: #000 !important
}

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

.text-black-900:focus,
.text-black-900:hover {
    color: #000 !important
}

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

.text-black-1000:focus,
.text-black-1000:hover {
    color: #000 !important
}

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

.text-black-1100:focus,
.text-black-1100:hover {
    color: #000 !important
}

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

.text-black-a100:focus,
.text-black-a100:hover {
    color: #000 !important
}

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

.text-black-a200:focus,
.text-black-a200:hover {
    color: #000 !important
}

.text-black-a300 {
    color: #2d2425 !important
}

.text-black-a300:focus,
.text-black-a300:hover {
    color: #2d2425 !important
}

.text-black-a400 {
    color: #5d5265 !important
}

.text-black-a400:focus,
.text-black-a400:hover {
    color: #5d5265 !important
}

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

.text-black-a500:focus,
.text-black-a500:hover {
    color: #000 !important
}

.text-black-a600 {
    color: #110e0d !important
}

.text-black-a600:focus,
.text-black-a600:hover {
    color: #110e0d !important
}

.text-black-a700 {
    color: #242d2c !important
}

.text-black-a700:focus,
.text-black-a700:hover {
    color: #242d2c !important
}

.text-black-a800 {
    color: #3b4849 !important
}

.text-black-a800:focus,
.text-black-a800:hover {
    color: #3b4849 !important
}

.bg-pink {
    background-color: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #fff !important
}

.bg-pink-50 {
    background-color: #f9c5d7 !important;
    border-color: #f9c5d7 !important;
    color: #0d0d0d !important
}

.bg-pink-100 {
    background-color: #f6a0bd !important;
    border-color: #f6a0bd !important;
    color: #0d0d0d !important
}

.bg-pink-200 {
    background-color: #f27ba3 !important;
    border-color: #f27ba3 !important;
    color: #0d0d0d !important
}

.bg-pink-300 {
    background-color: #ee568a !important;
    border-color: #ee568a !important;
    color: #fff !important
}

.bg-pink-400 {
    background-color: #eb3170 !important;
    border-color: #eb3170 !important;
    color: #fff !important
}

.bg-pink-600 {
    background-color: #dd1659 !important;
    border-color: #dd1659 !important;
    color: #fff !important
}

.bg-pink-700 {
    background-color: #ca1452 !important;
    border-color: #ca1452 !important;
    color: #fff !important
}

.bg-pink-800 {
    background-color: #b8124a !important;
    border-color: #b8124a !important;
    color: #fff !important
}

.bg-pink-900 {
    background-color: #a51043 !important;
    border-color: #a51043 !important;
    color: #fff !important
}

.bg-pink-1000 {
    background-color: #930e3b !important;
    border-color: #930e3b !important;
    color: #fff !important
}

.bg-pink-1100 {
    background-color: #800d34 !important;
    border-color: #800d34 !important;
    color: #fff !important
}

.bg-pink-a100 {
    background-color: #870514 !important;
    border-color: #870514 !important;
    color: #0d0d0d !important
}

.bg-pink-a200 {
    background-color: #b80765 !important;
    border-color: #b80765 !important;
    color: #0d0d0d !important
}

.bg-pink-a300 {
    background-color: #f95fa4 !important;
    border-color: #f95fa4 !important;
    color: #fff !important
}

.bg-pink-a400 {
    background-color: #cec1fd !important;
    border-color: #cec1fd !important;
    color: #fff !important
}

.bg-pink-a500 {
    background-color: #b8071c !important;
    border-color: #b8071c !important;
    color: #fff !important
}

.bg-pink-a600 {
    background-color: #f72e67 !important;
    border-color: #f72e67 !important;
    color: #fff !important
}

.bg-pink-a700 {
    background-color: #5ff9b4 !important;
    border-color: #5ff9b4 !important;
    color: #fff !important
}

.bg-pink-a800 {
    background-color: #90fbdd !important;
    border-color: #90fbdd !important;
    color: #fff !important
}

.border-pink {
    border-color: #E91E63 !important
}

.border-pink-50 {
    border-color: #f9c5d7 !important
}

.border-pink-100 {
    border-color: #f6a0bd !important
}

.border-pink-200 {
    border-color: #f27ba3 !important
}

.border-pink-300 {
    border-color: #ee568a !important
}

.border-pink-400 {
    border-color: #eb3170 !important
}

.border-pink-600 {
    border-color: #dd1659 !important
}

.border-pink-700 {
    border-color: #ca1452 !important
}

.border-pink-800 {
    border-color: #b8124a !important
}

.border-pink-900 {
    border-color: #a51043 !important
}

.border-pink-1000 {
    border-color: #930e3b !important
}

.border-pink-1100 {
    border-color: #800d34 !important
}

.border-pink-a100 {
    border-color: #870514 !important
}

.border-pink-a200 {
    border-color: #b80765 !important
}

.border-pink-a300 {
    border-color: #f95fa4 !important
}

.border-pink-a400 {
    border-color: #cec1fd !important
}

.border-pink-a500 {
    border-color: #b8071c !important
}

.border-pink-a600 {
    border-color: #f72e67 !important
}

.border-pink-a700 {
    border-color: #5ff9b4 !important
}

.border-pink-a800 {
    border-color: #90fbdd !important
}

.border-top-pink {
    border-top-color: #E91E63 !important
}

.border-top-pink-50 {
    border-top-color: #f9c5d7 !important
}

.border-top-pink-100 {
    border-top-color: #f6a0bd !important
}

.border-top-pink-200 {
    border-top-color: #f27ba3 !important
}

.border-top-pink-300 {
    border-top-color: #ee568a !important
}

.border-top-pink-400 {
    border-top-color: #eb3170 !important
}

.border-top-pink-600 {
    border-top-color: #dd1659 !important
}

.border-top-pink-700 {
    border-top-color: #ca1452 !important
}

.border-top-pink-800 {
    border-top-color: #b8124a !important
}

.border-top-pink-900 {
    border-top-color: #a51043 !important
}

.border-top-pink-1000 {
    border-top-color: #930e3b !important
}

.border-top-pink-1100 {
    border-top-color: #800d34 !important
}

.border-top-pink-a100 {
    border-top-color: #870514 !important
}

.border-top-pink-a200 {
    border-top-color: #b80765 !important
}

.border-top-pink-a300 {
    border-top-color: #f95fa4 !important
}

.border-top-pink-a400 {
    border-top-color: #cec1fd !important
}

.border-top-pink-a500 {
    border-top-color: #b8071c !important
}

.border-top-pink-a600 {
    border-top-color: #f72e67 !important
}

.border-top-pink-a700 {
    border-top-color: #5ff9b4 !important
}

.border-top-pink-a800 {
    border-top-color: #90fbdd !important
}

.border-bottom-pink {
    border-bottom-color: #E91E63 !important
}

.border-bottom-pink-50 {
    border-bottom-color: #f9c5d7 !important
}

.border-bottom-pink-100 {
    border-bottom-color: #f6a0bd !important
}

.border-bottom-pink-200 {
    border-bottom-color: #f27ba3 !important
}

.border-bottom-pink-300 {
    border-bottom-color: #ee568a !important
}

.border-bottom-pink-400 {
    border-bottom-color: #eb3170 !important
}

.border-bottom-pink-600 {
    border-bottom-color: #dd1659 !important
}

.border-bottom-pink-700 {
    border-bottom-color: #ca1452 !important
}

.border-bottom-pink-800 {
    border-bottom-color: #b8124a !important
}

.border-bottom-pink-900 {
    border-bottom-color: #a51043 !important
}

.border-bottom-pink-1000 {
    border-bottom-color: #930e3b !important
}

.border-bottom-pink-1100 {
    border-bottom-color: #800d34 !important
}

.border-bottom-pink-a100 {
    border-bottom-color: #870514 !important
}

.border-bottom-pink-a200 {
    border-bottom-color: #b80765 !important
}

.border-bottom-pink-a300 {
    border-bottom-color: #f95fa4 !important
}

.border-bottom-pink-a400 {
    border-bottom-color: #cec1fd !important
}

.border-bottom-pink-a500 {
    border-bottom-color: #b8071c !important
}

.border-bottom-pink-a600 {
    border-bottom-color: #f72e67 !important
}

.border-bottom-pink-a700 {
    border-bottom-color: #5ff9b4 !important
}

.border-bottom-pink-a800 {
    border-bottom-color: #90fbdd !important
}

.border-left-pink {
    border-left-color: #E91E63 !important
}

.border-left-pink-50 {
    border-left-color: #f9c5d7 !important
}

.border-left-pink-100 {
    border-left-color: #f6a0bd !important
}

.border-left-pink-200 {
    border-left-color: #f27ba3 !important
}

.border-left-pink-300 {
    border-left-color: #ee568a !important
}

.border-left-pink-400 {
    border-left-color: #eb3170 !important
}

.border-left-pink-600 {
    border-left-color: #dd1659 !important
}

.border-left-pink-700 {
    border-left-color: #ca1452 !important
}

.border-left-pink-800 {
    border-left-color: #b8124a !important
}

.border-left-pink-900 {
    border-left-color: #a51043 !important
}

.border-left-pink-1000 {
    border-left-color: #930e3b !important
}

.border-left-pink-1100 {
    border-left-color: #800d34 !important
}

.border-left-pink-a100 {
    border-left-color: #870514 !important
}

.border-left-pink-a200 {
    border-left-color: #b80765 !important
}

.border-left-pink-a300 {
    border-left-color: #f95fa4 !important
}

.border-left-pink-a400 {
    border-left-color: #cec1fd !important
}

.border-left-pink-a500 {
    border-left-color: #b8071c !important
}

.border-left-pink-a600 {
    border-left-color: #f72e67 !important
}

.border-left-pink-a700 {
    border-left-color: #5ff9b4 !important
}

.border-left-pink-a800 {
    border-left-color: #90fbdd !important
}

.border-right-pink {
    border-right-color: #E91E63 !important
}

.border-right-pink-50 {
    border-right-color: #f9c5d7 !important
}

.border-right-pink-100 {
    border-right-color: #f6a0bd !important
}

.border-right-pink-200 {
    border-right-color: #f27ba3 !important
}

.border-right-pink-300 {
    border-right-color: #ee568a !important
}

.border-right-pink-400 {
    border-right-color: #eb3170 !important
}

.border-right-pink-600 {
    border-right-color: #dd1659 !important
}

.border-right-pink-700 {
    border-right-color: #ca1452 !important
}

.border-right-pink-800 {
    border-right-color: #b8124a !important
}

.border-right-pink-900 {
    border-right-color: #a51043 !important
}

.border-right-pink-1000 {
    border-right-color: #930e3b !important
}

.border-right-pink-1100 {
    border-right-color: #800d34 !important
}

.border-right-pink-a100 {
    border-right-color: #870514 !important
}

.border-right-pink-a200 {
    border-right-color: #b80765 !important
}

.border-right-pink-a300 {
    border-right-color: #f95fa4 !important
}

.border-right-pink-a400 {
    border-right-color: #cec1fd !important
}

.border-right-pink-a500 {
    border-right-color: #b8071c !important
}

.border-right-pink-a600 {
    border-right-color: #f72e67 !important
}

.border-right-pink-a700 {
    border-right-color: #5ff9b4 !important
}

.border-right-pink-a800 {
    border-right-color: #90fbdd !important
}

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

.text-pink:focus,
.text-pink:hover {
    color: #E91E63 !important
}

.text-pink-50 {
    color: #f9c5d7 !important
}

.text-pink-50:focus,
.text-pink-50:hover {
    color: #f9c5d7 !important
}

.text-pink-100 {
    color: #f6a0bd !important
}

.text-pink-100:focus,
.text-pink-100:hover {
    color: #f6a0bd !important
}

.text-pink-200 {
    color: #f27ba3 !important
}

.text-pink-200:focus,
.text-pink-200:hover {
    color: #f27ba3 !important
}

.text-pink-300 {
    color: #ee568a !important
}

.text-pink-300:focus,
.text-pink-300:hover {
    color: #ee568a !important
}

.text-pink-400 {
    color: #eb3170 !important
}

.text-pink-400:focus,
.text-pink-400:hover {
    color: #eb3170 !important
}

.text-pink-600 {
    color: #dd1659 !important
}

.text-pink-600:focus,
.text-pink-600:hover {
    color: #dd1659 !important
}

.text-pink-700 {
    color: #ca1452 !important
}

.text-pink-700:focus,
.text-pink-700:hover {
    color: #ca1452 !important
}

.text-pink-800 {
    color: #b8124a !important
}

.text-pink-800:focus,
.text-pink-800:hover {
    color: #b8124a !important
}

.text-pink-900 {
    color: #a51043 !important
}

.text-pink-900:focus,
.text-pink-900:hover {
    color: #a51043 !important
}

.text-pink-1000 {
    color: #930e3b !important
}

.text-pink-1000:focus,
.text-pink-1000:hover {
    color: #930e3b !important
}

.text-pink-1100 {
    color: #800d34 !important
}

.text-pink-1100:focus,
.text-pink-1100:hover {
    color: #800d34 !important
}

.text-pink-a100 {
    color: #870514 !important
}

.text-pink-a100:focus,
.text-pink-a100:hover {
    color: #870514 !important
}

.text-pink-a200 {
    color: #b80765 !important
}

.text-pink-a200:focus,
.text-pink-a200:hover {
    color: #b80765 !important
}

.text-pink-a300 {
    color: #f95fa4 !important
}

.text-pink-a300:focus,
.text-pink-a300:hover {
    color: #f95fa4 !important
}

.text-pink-a400 {
    color: #cec1fd !important
}

.text-pink-a400:focus,
.text-pink-a400:hover {
    color: #cec1fd !important
}

.text-pink-a500 {
    color: #b8071c !important
}

.text-pink-a500:focus,
.text-pink-a500:hover {
    color: #b8071c !important
}

.text-pink-a600 {
    color: #f72e67 !important
}

.text-pink-a600:focus,
.text-pink-a600:hover {
    color: #f72e67 !important
}

.text-pink-a700 {
    color: #5ff9b4 !important
}

.text-pink-a700:focus,
.text-pink-a700:hover {
    color: #5ff9b4 !important
}

.text-pink-a800 {
    color: #90fbdd !important
}

.text-pink-a800:focus,
.text-pink-a800:hover {
    color: #90fbdd !important
}

.bg-purple {
    background-color: #9C27B0 !important;
    border-color: #9C27B0 !important;
    color: #fff !important
}

.bg-purple-50 {
    background-color: #e0a4eb !important;
    border-color: #e0a4eb !important;
    color: #0d0d0d !important
}

.bg-purple-100 {
    background-color: #d582e3 !important;
    border-color: #d582e3 !important;
    color: #0d0d0d !important
}

.bg-purple-200 {
    background-color: #ca61dc !important;
    border-color: #ca61dc !important;
    color: #0d0d0d !important
}

.bg-purple-300 {
    background-color: #bf40d5 !important;
    border-color: #bf40d5 !important;
    color: #fff !important
}

.bg-purple-400 {
    background-color: #ab2bc1 !important;
    border-color: #ab2bc1 !important;
    color: #fff !important
}

.bg-purple-600 {
    background-color: #8d239f !important;
    border-color: #8d239f !important;
    color: #fff !important
}

.bg-purple-700 {
    background-color: #7e208f !important;
    border-color: #7e208f !important;
    color: #fff !important
}

.bg-purple-800 {
    background-color: #701c7e !important;
    border-color: #701c7e !important;
    color: #fff !important
}

.bg-purple-900 {
    background-color: #61186d !important;
    border-color: #61186d !important;
    color: #fff !important
}

.bg-purple-1000 {
    background-color: #52145d !important;
    border-color: #52145d !important;
    color: #fff !important
}

.bg-purple-1100 {
    background-color: #43114c !important;
    border-color: #43114c !important;
    color: #fff !important
}

.bg-purple-a100 {
    background-color: #500c4b !important;
    border-color: #500c4b !important;
    color: #0d0d0d !important
}

.bg-purple-a200 {
    background-color: #59137c !important;
    border-color: #59137c !important;
    color: #0d0d0d !important
}

.bg-purple-a300 {
    background-color: #bb45e3 !important;
    border-color: #bb45e3 !important;
    color: #fff !important
}

.bg-purple-a400 {
    background-color: #9ecef0 !important;
    border-color: #9ecef0 !important;
    color: #fff !important
}

.bg-purple-a500 {
    background-color: #7c1374 !important;
    border-color: #7c1374 !important;
    color: #fff !important
}

.bg-purple-a600 {
    background-color: #c520d5 !important;
    border-color: #c520d5 !important;
    color: #fff !important
}

.bg-purple-a700 {
    background-color: #6de345 !important;
    border-color: #6de345 !important;
    color: #fff !important
}

.bg-purple-a800 {
    background-color: #7cea71 !important;
    border-color: #7cea71 !important;
    color: #fff !important
}

.border-purple {
    border-color: #9C27B0 !important
}

.border-purple-50 {
    border-color: #e0a4eb !important
}

.border-purple-100 {
    border-color: #d582e3 !important
}

.border-purple-200 {
    border-color: #ca61dc !important
}

.border-purple-300 {
    border-color: #bf40d5 !important
}

.border-purple-400 {
    border-color: #ab2bc1 !important
}

.border-purple-600 {
    border-color: #8d239f !important
}

.border-purple-700 {
    border-color: #7e208f !important
}

.border-purple-800 {
    border-color: #701c7e !important
}

.border-purple-900 {
    border-color: #61186d !important
}

.border-purple-1000 {
    border-color: #52145d !important
}

.border-purple-1100 {
    border-color: #43114c !important
}

.border-purple-a100 {
    border-color: #500c4b !important
}

.border-purple-a200 {
    border-color: #59137c !important
}

.border-purple-a300 {
    border-color: #bb45e3 !important
}

.border-purple-a400 {
    border-color: #9ecef0 !important
}

.border-purple-a500 {
    border-color: #7c1374 !important
}

.border-purple-a600 {
    border-color: #c520d5 !important
}

.border-purple-a700 {
    border-color: #6de345 !important
}

.border-purple-a800 {
    border-color: #7cea71 !important
}

.border-top-purple {
    border-top-color: #9C27B0 !important
}

.border-top-purple-50 {
    border-top-color: #e0a4eb !important
}

.border-top-purple-100 {
    border-top-color: #d582e3 !important
}

.border-top-purple-200 {
    border-top-color: #ca61dc !important
}

.border-top-purple-300 {
    border-top-color: #bf40d5 !important
}

.border-top-purple-400 {
    border-top-color: #ab2bc1 !important
}

.border-top-purple-600 {
    border-top-color: #8d239f !important
}

.border-top-purple-700 {
    border-top-color: #7e208f !important
}

.border-top-purple-800 {
    border-top-color: #701c7e !important
}

.border-top-purple-900 {
    border-top-color: #61186d !important
}

.border-top-purple-1000 {
    border-top-color: #52145d !important
}

.border-top-purple-1100 {
    border-top-color: #43114c !important
}

.border-top-purple-a100 {
    border-top-color: #500c4b !important
}

.border-top-purple-a200 {
    border-top-color: #59137c !important
}

.border-top-purple-a300 {
    border-top-color: #bb45e3 !important
}

.border-top-purple-a400 {
    border-top-color: #9ecef0 !important
}

.border-top-purple-a500 {
    border-top-color: #7c1374 !important
}

.border-top-purple-a600 {
    border-top-color: #c520d5 !important
}

.border-top-purple-a700 {
    border-top-color: #6de345 !important
}

.border-top-purple-a800 {
    border-top-color: #7cea71 !important
}

.border-bottom-purple {
    border-bottom-color: #9C27B0 !important
}

.border-bottom-purple-50 {
    border-bottom-color: #e0a4eb !important
}

.border-bottom-purple-100 {
    border-bottom-color: #d582e3 !important
}

.border-bottom-purple-200 {
    border-bottom-color: #ca61dc !important
}

.border-bottom-purple-300 {
    border-bottom-color: #bf40d5 !important
}

.border-bottom-purple-400 {
    border-bottom-color: #ab2bc1 !important
}

.border-bottom-purple-600 {
    border-bottom-color: #8d239f !important
}

.border-bottom-purple-700 {
    border-bottom-color: #7e208f !important
}

.border-bottom-purple-800 {
    border-bottom-color: #701c7e !important
}

.border-bottom-purple-900 {
    border-bottom-color: #61186d !important
}

.border-bottom-purple-1000 {
    border-bottom-color: #52145d !important
}

.border-bottom-purple-1100 {
    border-bottom-color: #43114c !important
}

.border-bottom-purple-a100 {
    border-bottom-color: #500c4b !important
}

.border-bottom-purple-a200 {
    border-bottom-color: #59137c !important
}

.border-bottom-purple-a300 {
    border-bottom-color: #bb45e3 !important
}

.border-bottom-purple-a400 {
    border-bottom-color: #9ecef0 !important
}

.border-bottom-purple-a500 {
    border-bottom-color: #7c1374 !important
}

.border-bottom-purple-a600 {
    border-bottom-color: #c520d5 !important
}

.border-bottom-purple-a700 {
    border-bottom-color: #6de345 !important
}

.border-bottom-purple-a800 {
    border-bottom-color: #7cea71 !important
}

.border-left-purple {
    border-left-color: #9C27B0 !important
}

.border-left-purple-50 {
    border-left-color: #e0a4eb !important
}

.border-left-purple-100 {
    border-left-color: #d582e3 !important
}

.border-left-purple-200 {
    border-left-color: #ca61dc !important
}

.border-left-purple-300 {
    border-left-color: #bf40d5 !important
}

.border-left-purple-400 {
    border-left-color: #ab2bc1 !important
}

.border-left-purple-600 {
    border-left-color: #8d239f !important
}

.border-left-purple-700 {
    border-left-color: #7e208f !important
}

.border-left-purple-800 {
    border-left-color: #701c7e !important
}

.border-left-purple-900 {
    border-left-color: #61186d !important
}

.border-left-purple-1000 {
    border-left-color: #52145d !important
}

.border-left-purple-1100 {
    border-left-color: #43114c !important
}

.border-left-purple-a100 {
    border-left-color: #500c4b !important
}

.border-left-purple-a200 {
    border-left-color: #59137c !important
}

.border-left-purple-a300 {
    border-left-color: #bb45e3 !important
}

.border-left-purple-a400 {
    border-left-color: #9ecef0 !important
}

.border-left-purple-a500 {
    border-left-color: #7c1374 !important
}

.border-left-purple-a600 {
    border-left-color: #c520d5 !important
}

.border-left-purple-a700 {
    border-left-color: #6de345 !important
}

.border-left-purple-a800 {
    border-left-color: #7cea71 !important
}

.border-right-purple {
    border-right-color: #9C27B0 !important
}

.border-right-purple-50 {
    border-right-color: #e0a4eb !important
}

.border-right-purple-100 {
    border-right-color: #d582e3 !important
}

.border-right-purple-200 {
    border-right-color: #ca61dc !important
}

.border-right-purple-300 {
    border-right-color: #bf40d5 !important
}

.border-right-purple-400 {
    border-right-color: #ab2bc1 !important
}

.border-right-purple-600 {
    border-right-color: #8d239f !important
}

.border-right-purple-700 {
    border-right-color: #7e208f !important
}

.border-right-purple-800 {
    border-right-color: #701c7e !important
}

.border-right-purple-900 {
    border-right-color: #61186d !important
}

.border-right-purple-1000 {
    border-right-color: #52145d !important
}

.border-right-purple-1100 {
    border-right-color: #43114c !important
}

.border-right-purple-a100 {
    border-right-color: #500c4b !important
}

.border-right-purple-a200 {
    border-right-color: #59137c !important
}

.border-right-purple-a300 {
    border-right-color: #bb45e3 !important
}

.border-right-purple-a400 {
    border-right-color: #9ecef0 !important
}

.border-right-purple-a500 {
    border-right-color: #7c1374 !important
}

.border-right-purple-a600 {
    border-right-color: #c520d5 !important
}

.border-right-purple-a700 {
    border-right-color: #6de345 !important
}

.border-right-purple-a800 {
    border-right-color: #7cea71 !important
}

.text-purple {
    color: #9C27B0 !important
}

.text-purple:focus,
.text-purple:hover {
    color: #9C27B0 !important
}

.text-purple-50 {
    color: #e0a4eb !important
}

.text-purple-50:focus,
.text-purple-50:hover {
    color: #e0a4eb !important
}

.text-purple-100 {
    color: #d582e3 !important
}

.text-purple-100:focus,
.text-purple-100:hover {
    color: #d582e3 !important
}

.text-purple-200 {
    color: #ca61dc !important
}

.text-purple-200:focus,
.text-purple-200:hover {
    color: #ca61dc !important
}

.text-purple-300 {
    color: #bf40d5 !important
}

.text-purple-300:focus,
.text-purple-300:hover {
    color: #bf40d5 !important
}

.text-purple-400 {
    color: #ab2bc1 !important
}

.text-purple-400:focus,
.text-purple-400:hover {
    color: #ab2bc1 !important
}

.text-purple-600 {
    color: #8d239f !important
}

.text-purple-600:focus,
.text-purple-600:hover {
    color: #8d239f !important
}

.text-purple-700 {
    color: #7e208f !important
}

.text-purple-700:focus,
.text-purple-700:hover {
    color: #7e208f !important
}

.text-purple-800 {
    color: #701c7e !important
}

.text-purple-800:focus,
.text-purple-800:hover {
    color: #701c7e !important
}

.text-purple-900 {
    color: #61186d !important
}

.text-purple-900:focus,
.text-purple-900:hover {
    color: #61186d !important
}

.text-purple-1000 {
    color: #52145d !important
}

.text-purple-1000:focus,
.text-purple-1000:hover {
    color: #52145d !important
}

.text-purple-1100 {
    color: #43114c !important
}

.text-purple-1100:focus,
.text-purple-1100:hover {
    color: #43114c !important
}

.text-purple-a100 {
    color: #500c4b !important
}

.text-purple-a100:focus,
.text-purple-a100:hover {
    color: #500c4b !important
}

.text-purple-a200 {
    color: #59137c !important
}

.text-purple-a200:focus,
.text-purple-a200:hover {
    color: #59137c !important
}

.text-purple-a300 {
    color: #bb45e3 !important
}

.text-purple-a300:focus,
.text-purple-a300:hover {
    color: #bb45e3 !important
}

.text-purple-a400 {
    color: #9ecef0 !important
}

.text-purple-a400:focus,
.text-purple-a400:hover {
    color: #9ecef0 !important
}

.text-purple-a500 {
    color: #7c1374 !important
}

.text-purple-a500:focus,
.text-purple-a500:hover {
    color: #7c1374 !important
}

.text-purple-a600 {
    color: #c520d5 !important
}

.text-purple-a600:focus,
.text-purple-a600:hover {
    color: #c520d5 !important
}

.text-purple-a700 {
    color: #6de345 !important
}

.text-purple-a700:focus,
.text-purple-a700:hover {
    color: #6de345 !important
}

.text-purple-a800 {
    color: #7cea71 !important
}

.text-purple-a800:focus,
.text-purple-a800:hover {
    color: #7cea71 !important
}

.bg-dpurple {
    background-color: #673AB7 !important;
    border-color: #673AB7 !important;
    color: #fff !important
}

.bg-dpurple-50 {
    background-color: #cebeea !important;
    border-color: #cebeea !important;
    color: #0d0d0d !important
}

.bg-dpurple-100 {
    background-color: #b79fe1 !important;
    border-color: #b79fe1 !important;
    color: #0d0d0d !important
}

.bg-dpurple-200 {
    background-color: #9f80d7 !important;
    border-color: #9f80d7 !important;
    color: #0d0d0d !important
}

.bg-dpurple-300 {
    background-color: #8861cd !important;
    border-color: #8861cd !important;
    color: #fff !important
}

.bg-dpurple-400 {
    background-color: #7142c3 !important;
    border-color: #7142c3 !important;
    color: #fff !important
}

.bg-dpurple-600 {
    background-color: #5e35a8 !important;
    border-color: #5e35a8 !important;
    color: #fff !important
}

.bg-dpurple-700 {
    background-color: #563098 !important;
    border-color: #563098 !important;
    color: #fff !important
}

.bg-dpurple-800 {
    background-color: #4d2b89 !important;
    border-color: #4d2b89 !important;
    color: #fff !important
}

.bg-dpurple-900 {
    background-color: #442679 !important;
    border-color: #442679 !important;
    color: #fff !important
}

.bg-dpurple-1000 {
    background-color: #3b216a !important;
    border-color: #3b216a !important;
    color: #fff !important
}

.bg-dpurple-1100 {
    background-color: #331d5a !important;
    border-color: #331d5a !important;
    color: #fff !important
}

.bg-dpurple-a100 {
    background-color: #411660 !important;
    border-color: #411660 !important;
    color: #0d0d0d !important
}

.bg-dpurple-a200 {
    background-color: #322089 !important;
    border-color: #322089 !important;
    color: #0d0d0d !important
}

.bg-dpurple-a300 {
    background-color: #8467db !important;
    border-color: #8467db !important;
    color: #fff !important
}

.bg-dpurple-a400 {
    background-color: #b9efea !important;
    border-color: #b9efea !important;
    color: #fff !important
}

.bg-dpurple-a500 {
    background-color: #5d2089 !important;
    border-color: #5d2089 !important;
    color: #fff !important
}

.bg-dpurple-a600 {
    background-color: #7b3dd2 !important;
    border-color: #7b3dd2 !important;
    color: #fff !important
}

.bg-dpurple-a700 {
    background-color: #bedb67 !important;
    border-color: #bedb67 !important;
    color: #fff !important
}

.bg-dpurple-a800 {
    background-color: #c2e590 !important;
    border-color: #c2e590 !important;
    color: #fff !important
}

.border-dpurple {
    border-color: #673AB7 !important
}

.border-dpurple-50 {
    border-color: #cebeea !important
}

.border-dpurple-100 {
    border-color: #b79fe1 !important
}

.border-dpurple-200 {
    border-color: #9f80d7 !important
}

.border-dpurple-300 {
    border-color: #8861cd !important
}

.border-dpurple-400 {
    border-color: #7142c3 !important
}

.border-dpurple-600 {
    border-color: #5e35a8 !important
}

.border-dpurple-700 {
    border-color: #563098 !important
}

.border-dpurple-800 {
    border-color: #4d2b89 !important
}

.border-dpurple-900 {
    border-color: #442679 !important
}

.border-dpurple-1000 {
    border-color: #3b216a !important
}

.border-dpurple-1100 {
    border-color: #331d5a !important
}

.border-dpurple-a100 {
    border-color: #411660 !important
}

.border-dpurple-a200 {
    border-color: #322089 !important
}

.border-dpurple-a300 {
    border-color: #8467db !important
}

.border-dpurple-a400 {
    border-color: #b9efea !important
}

.border-dpurple-a500 {
    border-color: #5d2089 !important
}

.border-dpurple-a600 {
    border-color: #7b3dd2 !important
}

.border-dpurple-a700 {
    border-color: #bedb67 !important
}

.border-dpurple-a800 {
    border-color: #c2e590 !important
}

.border-top-dpurple {
    border-top-color: #673AB7 !important
}

.border-top-dpurple-50 {
    border-top-color: #cebeea !important
}

.border-top-dpurple-100 {
    border-top-color: #b79fe1 !important
}

.border-top-dpurple-200 {
    border-top-color: #9f80d7 !important
}

.border-top-dpurple-300 {
    border-top-color: #8861cd !important
}

.border-top-dpurple-400 {
    border-top-color: #7142c3 !important
}

.border-top-dpurple-600 {
    border-top-color: #5e35a8 !important
}

.border-top-dpurple-700 {
    border-top-color: #563098 !important
}

.border-top-dpurple-800 {
    border-top-color: #4d2b89 !important
}

.border-top-dpurple-900 {
    border-top-color: #442679 !important
}

.border-top-dpurple-1000 {
    border-top-color: #3b216a !important
}

.border-top-dpurple-1100 {
    border-top-color: #331d5a !important
}

.border-top-dpurple-a100 {
    border-top-color: #411660 !important
}

.border-top-dpurple-a200 {
    border-top-color: #322089 !important
}

.border-top-dpurple-a300 {
    border-top-color: #8467db !important
}

.border-top-dpurple-a400 {
    border-top-color: #b9efea !important
}

.border-top-dpurple-a500 {
    border-top-color: #5d2089 !important
}

.border-top-dpurple-a600 {
    border-top-color: #7b3dd2 !important
}

.border-top-dpurple-a700 {
    border-top-color: #bedb67 !important
}

.border-top-dpurple-a800 {
    border-top-color: #c2e590 !important
}

.border-bottom-dpurple {
    border-bottom-color: #673AB7 !important
}

.border-bottom-dpurple-50 {
    border-bottom-color: #cebeea !important
}

.border-bottom-dpurple-100 {
    border-bottom-color: #b79fe1 !important
}

.border-bottom-dpurple-200 {
    border-bottom-color: #9f80d7 !important
}

.border-bottom-dpurple-300 {
    border-bottom-color: #8861cd !important
}

.border-bottom-dpurple-400 {
    border-bottom-color: #7142c3 !important
}

.border-bottom-dpurple-600 {
    border-bottom-color: #5e35a8 !important
}

.border-bottom-dpurple-700 {
    border-bottom-color: #563098 !important
}

.border-bottom-dpurple-800 {
    border-bottom-color: #4d2b89 !important
}

.border-bottom-dpurple-900 {
    border-bottom-color: #442679 !important
}

.border-bottom-dpurple-1000 {
    border-bottom-color: #3b216a !important
}

.border-bottom-dpurple-1100 {
    border-bottom-color: #331d5a !important
}

.border-bottom-dpurple-a100 {
    border-bottom-color: #411660 !important
}

.border-bottom-dpurple-a200 {
    border-bottom-color: #322089 !important
}

.border-bottom-dpurple-a300 {
    border-bottom-color: #8467db !important
}

.border-bottom-dpurple-a400 {
    border-bottom-color: #b9efea !important
}

.border-bottom-dpurple-a500 {
    border-bottom-color: #5d2089 !important
}

.border-bottom-dpurple-a600 {
    border-bottom-color: #7b3dd2 !important
}

.border-bottom-dpurple-a700 {
    border-bottom-color: #bedb67 !important
}

.border-bottom-dpurple-a800 {
    border-bottom-color: #c2e590 !important
}

.border-left-dpurple {
    border-left-color: #673AB7 !important
}

.border-left-dpurple-50 {
    border-left-color: #cebeea !important
}

.border-left-dpurple-100 {
    border-left-color: #b79fe1 !important
}

.border-left-dpurple-200 {
    border-left-color: #9f80d7 !important
}

.border-left-dpurple-300 {
    border-left-color: #8861cd !important
}

.border-left-dpurple-400 {
    border-left-color: #7142c3 !important
}

.border-left-dpurple-600 {
    border-left-color: #5e35a8 !important
}

.border-left-dpurple-700 {
    border-left-color: #563098 !important
}

.border-left-dpurple-800 {
    border-left-color: #4d2b89 !important
}

.border-left-dpurple-900 {
    border-left-color: #442679 !important
}

.border-left-dpurple-1000 {
    border-left-color: #3b216a !important
}

.border-left-dpurple-1100 {
    border-left-color: #331d5a !important
}

.border-left-dpurple-a100 {
    border-left-color: #411660 !important
}

.border-left-dpurple-a200 {
    border-left-color: #322089 !important
}

.border-left-dpurple-a300 {
    border-left-color: #8467db !important
}

.border-left-dpurple-a400 {
    border-left-color: #b9efea !important
}

.border-left-dpurple-a500 {
    border-left-color: #5d2089 !important
}

.border-left-dpurple-a600 {
    border-left-color: #7b3dd2 !important
}

.border-left-dpurple-a700 {
    border-left-color: #bedb67 !important
}

.border-left-dpurple-a800 {
    border-left-color: #c2e590 !important
}

.border-right-dpurple {
    border-right-color: #673AB7 !important
}

.border-right-dpurple-50 {
    border-right-color: #cebeea !important
}

.border-right-dpurple-100 {
    border-right-color: #b79fe1 !important
}

.border-right-dpurple-200 {
    border-right-color: #9f80d7 !important
}

.border-right-dpurple-300 {
    border-right-color: #8861cd !important
}

.border-right-dpurple-400 {
    border-right-color: #7142c3 !important
}

.border-right-dpurple-600 {
    border-right-color: #5e35a8 !important
}

.border-right-dpurple-700 {
    border-right-color: #563098 !important
}

.border-right-dpurple-800 {
    border-right-color: #4d2b89 !important
}

.border-right-dpurple-900 {
    border-right-color: #442679 !important
}

.border-right-dpurple-1000 {
    border-right-color: #3b216a !important
}

.border-right-dpurple-1100 {
    border-right-color: #331d5a !important
}

.border-right-dpurple-a100 {
    border-right-color: #411660 !important
}

.border-right-dpurple-a200 {
    border-right-color: #322089 !important
}

.border-right-dpurple-a300 {
    border-right-color: #8467db !important
}

.border-right-dpurple-a400 {
    border-right-color: #b9efea !important
}

.border-right-dpurple-a500 {
    border-right-color: #5d2089 !important
}

.border-right-dpurple-a600 {
    border-right-color: #7b3dd2 !important
}

.border-right-dpurple-a700 {
    border-right-color: #bedb67 !important
}

.border-right-dpurple-a800 {
    border-right-color: #c2e590 !important
}

.text-dpurple {
    color: #673AB7 !important
}

.text-dpurple:focus,
.text-dpurple:hover {
    color: #673AB7 !important
}

.text-dpurple-50 {
    color: #cebeea !important
}

.text-dpurple-50:focus,
.text-dpurple-50:hover {
    color: #cebeea !important
}

.text-dpurple-100 {
    color: #b79fe1 !important
}

.text-dpurple-100:focus,
.text-dpurple-100:hover {
    color: #b79fe1 !important
}

.text-dpurple-200 {
    color: #9f80d7 !important
}

.text-dpurple-200:focus,
.text-dpurple-200:hover {
    color: #9f80d7 !important
}

.text-dpurple-300 {
    color: #8861cd !important
}

.text-dpurple-300:focus,
.text-dpurple-300:hover {
    color: #8861cd !important
}

.text-dpurple-400 {
    color: #7142c3 !important
}

.text-dpurple-400:focus,
.text-dpurple-400:hover {
    color: #7142c3 !important
}

.text-dpurple-600 {
    color: #5e35a8 !important
}

.text-dpurple-600:focus,
.text-dpurple-600:hover {
    color: #5e35a8 !important
}

.text-dpurple-700 {
    color: #563098 !important
}

.text-dpurple-700:focus,
.text-dpurple-700:hover {
    color: #563098 !important
}

.text-dpurple-800 {
    color: #4d2b89 !important
}

.text-dpurple-800:focus,
.text-dpurple-800:hover {
    color: #4d2b89 !important
}

.text-dpurple-900 {
    color: #442679 !important
}

.text-dpurple-900:focus,
.text-dpurple-900:hover {
    color: #442679 !important
}

.text-dpurple-1000 {
    color: #3b216a !important
}

.text-dpurple-1000:focus,
.text-dpurple-1000:hover {
    color: #3b216a !important
}

.text-dpurple-1100 {
    color: #331d5a !important
}

.text-dpurple-1100:focus,
.text-dpurple-1100:hover {
    color: #331d5a !important
}

.text-dpurple-a100 {
    color: #411660 !important
}

.text-dpurple-a100:focus,
.text-dpurple-a100:hover {
    color: #411660 !important
}

.text-dpurple-a200 {
    color: #322089 !important
}

.text-dpurple-a200:focus,
.text-dpurple-a200:hover {
    color: #322089 !important
}

.text-dpurple-a300 {
    color: #8467db !important
}

.text-dpurple-a300:focus,
.text-dpurple-a300:hover {
    color: #8467db !important
}

.text-dpurple-a400 {
    color: #b9efea !important
}

.text-dpurple-a400:focus,
.text-dpurple-a400:hover {
    color: #b9efea !important
}

.text-dpurple-a500 {
    color: #5d2089 !important
}

.text-dpurple-a500:focus,
.text-dpurple-a500:hover {
    color: #5d2089 !important
}

.text-dpurple-a600 {
    color: #7b3dd2 !important
}

.text-dpurple-a600:focus,
.text-dpurple-a600:hover {
    color: #7b3dd2 !important
}

.text-dpurple-a700 {
    color: #bedb67 !important
}

.text-dpurple-a700:focus,
.text-dpurple-a700:hover {
    color: #bedb67 !important
}

.text-dpurple-a800 {
    color: #c2e590 !important
}

.text-dpurple-a800:focus,
.text-dpurple-a800:hover {
    color: #c2e590 !important
}

.bg-indigo {
    background-color: #3F51B5 !important;
    border-color: #3F51B5 !important;
    color: #fff !important
}

.bg-indigo-50 {
    background-color: #c2c8ea !important;
    border-color: #c2c8ea !important;
    color: #0d0d0d !important
}

.bg-indigo-100 {
    background-color: #a4addf !important;
    border-color: #a4addf !important;
    color: #0d0d0d !important
}

.bg-indigo-200 {
    background-color: #8591d5 !important;
    border-color: #8591d5 !important;
    color: #0d0d0d !important
}

.bg-indigo-300 {
    background-color: #6776ca !important;
    border-color: #6776ca !important;
    color: #fff !important
}

.bg-indigo-400 {
    background-color: #495bc0 !important;
    border-color: #495bc0 !important;
    color: #fff !important
}

.bg-indigo-600 {
    background-color: #3a4aa6 !important;
    border-color: #3a4aa6 !important;
    color: #fff !important
}

.bg-indigo-700 {
    background-color: #344397 !important;
    border-color: #344397 !important;
    color: #fff !important
}

.bg-indigo-800 {
    background-color: #2f3d88 !important;
    border-color: #2f3d88 !important;
    color: #fff !important
}

.bg-indigo-900 {
    background-color: #2a3678 !important;
    border-color: #2a3678 !important;
    color: #fff !important
}

.bg-indigo-1000 {
    background-color: #252f69 !important;
    border-color: #252f69 !important;
    color: #fff !important
}

.bg-indigo-1100 {
    background-color: #1f285a !important;
    border-color: #1f285a !important;
    color: #fff !important
}

.bg-indigo-a100 {
    background-color: #1e1960 !important;
    border-color: #1e1960 !important;
    color: #0d0d0d !important
}

.bg-indigo-a200 {
    background-color: #244688 !important;
    border-color: #244688 !important;
    color: #0d0d0d !important
}

.bg-indigo-a300 {
    background-color: #6c89d9 !important;
    border-color: #6c89d9 !important;
    color: #fff !important
}

.bg-indigo-a400 {
    background-color: #bdeed1 !important;
    border-color: #bdeed1 !important;
    color: #fff !important
}

.bg-indigo-a500 {
    background-color: #2b2488 !important;
    border-color: #2b2488 !important;
    color: #fff !important
}

.bg-indigo-a600 {
    background-color: #4451ce !important;
    border-color: #4451ce !important;
    color: #fff !important
}

.bg-indigo-a700 {
    background-color: #d9bc6c !important;
    border-color: #d9bc6c !important;
    color: #fff !important
}

.bg-indigo-a800 {
    background-color: #e3dc95 !important;
    border-color: #e3dc95 !important;
    color: #fff !important
}

.border-indigo {
    border-color: #3F51B5 !important
}

.border-indigo-50 {
    border-color: #c2c8ea !important
}

.border-indigo-100 {
    border-color: #a4addf !important
}

.border-indigo-200 {
    border-color: #8591d5 !important
}

.border-indigo-300 {
    border-color: #6776ca !important
}

.border-indigo-400 {
    border-color: #495bc0 !important
}

.border-indigo-600 {
    border-color: #3a4aa6 !important
}

.border-indigo-700 {
    border-color: #344397 !important
}

.border-indigo-800 {
    border-color: #2f3d88 !important
}

.border-indigo-900 {
    border-color: #2a3678 !important
}

.border-indigo-1000 {
    border-color: #252f69 !important
}

.border-indigo-1100 {
    border-color: #1f285a !important
}

.border-indigo-a100 {
    border-color: #1e1960 !important
}

.border-indigo-a200 {
    border-color: #244688 !important
}

.border-indigo-a300 {
    border-color: #6c89d9 !important
}

.border-indigo-a400 {
    border-color: #bdeed1 !important
}

.border-indigo-a500 {
    border-color: #2b2488 !important
}

.border-indigo-a600 {
    border-color: #4451ce !important
}

.border-indigo-a700 {
    border-color: #d9bc6c !important
}

.border-indigo-a800 {
    border-color: #e3dc95 !important
}

.border-top-indigo {
    border-top-color: #3F51B5 !important
}

.border-top-indigo-50 {
    border-top-color: #c2c8ea !important
}

.border-top-indigo-100 {
    border-top-color: #a4addf !important
}

.border-top-indigo-200 {
    border-top-color: #8591d5 !important
}

.border-top-indigo-300 {
    border-top-color: #6776ca !important
}

.border-top-indigo-400 {
    border-top-color: #495bc0 !important
}

.border-top-indigo-600 {
    border-top-color: #3a4aa6 !important
}

.border-top-indigo-700 {
    border-top-color: #344397 !important
}

.border-top-indigo-800 {
    border-top-color: #2f3d88 !important
}

.border-top-indigo-900 {
    border-top-color: #2a3678 !important
}

.border-top-indigo-1000 {
    border-top-color: #252f69 !important
}

.border-top-indigo-1100 {
    border-top-color: #1f285a !important
}

.border-top-indigo-a100 {
    border-top-color: #1e1960 !important
}

.border-top-indigo-a200 {
    border-top-color: #244688 !important
}

.border-top-indigo-a300 {
    border-top-color: #6c89d9 !important
}

.border-top-indigo-a400 {
    border-top-color: #bdeed1 !important
}

.border-top-indigo-a500 {
    border-top-color: #2b2488 !important
}

.border-top-indigo-a600 {
    border-top-color: #4451ce !important
}

.border-top-indigo-a700 {
    border-top-color: #d9bc6c !important
}

.border-top-indigo-a800 {
    border-top-color: #e3dc95 !important
}

.border-bottom-indigo {
    border-bottom-color: #3F51B5 !important
}

.border-bottom-indigo-50 {
    border-bottom-color: #c2c8ea !important
}

.border-bottom-indigo-100 {
    border-bottom-color: #a4addf !important
}

.border-bottom-indigo-200 {
    border-bottom-color: #8591d5 !important
}

.border-bottom-indigo-300 {
    border-bottom-color: #6776ca !important
}

.border-bottom-indigo-400 {
    border-bottom-color: #495bc0 !important
}

.border-bottom-indigo-600 {
    border-bottom-color: #3a4aa6 !important
}

.border-bottom-indigo-700 {
    border-bottom-color: #344397 !important
}

.border-bottom-indigo-800 {
    border-bottom-color: #2f3d88 !important
}

.border-bottom-indigo-900 {
    border-bottom-color: #2a3678 !important
}

.border-bottom-indigo-1000 {
    border-bottom-color: #252f69 !important
}

.border-bottom-indigo-1100 {
    border-bottom-color: #1f285a !important
}

.border-bottom-indigo-a100 {
    border-bottom-color: #1e1960 !important
}

.border-bottom-indigo-a200 {
    border-bottom-color: #244688 !important
}

.border-bottom-indigo-a300 {
    border-bottom-color: #6c89d9 !important
}

.border-bottom-indigo-a400 {
    border-bottom-color: #bdeed1 !important
}

.border-bottom-indigo-a500 {
    border-bottom-color: #2b2488 !important
}

.border-bottom-indigo-a600 {
    border-bottom-color: #4451ce !important
}

.border-bottom-indigo-a700 {
    border-bottom-color: #d9bc6c !important
}

.border-bottom-indigo-a800 {
    border-bottom-color: #e3dc95 !important
}

.border-left-indigo {
    border-left-color: #3F51B5 !important
}

.border-left-indigo-50 {
    border-left-color: #c2c8ea !important
}

.border-left-indigo-100 {
    border-left-color: #a4addf !important
}

.border-left-indigo-200 {
    border-left-color: #8591d5 !important
}

.border-left-indigo-300 {
    border-left-color: #6776ca !important
}

.border-left-indigo-400 {
    border-left-color: #495bc0 !important
}

.border-left-indigo-600 {
    border-left-color: #3a4aa6 !important
}

.border-left-indigo-700 {
    border-left-color: #344397 !important
}

.border-left-indigo-800 {
    border-left-color: #2f3d88 !important
}

.border-left-indigo-900 {
    border-left-color: #2a3678 !important
}

.border-left-indigo-1000 {
    border-left-color: #252f69 !important
}

.border-left-indigo-1100 {
    border-left-color: #1f285a !important
}

.border-left-indigo-a100 {
    border-left-color: #1e1960 !important
}

.border-left-indigo-a200 {
    border-left-color: #244688 !important
}

.border-left-indigo-a300 {
    border-left-color: #6c89d9 !important
}

.border-left-indigo-a400 {
    border-left-color: #bdeed1 !important
}

.border-left-indigo-a500 {
    border-left-color: #2b2488 !important
}

.border-left-indigo-a600 {
    border-left-color: #4451ce !important
}

.border-left-indigo-a700 {
    border-left-color: #d9bc6c !important
}

.border-left-indigo-a800 {
    border-left-color: #e3dc95 !important
}

.border-right-indigo {
    border-right-color: #3F51B5 !important
}

.border-right-indigo-50 {
    border-right-color: #c2c8ea !important
}

.border-right-indigo-100 {
    border-right-color: #a4addf !important
}

.border-right-indigo-200 {
    border-right-color: #8591d5 !important
}

.border-right-indigo-300 {
    border-right-color: #6776ca !important
}

.border-right-indigo-400 {
    border-right-color: #495bc0 !important
}

.border-right-indigo-600 {
    border-right-color: #3a4aa6 !important
}

.border-right-indigo-700 {
    border-right-color: #344397 !important
}

.border-right-indigo-800 {
    border-right-color: #2f3d88 !important
}

.border-right-indigo-900 {
    border-right-color: #2a3678 !important
}

.border-right-indigo-1000 {
    border-right-color: #252f69 !important
}

.border-right-indigo-1100 {
    border-right-color: #1f285a !important
}

.border-right-indigo-a100 {
    border-right-color: #1e1960 !important
}

.border-right-indigo-a200 {
    border-right-color: #244688 !important
}

.border-right-indigo-a300 {
    border-right-color: #6c89d9 !important
}

.border-right-indigo-a400 {
    border-right-color: #bdeed1 !important
}

.border-right-indigo-a500 {
    border-right-color: #2b2488 !important
}

.border-right-indigo-a600 {
    border-right-color: #4451ce !important
}

.border-right-indigo-a700 {
    border-right-color: #d9bc6c !important
}

.border-right-indigo-a800 {
    border-right-color: #e3dc95 !important
}

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

.text-indigo:focus,
.text-indigo:hover {
    color: #3F51B5 !important
}

.text-indigo-50 {
    color: #c2c8ea !important
}

.text-indigo-50:focus,
.text-indigo-50:hover {
    color: #c2c8ea !important
}

.text-indigo-100 {
    color: #a4addf !important
}

.text-indigo-100:focus,
.text-indigo-100:hover {
    color: #a4addf !important
}

.text-indigo-200 {
    color: #8591d5 !important
}

.text-indigo-200:focus,
.text-indigo-200:hover {
    color: #8591d5 !important
}

.text-indigo-300 {
    color: #6776ca !important
}

.text-indigo-300:focus,
.text-indigo-300:hover {
    color: #6776ca !important
}

.text-indigo-400 {
    color: #495bc0 !important
}

.text-indigo-400:focus,
.text-indigo-400:hover {
    color: #495bc0 !important
}

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

.text-indigo-600:focus,
.text-indigo-600:hover {
    color: #3a4aa6 !important
}

.text-indigo-700 {
    color: #344397 !important
}

.text-indigo-700:focus,
.text-indigo-700:hover {
    color: #344397 !important
}

.text-indigo-800 {
    color: #2f3d88 !important
}

.text-indigo-800:focus,
.text-indigo-800:hover {
    color: #2f3d88 !important
}

.text-indigo-900 {
    color: #2a3678 !important
}

.text-indigo-900:focus,
.text-indigo-900:hover {
    color: #2a3678 !important
}

.text-indigo-1000 {
    color: #252f69 !important
}

.text-indigo-1000:focus,
.text-indigo-1000:hover {
    color: #252f69 !important
}

.text-indigo-1100 {
    color: #1f285a !important
}

.text-indigo-1100:focus,
.text-indigo-1100:hover {
    color: #1f285a !important
}

.text-indigo-a100 {
    color: #1e1960 !important
}

.text-indigo-a100:focus,
.text-indigo-a100:hover {
    color: #1e1960 !important
}

.text-indigo-a200 {
    color: #244688 !important
}

.text-indigo-a200:focus,
.text-indigo-a200:hover {
    color: #244688 !important
}

.text-indigo-a300 {
    color: #6c89d9 !important
}

.text-indigo-a300:focus,
.text-indigo-a300:hover {
    color: #6c89d9 !important
}

.text-indigo-a400 {
    color: #bdeed1 !important
}

.text-indigo-a400:focus,
.text-indigo-a400:hover {
    color: #bdeed1 !important
}

.text-indigo-a500 {
    color: #2b2488 !important
}

.text-indigo-a500:focus,
.text-indigo-a500:hover {
    color: #2b2488 !important
}

.text-indigo-a600 {
    color: #4451ce !important
}

.text-indigo-a600:focus,
.text-indigo-a600:hover {
    color: #4451ce !important
}

.text-indigo-a700 {
    color: #d9bc6c !important
}

.text-indigo-a700:focus,
.text-indigo-a700:hover {
    color: #d9bc6c !important
}

.text-indigo-a800 {
    color: #e3dc95 !important
}

.text-indigo-a800:focus,
.text-indigo-a800:hover {
    color: #e3dc95 !important
}

.bg-teal {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #fff !important
}

.bg-teal-50 {
    background-color: #4fffef !important;
    border-color: #4fffef !important;
    color: #0d0d0d !important
}

.bg-teal-100 {
    background-color: #26ffeb !important;
    border-color: #26ffeb !important;
    color: #0d0d0d !important
}

.bg-teal-200 {
    background-color: #00fce4 !important;
    border-color: #00fce4 !important;
    color: #0d0d0d !important
}

.bg-teal-300 {
    background-color: #00d3bf !important;
    border-color: #00d3bf !important;
    color: #fff !important
}

.bg-teal-400 {
    background-color: #00aa9a !important;
    border-color: #00aa9a !important;
    color: #fff !important
}

.bg-teal-600 {
    background-color: #008276 !important;
    border-color: #008276 !important;
    color: #fff !important
}

.bg-teal-700 {
    background-color: #006d63 !important;
    border-color: #006d63 !important;
    color: #fff !important
}

.bg-teal-800 {
    background-color: #005951 !important;
    border-color: #005951 !important;
    color: #fff !important
}

.bg-teal-900 {
    background-color: #00443e !important;
    border-color: #00443e !important;
    color: #fff !important
}

.bg-teal-1000 {
    background-color: #00302c !important;
    border-color: #00302c !important;
    color: #fff !important
}

.bg-teal-1100 {
    background-color: #001c19 !important;
    border-color: #001c19 !important;
    color: #fff !important
}

.bg-teal-a100 {
    background-color: #00171b !important;
    border-color: #00171b !important;
    color: #0d0d0d !important
}

.bg-teal-a200 {
    background-color: #004e38 !important;
    border-color: #004e38 !important;
    color: #0d0d0d !important
}

.bg-teal-a300 {
    background-color: #00e7b8 !important;
    border-color: #00e7b8 !important;
    color: #fff !important
}

.bg-teal-a400 {
    background-color: #adff4e !important;
    border-color: #adff4e !important;
    color: #fff !important
}

.bg-teal-a500 {
    background-color: #00444e !important;
    border-color: #00444e !important;
    color: #fff !important
}

.bg-teal-a600 {
    background-color: #00b4ad !important;
    border-color: #00b4ad !important;
    color: #fff !important
}

.bg-teal-a700 {
    background-color: #e7002f !important;
    border-color: #e7002f !important;
    color: #fff !important
}

.bg-teal-a800 {
    background-color: #ff1b23 !important;
    border-color: #ff1b23 !important;
    color: #fff !important
}

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

.border-teal-50 {
    border-color: #4fffef !important
}

.border-teal-100 {
    border-color: #26ffeb !important
}

.border-teal-200 {
    border-color: #00fce4 !important
}

.border-teal-300 {
    border-color: #00d3bf !important
}

.border-teal-400 {
    border-color: #00aa9a !important
}

.border-teal-600 {
    border-color: #008276 !important
}

.border-teal-700 {
    border-color: #006d63 !important
}

.border-teal-800 {
    border-color: #005951 !important
}

.border-teal-900 {
    border-color: #00443e !important
}

.border-teal-1000 {
    border-color: #00302c !important
}

.border-teal-1100 {
    border-color: #001c19 !important
}

.border-teal-a100 {
    border-color: #00171b !important
}

.border-teal-a200 {
    border-color: #004e38 !important
}

.border-teal-a300 {
    border-color: #00e7b8 !important
}

.border-teal-a400 {
    border-color: #adff4e !important
}

.border-teal-a500 {
    border-color: #00444e !important
}

.border-teal-a600 {
    border-color: #00b4ad !important
}

.border-teal-a700 {
    border-color: #e7002f !important
}

.border-teal-a800 {
    border-color: #ff1b23 !important
}

.border-top-teal {
    border-top-color: #009688 !important
}

.border-top-teal-50 {
    border-top-color: #4fffef !important
}

.border-top-teal-100 {
    border-top-color: #26ffeb !important
}

.border-top-teal-200 {
    border-top-color: #00fce4 !important
}

.border-top-teal-300 {
    border-top-color: #00d3bf !important
}

.border-top-teal-400 {
    border-top-color: #00aa9a !important
}

.border-top-teal-600 {
    border-top-color: #008276 !important
}

.border-top-teal-700 {
    border-top-color: #006d63 !important
}

.border-top-teal-800 {
    border-top-color: #005951 !important
}

.border-top-teal-900 {
    border-top-color: #00443e !important
}

.border-top-teal-1000 {
    border-top-color: #00302c !important
}

.border-top-teal-1100 {
    border-top-color: #001c19 !important
}

.border-top-teal-a100 {
    border-top-color: #00171b !important
}

.border-top-teal-a200 {
    border-top-color: #004e38 !important
}

.border-top-teal-a300 {
    border-top-color: #00e7b8 !important
}

.border-top-teal-a400 {
    border-top-color: #adff4e !important
}

.border-top-teal-a500 {
    border-top-color: #00444e !important
}

.border-top-teal-a600 {
    border-top-color: #00b4ad !important
}

.border-top-teal-a700 {
    border-top-color: #e7002f !important
}

.border-top-teal-a800 {
    border-top-color: #ff1b23 !important
}

.border-bottom-teal {
    border-bottom-color: #009688 !important
}

.border-bottom-teal-50 {
    border-bottom-color: #4fffef !important
}

.border-bottom-teal-100 {
    border-bottom-color: #26ffeb !important
}

.border-bottom-teal-200 {
    border-bottom-color: #00fce4 !important
}

.border-bottom-teal-300 {
    border-bottom-color: #00d3bf !important
}

.border-bottom-teal-400 {
    border-bottom-color: #00aa9a !important
}

.border-bottom-teal-600 {
    border-bottom-color: #008276 !important
}

.border-bottom-teal-700 {
    border-bottom-color: #006d63 !important
}

.border-bottom-teal-800 {
    border-bottom-color: #005951 !important
}

.border-bottom-teal-900 {
    border-bottom-color: #00443e !important
}

.border-bottom-teal-1000 {
    border-bottom-color: #00302c !important
}

.border-bottom-teal-1100 {
    border-bottom-color: #001c19 !important
}

.border-bottom-teal-a100 {
    border-bottom-color: #00171b !important
}

.border-bottom-teal-a200 {
    border-bottom-color: #004e38 !important
}

.border-bottom-teal-a300 {
    border-bottom-color: #00e7b8 !important
}

.border-bottom-teal-a400 {
    border-bottom-color: #adff4e !important
}

.border-bottom-teal-a500 {
    border-bottom-color: #00444e !important
}

.border-bottom-teal-a600 {
    border-bottom-color: #00b4ad !important
}

.border-bottom-teal-a700 {
    border-bottom-color: #e7002f !important
}

.border-bottom-teal-a800 {
    border-bottom-color: #ff1b23 !important
}

.border-left-teal {
    border-left-color: #009688 !important
}

.border-left-teal-50 {
    border-left-color: #4fffef !important
}

.border-left-teal-100 {
    border-left-color: #26ffeb !important
}

.border-left-teal-200 {
    border-left-color: #00fce4 !important
}

.border-left-teal-300 {
    border-left-color: #00d3bf !important
}

.border-left-teal-400 {
    border-left-color: #00aa9a !important
}

.border-left-teal-600 {
    border-left-color: #008276 !important
}

.border-left-teal-700 {
    border-left-color: #006d63 !important
}

.border-left-teal-800 {
    border-left-color: #005951 !important
}

.border-left-teal-900 {
    border-left-color: #00443e !important
}

.border-left-teal-1000 {
    border-left-color: #00302c !important
}

.border-left-teal-1100 {
    border-left-color: #001c19 !important
}

.border-left-teal-a100 {
    border-left-color: #00171b !important
}

.border-left-teal-a200 {
    border-left-color: #004e38 !important
}

.border-left-teal-a300 {
    border-left-color: #00e7b8 !important
}

.border-left-teal-a400 {
    border-left-color: #adff4e !important
}

.border-left-teal-a500 {
    border-left-color: #00444e !important
}

.border-left-teal-a600 {
    border-left-color: #00b4ad !important
}

.border-left-teal-a700 {
    border-left-color: #e7002f !important
}

.border-left-teal-a800 {
    border-left-color: #ff1b23 !important
}

.border-right-teal {
    border-right-color: #009688 !important
}

.border-right-teal-50 {
    border-right-color: #4fffef !important
}

.border-right-teal-100 {
    border-right-color: #26ffeb !important
}

.border-right-teal-200 {
    border-right-color: #00fce4 !important
}

.border-right-teal-300 {
    border-right-color: #00d3bf !important
}

.border-right-teal-400 {
    border-right-color: #00aa9a !important
}

.border-right-teal-600 {
    border-right-color: #008276 !important
}

.border-right-teal-700 {
    border-right-color: #006d63 !important
}

.border-right-teal-800 {
    border-right-color: #005951 !important
}

.border-right-teal-900 {
    border-right-color: #00443e !important
}

.border-right-teal-1000 {
    border-right-color: #00302c !important
}

.border-right-teal-1100 {
    border-right-color: #001c19 !important
}

.border-right-teal-a100 {
    border-right-color: #00171b !important
}

.border-right-teal-a200 {
    border-right-color: #004e38 !important
}

.border-right-teal-a300 {
    border-right-color: #00e7b8 !important
}

.border-right-teal-a400 {
    border-right-color: #adff4e !important
}

.border-right-teal-a500 {
    border-right-color: #00444e !important
}

.border-right-teal-a600 {
    border-right-color: #00b4ad !important
}

.border-right-teal-a700 {
    border-right-color: #e7002f !important
}

.border-right-teal-a800 {
    border-right-color: #ff1b23 !important
}

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

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

.text-teal-50 {
    color: #4fffef !important
}

.text-teal-50:focus,
.text-teal-50:hover {
    color: #4fffef !important
}

.text-teal-100 {
    color: #26ffeb !important
}

.text-teal-100:focus,
.text-teal-100:hover {
    color: #26ffeb !important
}

.text-teal-200 {
    color: #00fce4 !important
}

.text-teal-200:focus,
.text-teal-200:hover {
    color: #00fce4 !important
}

.text-teal-300 {
    color: #00d3bf !important
}

.text-teal-300:focus,
.text-teal-300:hover {
    color: #00d3bf !important
}

.text-teal-400 {
    color: #00aa9a !important
}

.text-teal-400:focus,
.text-teal-400:hover {
    color: #00aa9a !important
}

.text-teal-600 {
    color: #008276 !important
}

.text-teal-600:focus,
.text-teal-600:hover {
    color: #008276 !important
}

.text-teal-700 {
    color: #006d63 !important
}

.text-teal-700:focus,
.text-teal-700:hover {
    color: #006d63 !important
}

.text-teal-800 {
    color: #005951 !important
}

.text-teal-800:focus,
.text-teal-800:hover {
    color: #005951 !important
}

.text-teal-900 {
    color: #00443e !important
}

.text-teal-900:focus,
.text-teal-900:hover {
    color: #00443e !important
}

.text-teal-1000 {
    color: #00302c !important
}

.text-teal-1000:focus,
.text-teal-1000:hover {
    color: #00302c !important
}

.text-teal-1100 {
    color: #001c19 !important
}

.text-teal-1100:focus,
.text-teal-1100:hover {
    color: #001c19 !important
}

.text-teal-a100 {
    color: #00171b !important
}

.text-teal-a100:focus,
.text-teal-a100:hover {
    color: #00171b !important
}

.text-teal-a200 {
    color: #004e38 !important
}

.text-teal-a200:focus,
.text-teal-a200:hover {
    color: #004e38 !important
}

.text-teal-a300 {
    color: #00e7b8 !important
}

.text-teal-a300:focus,
.text-teal-a300:hover {
    color: #00e7b8 !important
}

.text-teal-a400 {
    color: #adff4e !important
}

.text-teal-a400:focus,
.text-teal-a400:hover {
    color: #adff4e !important
}

.text-teal-a500 {
    color: #00444e !important
}

.text-teal-a500:focus,
.text-teal-a500:hover {
    color: #00444e !important
}

.text-teal-a600 {
    color: #00b4ad !important
}

.text-teal-a600:focus,
.text-teal-a600:hover {
    color: #00b4ad !important
}

.text-teal-a700 {
    color: #e7002f !important
}

.text-teal-a700:focus,
.text-teal-a700:hover {
    color: #e7002f !important
}

.text-teal-a800 {
    color: #ff1b23 !important
}

.text-teal-a800:focus,
.text-teal-a800:hover {
    color: #ff1b23 !important
}

.bg-lgreen {
    background-color: #8BC34A !important;
    border-color: #8BC34A !important;
    color: #fff !important
}

.bg-lgreen-50 {
    background-color: #e3f1d4 !important;
    border-color: #e3f1d4 !important;
    color: #0d0d0d !important
}

.bg-lgreen-100 {
    background-color: #d0e7b5 !important;
    border-color: #d0e7b5 !important;
    color: #0d0d0d !important
}

.bg-lgreen-200 {
    background-color: #bcdc97 !important;
    border-color: #bcdc97 !important;
    color: #0d0d0d !important
}

.bg-lgreen-300 {
    background-color: #a8d278 !important;
    border-color: #a8d278 !important;
    color: #fff !important
}

.bg-lgreen-400 {
    background-color: #95c859 !important;
    border-color: #95c859 !important;
    color: #fff !important
}

.bg-lgreen-600 {
    background-color: #81bb3e !important;
    border-color: #81bb3e !important;
    color: #fff !important
}

.bg-lgreen-700 {
    background-color: #76ab39 !important;
    border-color: #76ab39 !important;
    color: #fff !important
}

.bg-lgreen-800 {
    background-color: #6c9c34 !important;
    border-color: #6c9c34 !important;
    color: #fff !important
}

.bg-lgreen-900 {
    background-color: #618d2f !important;
    border-color: #618d2f !important;
    color: #fff !important
}

.bg-lgreen-1000 {
    background-color: #577d2a !important;
    border-color: #577d2a !important;
    color: #fff !important
}

.bg-lgreen-1100 {
    background-color: #4c6e24 !important;
    border-color: #4c6e24 !important;
    color: #fff !important
}

.bg-lgreen-a100 {
    background-color: #39751d !important;
    border-color: #39751d !important;
    color: #0d0d0d !important
}

.bg-lgreen-a200 {
    background-color: #7e9e27 !important;
    border-color: #7e9e27 !important;
    color: #0d0d0d !important
}

.bg-lgreen-a300 {
    background-color: #bddf7f !important;
    border-color: #bddf7f !important;
    color: #fff !important
}

.bg-lgreen-a400 {
    background-color: #f4d1d0 !important;
    border-color: #f4d1d0 !important;
    color: #fff !important
}

.bg-lgreen-a500 {
    background-color: #4c9e27 !important;
    border-color: #4c9e27 !important;
    color: #fff !important
}

.bg-lgreen-a600 {
    background-color: #93d556 !important;
    border-color: #93d556 !important;
    color: #fff !important
}

.bg-lgreen-a700 {
    background-color: #a17fdf !important;
    border-color: #a17fdf !important;
    color: #fff !important
}

.bg-lgreen-a800 {
    background-color: #caa8e9 !important;
    border-color: #caa8e9 !important;
    color: #fff !important
}

.border-lgreen {
    border-color: #8BC34A !important
}

.border-lgreen-50 {
    border-color: #e3f1d4 !important
}

.border-lgreen-100 {
    border-color: #d0e7b5 !important
}

.border-lgreen-200 {
    border-color: #bcdc97 !important
}

.border-lgreen-300 {
    border-color: #a8d278 !important
}

.border-lgreen-400 {
    border-color: #95c859 !important
}

.border-lgreen-600 {
    border-color: #81bb3e !important
}

.border-lgreen-700 {
    border-color: #76ab39 !important
}

.border-lgreen-800 {
    border-color: #6c9c34 !important
}

.border-lgreen-900 {
    border-color: #618d2f !important
}

.border-lgreen-1000 {
    border-color: #577d2a !important
}

.border-lgreen-1100 {
    border-color: #4c6e24 !important
}

.border-lgreen-a100 {
    border-color: #39751d !important
}

.border-lgreen-a200 {
    border-color: #7e9e27 !important
}

.border-lgreen-a300 {
    border-color: #bddf7f !important
}

.border-lgreen-a400 {
    border-color: #f4d1d0 !important
}

.border-lgreen-a500 {
    border-color: #4c9e27 !important
}

.border-lgreen-a600 {
    border-color: #93d556 !important
}

.border-lgreen-a700 {
    border-color: #a17fdf !important
}

.border-lgreen-a800 {
    border-color: #caa8e9 !important
}

.border-top-lgreen {
    border-top-color: #8BC34A !important
}

.border-top-lgreen-50 {
    border-top-color: #e3f1d4 !important
}

.border-top-lgreen-100 {
    border-top-color: #d0e7b5 !important
}

.border-top-lgreen-200 {
    border-top-color: #bcdc97 !important
}

.border-top-lgreen-300 {
    border-top-color: #a8d278 !important
}

.border-top-lgreen-400 {
    border-top-color: #95c859 !important
}

.border-top-lgreen-600 {
    border-top-color: #81bb3e !important
}

.border-top-lgreen-700 {
    border-top-color: #76ab39 !important
}

.border-top-lgreen-800 {
    border-top-color: #6c9c34 !important
}

.border-top-lgreen-900 {
    border-top-color: #618d2f !important
}

.border-top-lgreen-1000 {
    border-top-color: #577d2a !important
}

.border-top-lgreen-1100 {
    border-top-color: #4c6e24 !important
}

.border-top-lgreen-a100 {
    border-top-color: #39751d !important
}

.border-top-lgreen-a200 {
    border-top-color: #7e9e27 !important
}

.border-top-lgreen-a300 {
    border-top-color: #bddf7f !important
}

.border-top-lgreen-a400 {
    border-top-color: #f4d1d0 !important
}

.border-top-lgreen-a500 {
    border-top-color: #4c9e27 !important
}

.border-top-lgreen-a600 {
    border-top-color: #93d556 !important
}

.border-top-lgreen-a700 {
    border-top-color: #a17fdf !important
}

.border-top-lgreen-a800 {
    border-top-color: #caa8e9 !important
}

.border-bottom-lgreen {
    border-bottom-color: #8BC34A !important
}

.border-bottom-lgreen-50 {
    border-bottom-color: #e3f1d4 !important
}

.border-bottom-lgreen-100 {
    border-bottom-color: #d0e7b5 !important
}

.border-bottom-lgreen-200 {
    border-bottom-color: #bcdc97 !important
}

.border-bottom-lgreen-300 {
    border-bottom-color: #a8d278 !important
}

.border-bottom-lgreen-400 {
    border-bottom-color: #95c859 !important
}

.border-bottom-lgreen-600 {
    border-bottom-color: #81bb3e !important
}

.border-bottom-lgreen-700 {
    border-bottom-color: #76ab39 !important
}

.border-bottom-lgreen-800 {
    border-bottom-color: #6c9c34 !important
}

.border-bottom-lgreen-900 {
    border-bottom-color: #618d2f !important
}

.border-bottom-lgreen-1000 {
    border-bottom-color: #577d2a !important
}

.border-bottom-lgreen-1100 {
    border-bottom-color: #4c6e24 !important
}

.border-bottom-lgreen-a100 {
    border-bottom-color: #39751d !important
}

.border-bottom-lgreen-a200 {
    border-bottom-color: #7e9e27 !important
}

.border-bottom-lgreen-a300 {
    border-bottom-color: #bddf7f !important
}

.border-bottom-lgreen-a400 {
    border-bottom-color: #f4d1d0 !important
}

.border-bottom-lgreen-a500 {
    border-bottom-color: #4c9e27 !important
}

.border-bottom-lgreen-a600 {
    border-bottom-color: #93d556 !important
}

.border-bottom-lgreen-a700 {
    border-bottom-color: #a17fdf !important
}

.border-bottom-lgreen-a800 {
    border-bottom-color: #caa8e9 !important
}

.border-left-lgreen {
    border-left-color: #8BC34A !important
}

.border-left-lgreen-50 {
    border-left-color: #e3f1d4 !important
}

.border-left-lgreen-100 {
    border-left-color: #d0e7b5 !important
}

.border-left-lgreen-200 {
    border-left-color: #bcdc97 !important
}

.border-left-lgreen-300 {
    border-left-color: #a8d278 !important
}

.border-left-lgreen-400 {
    border-left-color: #95c859 !important
}

.border-left-lgreen-600 {
    border-left-color: #81bb3e !important
}

.border-left-lgreen-700 {
    border-left-color: #76ab39 !important
}

.border-left-lgreen-800 {
    border-left-color: #6c9c34 !important
}

.border-left-lgreen-900 {
    border-left-color: #618d2f !important
}

.border-left-lgreen-1000 {
    border-left-color: #577d2a !important
}

.border-left-lgreen-1100 {
    border-left-color: #4c6e24 !important
}

.border-left-lgreen-a100 {
    border-left-color: #39751d !important
}

.border-left-lgreen-a200 {
    border-left-color: #7e9e27 !important
}

.border-left-lgreen-a300 {
    border-left-color: #bddf7f !important
}

.border-left-lgreen-a400 {
    border-left-color: #f4d1d0 !important
}

.border-left-lgreen-a500 {
    border-left-color: #4c9e27 !important
}

.border-left-lgreen-a600 {
    border-left-color: #93d556 !important
}

.border-left-lgreen-a700 {
    border-left-color: #a17fdf !important
}

.border-left-lgreen-a800 {
    border-left-color: #caa8e9 !important
}

.border-right-lgreen {
    border-right-color: #8BC34A !important
}

.border-right-lgreen-50 {
    border-right-color: #e3f1d4 !important
}

.border-right-lgreen-100 {
    border-right-color: #d0e7b5 !important
}

.border-right-lgreen-200 {
    border-right-color: #bcdc97 !important
}

.border-right-lgreen-300 {
    border-right-color: #a8d278 !important
}

.border-right-lgreen-400 {
    border-right-color: #95c859 !important
}

.border-right-lgreen-600 {
    border-right-color: #81bb3e !important
}

.border-right-lgreen-700 {
    border-right-color: #76ab39 !important
}

.border-right-lgreen-800 {
    border-right-color: #6c9c34 !important
}

.border-right-lgreen-900 {
    border-right-color: #618d2f !important
}

.border-right-lgreen-1000 {
    border-right-color: #577d2a !important
}

.border-right-lgreen-1100 {
    border-right-color: #4c6e24 !important
}

.border-right-lgreen-a100 {
    border-right-color: #39751d !important
}

.border-right-lgreen-a200 {
    border-right-color: #7e9e27 !important
}

.border-right-lgreen-a300 {
    border-right-color: #bddf7f !important
}

.border-right-lgreen-a400 {
    border-right-color: #f4d1d0 !important
}

.border-right-lgreen-a500 {
    border-right-color: #4c9e27 !important
}

.border-right-lgreen-a600 {
    border-right-color: #93d556 !important
}

.border-right-lgreen-a700 {
    border-right-color: #a17fdf !important
}

.border-right-lgreen-a800 {
    border-right-color: #caa8e9 !important
}

.text-lgreen {
    color: #8BC34A !important
}

.text-lgreen:focus,
.text-lgreen:hover {
    color: #8BC34A !important
}

.text-lgreen-50 {
    color: #e3f1d4 !important
}

.text-lgreen-50:focus,
.text-lgreen-50:hover {
    color: #e3f1d4 !important
}

.text-lgreen-100 {
    color: #d0e7b5 !important
}

.text-lgreen-100:focus,
.text-lgreen-100:hover {
    color: #d0e7b5 !important
}

.text-lgreen-200 {
    color: #bcdc97 !important
}

.text-lgreen-200:focus,
.text-lgreen-200:hover {
    color: #bcdc97 !important
}

.text-lgreen-300 {
    color: #a8d278 !important
}

.text-lgreen-300:focus,
.text-lgreen-300:hover {
    color: #a8d278 !important
}

.text-lgreen-400 {
    color: #95c859 !important
}

.text-lgreen-400:focus,
.text-lgreen-400:hover {
    color: #95c859 !important
}

.text-lgreen-600 {
    color: #81bb3e !important
}

.text-lgreen-600:focus,
.text-lgreen-600:hover {
    color: #81bb3e !important
}

.text-lgreen-700 {
    color: #76ab39 !important
}

.text-lgreen-700:focus,
.text-lgreen-700:hover {
    color: #76ab39 !important
}

.text-lgreen-800 {
    color: #6c9c34 !important
}

.text-lgreen-800:focus,
.text-lgreen-800:hover {
    color: #6c9c34 !important
}

.text-lgreen-900 {
    color: #618d2f !important
}

.text-lgreen-900:focus,
.text-lgreen-900:hover {
    color: #618d2f !important
}

.text-lgreen-1000 {
    color: #577d2a !important
}

.text-lgreen-1000:focus,
.text-lgreen-1000:hover {
    color: #577d2a !important
}

.text-lgreen-1100 {
    color: #4c6e24 !important
}

.text-lgreen-1100:focus,
.text-lgreen-1100:hover {
    color: #4c6e24 !important
}

.text-lgreen-a100 {
    color: #39751d !important
}

.text-lgreen-a100:focus,
.text-lgreen-a100:hover {
    color: #39751d !important
}

.text-lgreen-a200 {
    color: #7e9e27 !important
}

.text-lgreen-a200:focus,
.text-lgreen-a200:hover {
    color: #7e9e27 !important
}

.text-lgreen-a300 {
    color: #bddf7f !important
}

.text-lgreen-a300:focus,
.text-lgreen-a300:hover {
    color: #bddf7f !important
}

.text-lgreen-a400 {
    color: #f4d1d0 !important
}

.text-lgreen-a400:focus,
.text-lgreen-a400:hover {
    color: #f4d1d0 !important
}

.text-lgreen-a500 {
    color: #4c9e27 !important
}

.text-lgreen-a500:focus,
.text-lgreen-a500:hover {
    color: #4c9e27 !important
}

.text-lgreen-a600 {
    color: #93d556 !important
}

.text-lgreen-a600:focus,
.text-lgreen-a600:hover {
    color: #93d556 !important
}

.text-lgreen-a700 {
    color: #a17fdf !important
}

.text-lgreen-a700:focus,
.text-lgreen-a700:hover {
    color: #a17fdf !important
}

.text-lgreen-a800 {
    color: #caa8e9 !important
}

.text-lgreen-a800:focus,
.text-lgreen-a800:hover {
    color: #caa8e9 !important
}

.bg-lime {
    background-color: #CDDC39 !important;
    border-color: #CDDC39 !important;
    color: #fff !important
}

.bg-lime-50 {
    background-color: #f4f8d5 !important;
    border-color: #f4f8d5 !important;
    color: #0d0d0d !important
}

.bg-lime-100 {
    background-color: #ecf1b2 !important;
    border-color: #ecf1b2 !important;
    color: #0d0d0d !important
}

.bg-lime-200 {
    background-color: #e3eb90 !important;
    border-color: #e3eb90 !important;
    color: #0d0d0d !important
}

.bg-lime-300 {
    background-color: #dae56d !important;
    border-color: #dae56d !important;
    color: #fff !important
}

.bg-lime-400 {
    background-color: #d1df4a !important;
    border-color: #d1df4a !important;
    color: #fff !important
}

.bg-lime-600 {
    background-color: #c9d928 !important;
    border-color: #c9d928 !important;
    color: #fff !important
}

.bg-lime-700 {
    background-color: #bac923 !important;
    border-color: #bac923 !important;
    color: #fff !important
}

.bg-lime-800 {
    background-color: #a9b720 !important;
    border-color: #a9b720 !important;
    color: #fff !important
}

.bg-lime-900 {
    background-color: #99a61d !important;
    border-color: #99a61d !important;
    color: #fff !important
}

.bg-lime-1000 {
    background-color: #89951a !important;
    border-color: #89951a !important;
    color: #fff !important
}

.bg-lime-1100 {
    background-color: #798317 !important;
    border-color: #798317 !important;
    color: #fff !important
}

.bg-lime-a100 {
    background-color: #648b0f !important;
    border-color: #648b0f !important;
    color: #0d0d0d !important
}

.bg-lime-a200 {
    background-color: #b9a814 !important;
    border-color: #b9a814 !important;
    color: #0d0d0d !important
}

.bg-lime-a300 {
    background-color: #f0ee76 !important;
    border-color: #f0ee76 !important;
    color: #fff !important
}

.bg-lime-a400 {
    background-color: #fad2e0 !important;
    border-color: #fad2e0 !important;
    color: #fff !important
}

.bg-lime-a500 {
    background-color: #85b914 !important;
    border-color: #85b914 !important;
    color: #fff !important
}

.bg-lime-a600 {
    background-color: #d3eb48 !important;
    border-color: #d3eb48 !important;
    color: #fff !important
}

.bg-lime-a700 {
    background-color: #7678f0 !important;
    border-color: #7678f0 !important;
    color: #fff !important
}

.bg-lime-a800 {
    background-color: #b0a4f5 !important;
    border-color: #b0a4f5 !important;
    color: #fff !important
}

.border-lime {
    border-color: #CDDC39 !important
}

.border-lime-50 {
    border-color: #f4f8d5 !important
}

.border-lime-100 {
    border-color: #ecf1b2 !important
}

.border-lime-200 {
    border-color: #e3eb90 !important
}

.border-lime-300 {
    border-color: #dae56d !important
}

.border-lime-400 {
    border-color: #d1df4a !important
}

.border-lime-600 {
    border-color: #c9d928 !important
}

.border-lime-700 {
    border-color: #bac923 !important
}

.border-lime-800 {
    border-color: #a9b720 !important
}

.border-lime-900 {
    border-color: #99a61d !important
}

.border-lime-1000 {
    border-color: #89951a !important
}

.border-lime-1100 {
    border-color: #798317 !important
}

.border-lime-a100 {
    border-color: #648b0f !important
}

.border-lime-a200 {
    border-color: #b9a814 !important
}

.border-lime-a300 {
    border-color: #f0ee76 !important
}

.border-lime-a400 {
    border-color: #fad2e0 !important
}

.border-lime-a500 {
    border-color: #85b914 !important
}

.border-lime-a600 {
    border-color: #d3eb48 !important
}

.border-lime-a700 {
    border-color: #7678f0 !important
}

.border-lime-a800 {
    border-color: #b0a4f5 !important
}

.border-top-lime {
    border-top-color: #CDDC39 !important
}

.border-top-lime-50 {
    border-top-color: #f4f8d5 !important
}

.border-top-lime-100 {
    border-top-color: #ecf1b2 !important
}

.border-top-lime-200 {
    border-top-color: #e3eb90 !important
}

.border-top-lime-300 {
    border-top-color: #dae56d !important
}

.border-top-lime-400 {
    border-top-color: #d1df4a !important
}

.border-top-lime-600 {
    border-top-color: #c9d928 !important
}

.border-top-lime-700 {
    border-top-color: #bac923 !important
}

.border-top-lime-800 {
    border-top-color: #a9b720 !important
}

.border-top-lime-900 {
    border-top-color: #99a61d !important
}

.border-top-lime-1000 {
    border-top-color: #89951a !important
}

.border-top-lime-1100 {
    border-top-color: #798317 !important
}

.border-top-lime-a100 {
    border-top-color: #648b0f !important
}

.border-top-lime-a200 {
    border-top-color: #b9a814 !important
}

.border-top-lime-a300 {
    border-top-color: #f0ee76 !important
}

.border-top-lime-a400 {
    border-top-color: #fad2e0 !important
}

.border-top-lime-a500 {
    border-top-color: #85b914 !important
}

.border-top-lime-a600 {
    border-top-color: #d3eb48 !important
}

.border-top-lime-a700 {
    border-top-color: #7678f0 !important
}

.border-top-lime-a800 {
    border-top-color: #b0a4f5 !important
}

.border-bottom-lime {
    border-bottom-color: #CDDC39 !important
}

.border-bottom-lime-50 {
    border-bottom-color: #f4f8d5 !important
}

.border-bottom-lime-100 {
    border-bottom-color: #ecf1b2 !important
}

.border-bottom-lime-200 {
    border-bottom-color: #e3eb90 !important
}

.border-bottom-lime-300 {
    border-bottom-color: #dae56d !important
}

.border-bottom-lime-400 {
    border-bottom-color: #d1df4a !important
}

.border-bottom-lime-600 {
    border-bottom-color: #c9d928 !important
}

.border-bottom-lime-700 {
    border-bottom-color: #bac923 !important
}

.border-bottom-lime-800 {
    border-bottom-color: #a9b720 !important
}

.border-bottom-lime-900 {
    border-bottom-color: #99a61d !important
}

.border-bottom-lime-1000 {
    border-bottom-color: #89951a !important
}

.border-bottom-lime-1100 {
    border-bottom-color: #798317 !important
}

.border-bottom-lime-a100 {
    border-bottom-color: #648b0f !important
}

.border-bottom-lime-a200 {
    border-bottom-color: #b9a814 !important
}

.border-bottom-lime-a300 {
    border-bottom-color: #f0ee76 !important
}

.border-bottom-lime-a400 {
    border-bottom-color: #fad2e0 !important
}

.border-bottom-lime-a500 {
    border-bottom-color: #85b914 !important
}

.border-bottom-lime-a600 {
    border-bottom-color: #d3eb48 !important
}

.border-bottom-lime-a700 {
    border-bottom-color: #7678f0 !important
}

.border-bottom-lime-a800 {
    border-bottom-color: #b0a4f5 !important
}

.border-left-lime {
    border-left-color: #CDDC39 !important
}

.border-left-lime-50 {
    border-left-color: #f4f8d5 !important
}

.border-left-lime-100 {
    border-left-color: #ecf1b2 !important
}

.border-left-lime-200 {
    border-left-color: #e3eb90 !important
}

.border-left-lime-300 {
    border-left-color: #dae56d !important
}

.border-left-lime-400 {
    border-left-color: #d1df4a !important
}

.border-left-lime-600 {
    border-left-color: #c9d928 !important
}

.border-left-lime-700 {
    border-left-color: #bac923 !important
}

.border-left-lime-800 {
    border-left-color: #a9b720 !important
}

.border-left-lime-900 {
    border-left-color: #99a61d !important
}

.border-left-lime-1000 {
    border-left-color: #89951a !important
}

.border-left-lime-1100 {
    border-left-color: #798317 !important
}

.border-left-lime-a100 {
    border-left-color: #648b0f !important
}

.border-left-lime-a200 {
    border-left-color: #b9a814 !important
}

.border-left-lime-a300 {
    border-left-color: #f0ee76 !important
}

.border-left-lime-a400 {
    border-left-color: #fad2e0 !important
}

.border-left-lime-a500 {
    border-left-color: #85b914 !important
}

.border-left-lime-a600 {
    border-left-color: #d3eb48 !important
}

.border-left-lime-a700 {
    border-left-color: #7678f0 !important
}

.border-left-lime-a800 {
    border-left-color: #b0a4f5 !important
}

.border-right-lime {
    border-right-color: #CDDC39 !important
}

.border-right-lime-50 {
    border-right-color: #f4f8d5 !important
}

.border-right-lime-100 {
    border-right-color: #ecf1b2 !important
}

.border-right-lime-200 {
    border-right-color: #e3eb90 !important
}

.border-right-lime-300 {
    border-right-color: #dae56d !important
}

.border-right-lime-400 {
    border-right-color: #d1df4a !important
}

.border-right-lime-600 {
    border-right-color: #c9d928 !important
}

.border-right-lime-700 {
    border-right-color: #bac923 !important
}

.border-right-lime-800 {
    border-right-color: #a9b720 !important
}

.border-right-lime-900 {
    border-right-color: #99a61d !important
}

.border-right-lime-1000 {
    border-right-color: #89951a !important
}

.border-right-lime-1100 {
    border-right-color: #798317 !important
}

.border-right-lime-a100 {
    border-right-color: #648b0f !important
}

.border-right-lime-a200 {
    border-right-color: #b9a814 !important
}

.border-right-lime-a300 {
    border-right-color: #f0ee76 !important
}

.border-right-lime-a400 {
    border-right-color: #fad2e0 !important
}

.border-right-lime-a500 {
    border-right-color: #85b914 !important
}

.border-right-lime-a600 {
    border-right-color: #d3eb48 !important
}

.border-right-lime-a700 {
    border-right-color: #7678f0 !important
}

.border-right-lime-a800 {
    border-right-color: #b0a4f5 !important
}

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

.text-lime:focus,
.text-lime:hover {
    color: #CDDC39 !important
}

.text-lime-50 {
    color: #f4f8d5 !important
}

.text-lime-50:focus,
.text-lime-50:hover {
    color: #f4f8d5 !important
}

.text-lime-100 {
    color: #ecf1b2 !important
}

.text-lime-100:focus,
.text-lime-100:hover {
    color: #ecf1b2 !important
}

.text-lime-200 {
    color: #e3eb90 !important
}

.text-lime-200:focus,
.text-lime-200:hover {
    color: #e3eb90 !important
}

.text-lime-300 {
    color: #dae56d !important
}

.text-lime-300:focus,
.text-lime-300:hover {
    color: #dae56d !important
}

.text-lime-400 {
    color: #d1df4a !important
}

.text-lime-400:focus,
.text-lime-400:hover {
    color: #d1df4a !important
}

.text-lime-600 {
    color: #c9d928 !important
}

.text-lime-600:focus,
.text-lime-600:hover {
    color: #c9d928 !important
}

.text-lime-700 {
    color: #bac923 !important
}

.text-lime-700:focus,
.text-lime-700:hover {
    color: #bac923 !important
}

.text-lime-800 {
    color: #a9b720 !important
}

.text-lime-800:focus,
.text-lime-800:hover {
    color: #a9b720 !important
}

.text-lime-900 {
    color: #99a61d !important
}

.text-lime-900:focus,
.text-lime-900:hover {
    color: #99a61d !important
}

.text-lime-1000 {
    color: #89951a !important
}

.text-lime-1000:focus,
.text-lime-1000:hover {
    color: #89951a !important
}

.text-lime-1100 {
    color: #798317 !important
}

.text-lime-1100:focus,
.text-lime-1100:hover {
    color: #798317 !important
}

.text-lime-a100 {
    color: #648b0f !important
}

.text-lime-a100:focus,
.text-lime-a100:hover {
    color: #648b0f !important
}

.text-lime-a200 {
    color: #b9a814 !important
}

.text-lime-a200:focus,
.text-lime-a200:hover {
    color: #b9a814 !important
}

.text-lime-a300 {
    color: #f0ee76 !important
}

.text-lime-a300:focus,
.text-lime-a300:hover {
    color: #f0ee76 !important
}

.text-lime-a400 {
    color: #fad2e0 !important
}

.text-lime-a400:focus,
.text-lime-a400:hover {
    color: #fad2e0 !important
}

.text-lime-a500 {
    color: #85b914 !important
}

.text-lime-a500:focus,
.text-lime-a500:hover {
    color: #85b914 !important
}

.text-lime-a600 {
    color: #d3eb48 !important
}

.text-lime-a600:focus,
.text-lime-a600:hover {
    color: #d3eb48 !important
}

.text-lime-a700 {
    color: #7678f0 !important
}

.text-lime-a700:focus,
.text-lime-a700:hover {
    color: #7678f0 !important
}

.text-lime-a800 {
    color: #b0a4f5 !important
}

.text-lime-a800:focus,
.text-lime-a800:hover {
    color: #b0a4f5 !important
}

.bg-amber {
    background-color: #FFC107 !important;
    border-color: #FFC107 !important;
    color: #fff !important
}

.bg-amber-50 {
    background-color: #ffefbf !important;
    border-color: #ffefbf !important;
    color: #0d0d0d !important
}

.bg-amber-100 {
    background-color: #ffe596 !important;
    border-color: #ffe596 !important;
    color: #0d0d0d !important
}

.bg-amber-200 {
    background-color: #ffdb6d !important;
    border-color: #ffdb6d !important;
    color: #0d0d0d !important
}

.bg-amber-300 {
    background-color: #ffd044 !important;
    border-color: #ffd044 !important;
    color: #fff !important
}

.bg-amber-400 {
    background-color: #ffc61b !important;
    border-color: #ffc61b !important;
    color: #fff !important
}

.bg-amber-600 {
    background-color: #f2b500 !important;
    border-color: #f2b500 !important;
    color: #fff !important
}

.bg-amber-700 {
    background-color: #dda600 !important;
    border-color: #dda600 !important;
    color: #fff !important
}

.bg-amber-800 {
    background-color: #c99700 !important;
    border-color: #c99700 !important;
    color: #fff !important
}

.bg-amber-900 {
    background-color: #b48700 !important;
    border-color: #b48700 !important;
    color: #fff !important
}

.bg-amber-1000 {
    background-color: #a07800 !important;
    border-color: #a07800 !important;
    color: #fff !important
}

.bg-amber-1100 {
    background-color: #8c6900 !important;
    border-color: #8c6900 !important;
    color: #fff !important
}

.bg-amber-a100 {
    background-color: #8b8700 !important;
    border-color: #8b8700 !important;
    color: #0d0d0d !important
}

.bg-amber-a200 {
    background-color: #be6a00 !important;
    border-color: #be6a00 !important;
    color: #0d0d0d !important
}

.bg-amber-a300 {
    background-color: #ffc358 !important;
    border-color: #ffc358 !important;
    color: #fff !important
}

.bg-amber-a400 {
    background-color: #ffbeeb !important;
    border-color: #ffbeeb !important;
    color: #fff !important
}

.bg-amber-a500 {
    background-color: #beb900 !important;
    border-color: #beb900 !important;
    color: #fff !important
}

.bg-amber-a600 {
    background-color: #ffd525 !important;
    border-color: #ffd525 !important;
    color: #fff !important
}

.bg-amber-a700 {
    background-color: #5894ff !important;
    border-color: #5894ff !important;
    color: #fff !important
}

.bg-amber-a800 {
    background-color: #8ba1ff !important;
    border-color: #8ba1ff !important;
    color: #fff !important
}

.border-amber {
    border-color: #FFC107 !important
}

.border-amber-50 {
    border-color: #ffefbf !important
}

.border-amber-100 {
    border-color: #ffe596 !important
}

.border-amber-200 {
    border-color: #ffdb6d !important
}

.border-amber-300 {
    border-color: #ffd044 !important
}

.border-amber-400 {
    border-color: #ffc61b !important
}

.border-amber-600 {
    border-color: #f2b500 !important
}

.border-amber-700 {
    border-color: #dda600 !important
}

.border-amber-800 {
    border-color: #c99700 !important
}

.border-amber-900 {
    border-color: #b48700 !important
}

.border-amber-1000 {
    border-color: #a07800 !important
}

.border-amber-1100 {
    border-color: #8c6900 !important
}

.border-amber-a100 {
    border-color: #8b8700 !important
}

.border-amber-a200 {
    border-color: #be6a00 !important
}

.border-amber-a300 {
    border-color: #ffc358 !important
}

.border-amber-a400 {
    border-color: #ffbeeb !important
}

.border-amber-a500 {
    border-color: #beb900 !important
}

.border-amber-a600 {
    border-color: #ffd525 !important
}

.border-amber-a700 {
    border-color: #5894ff !important
}

.border-amber-a800 {
    border-color: #8ba1ff !important
}

.border-top-amber {
    border-top-color: #FFC107 !important
}

.border-top-amber-50 {
    border-top-color: #ffefbf !important
}

.border-top-amber-100 {
    border-top-color: #ffe596 !important
}

.border-top-amber-200 {
    border-top-color: #ffdb6d !important
}

.border-top-amber-300 {
    border-top-color: #ffd044 !important
}

.border-top-amber-400 {
    border-top-color: #ffc61b !important
}

.border-top-amber-600 {
    border-top-color: #f2b500 !important
}

.border-top-amber-700 {
    border-top-color: #dda600 !important
}

.border-top-amber-800 {
    border-top-color: #c99700 !important
}

.border-top-amber-900 {
    border-top-color: #b48700 !important
}

.border-top-amber-1000 {
    border-top-color: #a07800 !important
}

.border-top-amber-1100 {
    border-top-color: #8c6900 !important
}

.border-top-amber-a100 {
    border-top-color: #8b8700 !important
}

.border-top-amber-a200 {
    border-top-color: #be6a00 !important
}

.border-top-amber-a300 {
    border-top-color: #ffc358 !important
}

.border-top-amber-a400 {
    border-top-color: #ffbeeb !important
}

.border-top-amber-a500 {
    border-top-color: #beb900 !important
}

.border-top-amber-a600 {
    border-top-color: #ffd525 !important
}

.border-top-amber-a700 {
    border-top-color: #5894ff !important
}

.border-top-amber-a800 {
    border-top-color: #8ba1ff !important
}

.border-bottom-amber {
    border-bottom-color: #FFC107 !important
}

.border-bottom-amber-50 {
    border-bottom-color: #ffefbf !important
}

.border-bottom-amber-100 {
    border-bottom-color: #ffe596 !important
}

.border-bottom-amber-200 {
    border-bottom-color: #ffdb6d !important
}

.border-bottom-amber-300 {
    border-bottom-color: #ffd044 !important
}

.border-bottom-amber-400 {
    border-bottom-color: #ffc61b !important
}

.border-bottom-amber-600 {
    border-bottom-color: #f2b500 !important
}

.border-bottom-amber-700 {
    border-bottom-color: #dda600 !important
}

.border-bottom-amber-800 {
    border-bottom-color: #c99700 !important
}

.border-bottom-amber-900 {
    border-bottom-color: #b48700 !important
}

.border-bottom-amber-1000 {
    border-bottom-color: #a07800 !important
}

.border-bottom-amber-1100 {
    border-bottom-color: #8c6900 !important
}

.border-bottom-amber-a100 {
    border-bottom-color: #8b8700 !important
}

.border-bottom-amber-a200 {
    border-bottom-color: #be6a00 !important
}

.border-bottom-amber-a300 {
    border-bottom-color: #ffc358 !important
}

.border-bottom-amber-a400 {
    border-bottom-color: #ffbeeb !important
}

.border-bottom-amber-a500 {
    border-bottom-color: #beb900 !important
}

.border-bottom-amber-a600 {
    border-bottom-color: #ffd525 !important
}

.border-bottom-amber-a700 {
    border-bottom-color: #5894ff !important
}

.border-bottom-amber-a800 {
    border-bottom-color: #8ba1ff !important
}

.border-left-amber {
    border-left-color: #FFC107 !important
}

.border-left-amber-50 {
    border-left-color: #ffefbf !important
}

.border-left-amber-100 {
    border-left-color: #ffe596 !important
}

.border-left-amber-200 {
    border-left-color: #ffdb6d !important
}

.border-left-amber-300 {
    border-left-color: #ffd044 !important
}

.border-left-amber-400 {
    border-left-color: #ffc61b !important
}

.border-left-amber-600 {
    border-left-color: #f2b500 !important
}

.border-left-amber-700 {
    border-left-color: #dda600 !important
}

.border-left-amber-800 {
    border-left-color: #c99700 !important
}

.border-left-amber-900 {
    border-left-color: #b48700 !important
}

.border-left-amber-1000 {
    border-left-color: #a07800 !important
}

.border-left-amber-1100 {
    border-left-color: #8c6900 !important
}

.border-left-amber-a100 {
    border-left-color: #8b8700 !important
}

.border-left-amber-a200 {
    border-left-color: #be6a00 !important
}

.border-left-amber-a300 {
    border-left-color: #ffc358 !important
}

.border-left-amber-a400 {
    border-left-color: #ffbeeb !important
}

.border-left-amber-a500 {
    border-left-color: #beb900 !important
}

.border-left-amber-a600 {
    border-left-color: #ffd525 !important
}

.border-left-amber-a700 {
    border-left-color: #5894ff !important
}

.border-left-amber-a800 {
    border-left-color: #8ba1ff !important
}

.border-right-amber {
    border-right-color: #FFC107 !important
}

.border-right-amber-50 {
    border-right-color: #ffefbf !important
}

.border-right-amber-100 {
    border-right-color: #ffe596 !important
}

.border-right-amber-200 {
    border-right-color: #ffdb6d !important
}

.border-right-amber-300 {
    border-right-color: #ffd044 !important
}

.border-right-amber-400 {
    border-right-color: #ffc61b !important
}

.border-right-amber-600 {
    border-right-color: #f2b500 !important
}

.border-right-amber-700 {
    border-right-color: #dda600 !important
}

.border-right-amber-800 {
    border-right-color: #c99700 !important
}

.border-right-amber-900 {
    border-right-color: #b48700 !important
}

.border-right-amber-1000 {
    border-right-color: #a07800 !important
}

.border-right-amber-1100 {
    border-right-color: #8c6900 !important
}

.border-right-amber-a100 {
    border-right-color: #8b8700 !important
}

.border-right-amber-a200 {
    border-right-color: #be6a00 !important
}

.border-right-amber-a300 {
    border-right-color: #ffc358 !important
}

.border-right-amber-a400 {
    border-right-color: #ffbeeb !important
}

.border-right-amber-a500 {
    border-right-color: #beb900 !important
}

.border-right-amber-a600 {
    border-right-color: #ffd525 !important
}

.border-right-amber-a700 {
    border-right-color: #5894ff !important
}

.border-right-amber-a800 {
    border-right-color: #8ba1ff !important
}

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

.text-amber:focus,
.text-amber:hover {
    color: #FFC107 !important
}

.text-amber-50 {
    color: #ffefbf !important
}

.text-amber-50:focus,
.text-amber-50:hover {
    color: #ffefbf !important
}

.text-amber-100 {
    color: #ffe596 !important
}

.text-amber-100:focus,
.text-amber-100:hover {
    color: #ffe596 !important
}

.text-amber-200 {
    color: #ffdb6d !important
}

.text-amber-200:focus,
.text-amber-200:hover {
    color: #ffdb6d !important
}

.text-amber-300 {
    color: #ffd044 !important
}

.text-amber-300:focus,
.text-amber-300:hover {
    color: #ffd044 !important
}

.text-amber-400 {
    color: #ffc61b !important
}

.text-amber-400:focus,
.text-amber-400:hover {
    color: #ffc61b !important
}

.text-amber-600 {
    color: #f2b500 !important
}

.text-amber-600:focus,
.text-amber-600:hover {
    color: #f2b500 !important
}

.text-amber-700 {
    color: #dda600 !important
}

.text-amber-700:focus,
.text-amber-700:hover {
    color: #dda600 !important
}

.text-amber-800 {
    color: #c99700 !important
}

.text-amber-800:focus,
.text-amber-800:hover {
    color: #c99700 !important
}

.text-amber-900 {
    color: #b48700 !important
}

.text-amber-900:focus,
.text-amber-900:hover {
    color: #b48700 !important
}

.text-amber-1000 {
    color: #a07800 !important
}

.text-amber-1000:focus,
.text-amber-1000:hover {
    color: #a07800 !important
}

.text-amber-1100 {
    color: #8c6900 !important
}

.text-amber-1100:focus,
.text-amber-1100:hover {
    color: #8c6900 !important
}

.text-amber-a100 {
    color: #8b8700 !important
}

.text-amber-a100:focus,
.text-amber-a100:hover {
    color: #8b8700 !important
}

.text-amber-a200 {
    color: #be6a00 !important
}

.text-amber-a200:focus,
.text-amber-a200:hover {
    color: #be6a00 !important
}

.text-amber-a300 {
    color: #ffc358 !important
}

.text-amber-a300:focus,
.text-amber-a300:hover {
    color: #ffc358 !important
}

.text-amber-a400 {
    color: #ffbeeb !important
}

.text-amber-a400:focus,
.text-amber-a400:hover {
    color: #ffbeeb !important
}

.text-amber-a500 {
    color: #beb900 !important
}

.text-amber-a500:focus,
.text-amber-a500:hover {
    color: #beb900 !important
}

.text-amber-a600 {
    color: #ffd525 !important
}

.text-amber-a600:focus,
.text-amber-a600:hover {
    color: #ffd525 !important
}

.text-amber-a700 {
    color: #5894ff !important
}

.text-amber-a700:focus,
.text-amber-a700:hover {
    color: #5894ff !important
}

.text-amber-a800 {
    color: #8ba1ff !important
}

.text-amber-a800:focus,
.text-amber-a800:hover {
    color: #8ba1ff !important
}

.bg-brown {
    background-color: #795548 !important;
    border-color: #795548 !important;
    color: #fff !important
}

.bg-brown-50 {
    background-color: #cdb4ab !important;
    border-color: #cdb4ab !important;
    color: #0d0d0d !important
}

.bg-brown-100 {
    background-color: #be9e92 !important;
    border-color: #be9e92 !important;
    color: #0d0d0d !important
}

.bg-brown-200 {
    background-color: #af8778 !important;
    border-color: #af8778 !important;
    color: #0d0d0d !important
}

.bg-brown-300 {
    background-color: #9f705f !important;
    border-color: #9f705f !important;
    color: #fff !important
}

.bg-brown-400 {
    background-color: #865e50 !important;
    border-color: #865e50 !important;
    color: #fff !important
}

.bg-brown-600 {
    background-color: #6c4c40 !important;
    border-color: #6c4c40 !important;
    color: #fff !important
}

.bg-brown-700 {
    background-color: #5f4339 !important;
    border-color: #5f4339 !important;
    color: #fff !important
}

.bg-brown-800 {
    background-color: #533a31 !important;
    border-color: #533a31 !important;
    color: #fff !important
}

.bg-brown-900 {
    background-color: #46312a !important;
    border-color: #46312a !important;
    color: #fff !important
}

.bg-brown-1000 {
    background-color: #392822 !important;
    border-color: #392822 !important;
    color: #fff !important
}

.bg-brown-1100 {
    background-color: #2c1f1a !important;
    border-color: #2c1f1a !important;
    color: #fff !important
}

.bg-brown-a100 {
    background-color: #2f2317 !important;
    border-color: #2f2317 !important;
    color: #0d0d0d !important
}

.bg-brown-a200 {
    background-color: #522a27 !important;
    border-color: #522a27 !important;
    color: #0d0d0d !important
}

.bg-brown-a300 {
    background-color: #b36c5f !important;
    border-color: #b36c5f !important;
    color: #fff !important
}

.bg-brown-a400 {
    background-color: #cba4d4 !important;
    border-color: #cba4d4 !important;
    color: #fff !important
}

.bg-brown-a500 {
    background-color: #523c27 !important;
    border-color: #523c27 !important;
    color: #fff !important
}

.bg-brown-a600 {
    background-color: #976148 !important;
    border-color: #976148 !important;
    color: #fff !important
}

.bg-brown-a700 {
    background-color: #5fa6b3 !important;
    border-color: #5fa6b3 !important;
    color: #fff !important
}

.bg-brown-a800 {
    background-color: #82aec3 !important;
    border-color: #82aec3 !important;
    color: #fff !important
}

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

.border-brown-50 {
    border-color: #cdb4ab !important
}

.border-brown-100 {
    border-color: #be9e92 !important
}

.border-brown-200 {
    border-color: #af8778 !important
}

.border-brown-300 {
    border-color: #9f705f !important
}

.border-brown-400 {
    border-color: #865e50 !important
}

.border-brown-600 {
    border-color: #6c4c40 !important
}

.border-brown-700 {
    border-color: #5f4339 !important
}

.border-brown-800 {
    border-color: #533a31 !important
}

.border-brown-900 {
    border-color: #46312a !important
}

.border-brown-1000 {
    border-color: #392822 !important
}

.border-brown-1100 {
    border-color: #2c1f1a !important
}

.border-brown-a100 {
    border-color: #2f2317 !important
}

.border-brown-a200 {
    border-color: #522a27 !important
}

.border-brown-a300 {
    border-color: #b36c5f !important
}

.border-brown-a400 {
    border-color: #cba4d4 !important
}

.border-brown-a500 {
    border-color: #523c27 !important
}

.border-brown-a600 {
    border-color: #976148 !important
}

.border-brown-a700 {
    border-color: #5fa6b3 !important
}

.border-brown-a800 {
    border-color: #82aec3 !important
}

.border-top-brown {
    border-top-color: #795548 !important
}

.border-top-brown-50 {
    border-top-color: #cdb4ab !important
}

.border-top-brown-100 {
    border-top-color: #be9e92 !important
}

.border-top-brown-200 {
    border-top-color: #af8778 !important
}

.border-top-brown-300 {
    border-top-color: #9f705f !important
}

.border-top-brown-400 {
    border-top-color: #865e50 !important
}

.border-top-brown-600 {
    border-top-color: #6c4c40 !important
}

.border-top-brown-700 {
    border-top-color: #5f4339 !important
}

.border-top-brown-800 {
    border-top-color: #533a31 !important
}

.border-top-brown-900 {
    border-top-color: #46312a !important
}

.border-top-brown-1000 {
    border-top-color: #392822 !important
}

.border-top-brown-1100 {
    border-top-color: #2c1f1a !important
}

.border-top-brown-a100 {
    border-top-color: #2f2317 !important
}

.border-top-brown-a200 {
    border-top-color: #522a27 !important
}

.border-top-brown-a300 {
    border-top-color: #b36c5f !important
}

.border-top-brown-a400 {
    border-top-color: #cba4d4 !important
}

.border-top-brown-a500 {
    border-top-color: #523c27 !important
}

.border-top-brown-a600 {
    border-top-color: #976148 !important
}

.border-top-brown-a700 {
    border-top-color: #5fa6b3 !important
}

.border-top-brown-a800 {
    border-top-color: #82aec3 !important
}

.border-bottom-brown {
    border-bottom-color: #795548 !important
}

.border-bottom-brown-50 {
    border-bottom-color: #cdb4ab !important
}

.border-bottom-brown-100 {
    border-bottom-color: #be9e92 !important
}

.border-bottom-brown-200 {
    border-bottom-color: #af8778 !important
}

.border-bottom-brown-300 {
    border-bottom-color: #9f705f !important
}

.border-bottom-brown-400 {
    border-bottom-color: #865e50 !important
}

.border-bottom-brown-600 {
    border-bottom-color: #6c4c40 !important
}

.border-bottom-brown-700 {
    border-bottom-color: #5f4339 !important
}

.border-bottom-brown-800 {
    border-bottom-color: #533a31 !important
}

.border-bottom-brown-900 {
    border-bottom-color: #46312a !important
}

.border-bottom-brown-1000 {
    border-bottom-color: #392822 !important
}

.border-bottom-brown-1100 {
    border-bottom-color: #2c1f1a !important
}

.border-bottom-brown-a100 {
    border-bottom-color: #2f2317 !important
}

.border-bottom-brown-a200 {
    border-bottom-color: #522a27 !important
}

.border-bottom-brown-a300 {
    border-bottom-color: #b36c5f !important
}

.border-bottom-brown-a400 {
    border-bottom-color: #cba4d4 !important
}

.border-bottom-brown-a500 {
    border-bottom-color: #523c27 !important
}

.border-bottom-brown-a600 {
    border-bottom-color: #976148 !important
}

.border-bottom-brown-a700 {
    border-bottom-color: #5fa6b3 !important
}

.border-bottom-brown-a800 {
    border-bottom-color: #82aec3 !important
}

.border-left-brown {
    border-left-color: #795548 !important
}

.border-left-brown-50 {
    border-left-color: #cdb4ab !important
}

.border-left-brown-100 {
    border-left-color: #be9e92 !important
}

.border-left-brown-200 {
    border-left-color: #af8778 !important
}

.border-left-brown-300 {
    border-left-color: #9f705f !important
}

.border-left-brown-400 {
    border-left-color: #865e50 !important
}

.border-left-brown-600 {
    border-left-color: #6c4c40 !important
}

.border-left-brown-700 {
    border-left-color: #5f4339 !important
}

.border-left-brown-800 {
    border-left-color: #533a31 !important
}

.border-left-brown-900 {
    border-left-color: #46312a !important
}

.border-left-brown-1000 {
    border-left-color: #392822 !important
}

.border-left-brown-1100 {
    border-left-color: #2c1f1a !important
}

.border-left-brown-a100 {
    border-left-color: #2f2317 !important
}

.border-left-brown-a200 {
    border-left-color: #522a27 !important
}

.border-left-brown-a300 {
    border-left-color: #b36c5f !important
}

.border-left-brown-a400 {
    border-left-color: #cba4d4 !important
}

.border-left-brown-a500 {
    border-left-color: #523c27 !important
}

.border-left-brown-a600 {
    border-left-color: #976148 !important
}

.border-left-brown-a700 {
    border-left-color: #5fa6b3 !important
}

.border-left-brown-a800 {
    border-left-color: #82aec3 !important
}

.border-right-brown {
    border-right-color: #795548 !important
}

.border-right-brown-50 {
    border-right-color: #cdb4ab !important
}

.border-right-brown-100 {
    border-right-color: #be9e92 !important
}

.border-right-brown-200 {
    border-right-color: #af8778 !important
}

.border-right-brown-300 {
    border-right-color: #9f705f !important
}

.border-right-brown-400 {
    border-right-color: #865e50 !important
}

.border-right-brown-600 {
    border-right-color: #6c4c40 !important
}

.border-right-brown-700 {
    border-right-color: #5f4339 !important
}

.border-right-brown-800 {
    border-right-color: #533a31 !important
}

.border-right-brown-900 {
    border-right-color: #46312a !important
}

.border-right-brown-1000 {
    border-right-color: #392822 !important
}

.border-right-brown-1100 {
    border-right-color: #2c1f1a !important
}

.border-right-brown-a100 {
    border-right-color: #2f2317 !important
}

.border-right-brown-a200 {
    border-right-color: #522a27 !important
}

.border-right-brown-a300 {
    border-right-color: #b36c5f !important
}

.border-right-brown-a400 {
    border-right-color: #cba4d4 !important
}

.border-right-brown-a500 {
    border-right-color: #523c27 !important
}

.border-right-brown-a600 {
    border-right-color: #976148 !important
}

.border-right-brown-a700 {
    border-right-color: #5fa6b3 !important
}

.border-right-brown-a800 {
    border-right-color: #82aec3 !important
}

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

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

.text-brown-50 {
    color: #cdb4ab !important
}

.text-brown-50:focus,
.text-brown-50:hover {
    color: #cdb4ab !important
}

.text-brown-100 {
    color: #be9e92 !important
}

.text-brown-100:focus,
.text-brown-100:hover {
    color: #be9e92 !important
}

.text-brown-200 {
    color: #af8778 !important
}

.text-brown-200:focus,
.text-brown-200:hover {
    color: #af8778 !important
}

.text-brown-300 {
    color: #9f705f !important
}

.text-brown-300:focus,
.text-brown-300:hover {
    color: #9f705f !important
}

.text-brown-400 {
    color: #865e50 !important
}

.text-brown-400:focus,
.text-brown-400:hover {
    color: #865e50 !important
}

.text-brown-600 {
    color: #6c4c40 !important
}

.text-brown-600:focus,
.text-brown-600:hover {
    color: #6c4c40 !important
}

.text-brown-700 {
    color: #5f4339 !important
}

.text-brown-700:focus,
.text-brown-700:hover {
    color: #5f4339 !important
}

.text-brown-800 {
    color: #533a31 !important
}

.text-brown-800:focus,
.text-brown-800:hover {
    color: #533a31 !important
}

.text-brown-900 {
    color: #46312a !important
}

.text-brown-900:focus,
.text-brown-900:hover {
    color: #46312a !important
}

.text-brown-1000 {
    color: #392822 !important
}

.text-brown-1000:focus,
.text-brown-1000:hover {
    color: #392822 !important
}

.text-brown-1100 {
    color: #2c1f1a !important
}

.text-brown-1100:focus,
.text-brown-1100:hover {
    color: #2c1f1a !important
}

.text-brown-a100 {
    color: #2f2317 !important
}

.text-brown-a100:focus,
.text-brown-a100:hover {
    color: #2f2317 !important
}

.text-brown-a200 {
    color: #522a27 !important
}

.text-brown-a200:focus,
.text-brown-a200:hover {
    color: #522a27 !important
}

.text-brown-a300 {
    color: #b36c5f !important
}

.text-brown-a300:focus,
.text-brown-a300:hover {
    color: #b36c5f !important
}

.text-brown-a400 {
    color: #cba4d4 !important
}

.text-brown-a400:focus,
.text-brown-a400:hover {
    color: #cba4d4 !important
}

.text-brown-a500 {
    color: #523c27 !important
}

.text-brown-a500:focus,
.text-brown-a500:hover {
    color: #523c27 !important
}

.text-brown-a600 {
    color: #976148 !important
}

.text-brown-a600:focus,
.text-brown-a600:hover {
    color: #976148 !important
}

.text-brown-a700 {
    color: #5fa6b3 !important
}

.text-brown-a700:focus,
.text-brown-a700:hover {
    color: #5fa6b3 !important
}

.text-brown-a800 {
    color: #82aec3 !important
}

.text-brown-a800:focus,
.text-brown-a800:hover {
    color: #82aec3 !important
}

.bg-slate {
    background-color: #607D8B !important;
    border-color: #607D8B !important;
    color: #fff !important
}

.bg-slate-50 {
    background-color: #c9d4da !important;
    border-color: #c9d4da !important;
    color: #0d0d0d !important
}

.bg-slate-100 {
    background-color: #b1c1c9 !important;
    border-color: #b1c1c9 !important;
    color: #0d0d0d !important
}

.bg-slate-200 {
    background-color: #99aeb8 !important;
    border-color: #99aeb8 !important;
    color: #0d0d0d !important
}

.bg-slate-300 {
    background-color: #819ba8 !important;
    border-color: #819ba8 !important;
    color: #fff !important
}

.bg-slate-400 {
    background-color: #688897 !important;
    border-color: #688897 !important;
    color: #fff !important
}

.bg-slate-600 {
    background-color: #58727f !important;
    border-color: #58727f !important;
    color: #fff !important
}

.bg-slate-700 {
    background-color: #4f6773 !important;
    border-color: #4f6773 !important;
    color: #fff !important
}

.bg-slate-800 {
    background-color: #475c67 !important;
    border-color: #475c67 !important;
    color: #fff !important
}

.bg-slate-900 {
    background-color: #3f525b !important;
    border-color: #3f525b !important;
    color: #fff !important
}

.bg-slate-1000 {
    background-color: #36474f !important;
    border-color: #36474f !important;
    color: #fff !important
}

.bg-slate-1100 {
    background-color: #2e3c43 !important;
    border-color: #2e3c43 !important;
    color: #fff !important
}

.bg-slate-a100 {
    background-color: #283648 !important;
    border-color: #283648 !important;
    color: #0d0d0d !important
}

.bg-slate-a200 {
    background-color: #3a6369 !important;
    border-color: #3a6369 !important;
    color: #0d0d0d !important
}

.bg-slate-a300 {
    background-color: #82aeba !important;
    border-color: #82aeba !important;
    color: #fff !important
}

.bg-slate-a400 {
    background-color: #c7dec4 !important;
    border-color: #c7dec4 !important;
    color: #fff !important
}

.bg-slate-a500 {
    background-color: #3a4f69 !important;
    border-color: #3a4f69 !important;
    color: #fff !important
}

.bg-slate-a600 {
    background-color: #628da7 !important;
    border-color: #628da7 !important;
    color: #fff !important
}

.bg-slate-a700 {
    background-color: #ba8e82 !important;
    border-color: #ba8e82 !important;
    color: #fff !important
}

.bg-slate-a800 {
    background-color: #ccb3a3 !important;
    border-color: #ccb3a3 !important;
    color: #fff !important
}

.border-slate {
    border-color: #607D8B !important
}

.border-slate-50 {
    border-color: #c9d4da !important
}

.border-slate-100 {
    border-color: #b1c1c9 !important
}

.border-slate-200 {
    border-color: #99aeb8 !important
}

.border-slate-300 {
    border-color: #819ba8 !important
}

.border-slate-400 {
    border-color: #688897 !important
}

.border-slate-600 {
    border-color: #58727f !important
}

.border-slate-700 {
    border-color: #4f6773 !important
}

.border-slate-800 {
    border-color: #475c67 !important
}

.border-slate-900 {
    border-color: #3f525b !important
}

.border-slate-1000 {
    border-color: #36474f !important
}

.border-slate-1100 {
    border-color: #2e3c43 !important
}

.border-slate-a100 {
    border-color: #283648 !important
}

.border-slate-a200 {
    border-color: #3a6369 !important
}

.border-slate-a300 {
    border-color: #82aeba !important
}

.border-slate-a400 {
    border-color: #c7dec4 !important
}

.border-slate-a500 {
    border-color: #3a4f69 !important
}

.border-slate-a600 {
    border-color: #628da7 !important
}

.border-slate-a700 {
    border-color: #ba8e82 !important
}

.border-slate-a800 {
    border-color: #ccb3a3 !important
}

.border-top-slate {
    border-top-color: #607D8B !important
}

.border-top-slate-50 {
    border-top-color: #c9d4da !important
}

.border-top-slate-100 {
    border-top-color: #b1c1c9 !important
}

.border-top-slate-200 {
    border-top-color: #99aeb8 !important
}

.border-top-slate-300 {
    border-top-color: #819ba8 !important
}

.border-top-slate-400 {
    border-top-color: #688897 !important
}

.border-top-slate-600 {
    border-top-color: #58727f !important
}

.border-top-slate-700 {
    border-top-color: #4f6773 !important
}

.border-top-slate-800 {
    border-top-color: #475c67 !important
}

.border-top-slate-900 {
    border-top-color: #3f525b !important
}

.border-top-slate-1000 {
    border-top-color: #36474f !important
}

.border-top-slate-1100 {
    border-top-color: #2e3c43 !important
}

.border-top-slate-a100 {
    border-top-color: #283648 !important
}

.border-top-slate-a200 {
    border-top-color: #3a6369 !important
}

.border-top-slate-a300 {
    border-top-color: #82aeba !important
}

.border-top-slate-a400 {
    border-top-color: #c7dec4 !important
}

.border-top-slate-a500 {
    border-top-color: #3a4f69 !important
}

.border-top-slate-a600 {
    border-top-color: #628da7 !important
}

.border-top-slate-a700 {
    border-top-color: #ba8e82 !important
}

.border-top-slate-a800 {
    border-top-color: #ccb3a3 !important
}

.border-bottom-slate {
    border-bottom-color: #607D8B !important
}

.border-bottom-slate-50 {
    border-bottom-color: #c9d4da !important
}

.border-bottom-slate-100 {
    border-bottom-color: #b1c1c9 !important
}

.border-bottom-slate-200 {
    border-bottom-color: #99aeb8 !important
}

.border-bottom-slate-300 {
    border-bottom-color: #819ba8 !important
}

.border-bottom-slate-400 {
    border-bottom-color: #688897 !important
}

.border-bottom-slate-600 {
    border-bottom-color: #58727f !important
}

.border-bottom-slate-700 {
    border-bottom-color: #4f6773 !important
}

.border-bottom-slate-800 {
    border-bottom-color: #475c67 !important
}

.border-bottom-slate-900 {
    border-bottom-color: #3f525b !important
}

.border-bottom-slate-1000 {
    border-bottom-color: #36474f !important
}

.border-bottom-slate-1100 {
    border-bottom-color: #2e3c43 !important
}

.border-bottom-slate-a100 {
    border-bottom-color: #283648 !important
}

.border-bottom-slate-a200 {
    border-bottom-color: #3a6369 !important
}

.border-bottom-slate-a300 {
    border-bottom-color: #82aeba !important
}

.border-bottom-slate-a400 {
    border-bottom-color: #c7dec4 !important
}

.border-bottom-slate-a500 {
    border-bottom-color: #3a4f69 !important
}

.border-bottom-slate-a600 {
    border-bottom-color: #628da7 !important
}

.border-bottom-slate-a700 {
    border-bottom-color: #ba8e82 !important
}

.border-bottom-slate-a800 {
    border-bottom-color: #ccb3a3 !important
}

.border-left-slate {
    border-left-color: #607D8B !important
}

.border-left-slate-50 {
    border-left-color: #c9d4da !important
}

.border-left-slate-100 {
    border-left-color: #b1c1c9 !important
}

.border-left-slate-200 {
    border-left-color: #99aeb8 !important
}

.border-left-slate-300 {
    border-left-color: #819ba8 !important
}

.border-left-slate-400 {
    border-left-color: #688897 !important
}

.border-left-slate-600 {
    border-left-color: #58727f !important
}

.border-left-slate-700 {
    border-left-color: #4f6773 !important
}

.border-left-slate-800 {
    border-left-color: #475c67 !important
}

.border-left-slate-900 {
    border-left-color: #3f525b !important
}

.border-left-slate-1000 {
    border-left-color: #36474f !important
}

.border-left-slate-1100 {
    border-left-color: #2e3c43 !important
}

.border-left-slate-a100 {
    border-left-color: #283648 !important
}

.border-left-slate-a200 {
    border-left-color: #3a6369 !important
}

.border-left-slate-a300 {
    border-left-color: #82aeba !important
}

.border-left-slate-a400 {
    border-left-color: #c7dec4 !important
}

.border-left-slate-a500 {
    border-left-color: #3a4f69 !important
}

.border-left-slate-a600 {
    border-left-color: #628da7 !important
}

.border-left-slate-a700 {
    border-left-color: #ba8e82 !important
}

.border-left-slate-a800 {
    border-left-color: #ccb3a3 !important
}

.border-right-slate {
    border-right-color: #607D8B !important
}

.border-right-slate-50 {
    border-right-color: #c9d4da !important
}

.border-right-slate-100 {
    border-right-color: #b1c1c9 !important
}

.border-right-slate-200 {
    border-right-color: #99aeb8 !important
}

.border-right-slate-300 {
    border-right-color: #819ba8 !important
}

.border-right-slate-400 {
    border-right-color: #688897 !important
}

.border-right-slate-600 {
    border-right-color: #58727f !important
}

.border-right-slate-700 {
    border-right-color: #4f6773 !important
}

.border-right-slate-800 {
    border-right-color: #475c67 !important
}

.border-right-slate-900 {
    border-right-color: #3f525b !important
}

.border-right-slate-1000 {
    border-right-color: #36474f !important
}

.border-right-slate-1100 {
    border-right-color: #2e3c43 !important
}

.border-right-slate-a100 {
    border-right-color: #283648 !important
}

.border-right-slate-a200 {
    border-right-color: #3a6369 !important
}

.border-right-slate-a300 {
    border-right-color: #82aeba !important
}

.border-right-slate-a400 {
    border-right-color: #c7dec4 !important
}

.border-right-slate-a500 {
    border-right-color: #3a4f69 !important
}

.border-right-slate-a600 {
    border-right-color: #628da7 !important
}

.border-right-slate-a700 {
    border-right-color: #ba8e82 !important
}

.border-right-slate-a800 {
    border-right-color: #ccb3a3 !important
}

.text-slate {
    color: #607D8B !important
}

.text-slate:focus,
.text-slate:hover {
    color: #607D8B !important
}

.text-slate-50 {
    color: #c9d4da !important
}

.text-slate-50:focus,
.text-slate-50:hover {
    color: #c9d4da !important
}

.text-slate-100 {
    color: #b1c1c9 !important
}

.text-slate-100:focus,
.text-slate-100:hover {
    color: #b1c1c9 !important
}

.text-slate-200 {
    color: #99aeb8 !important
}

.text-slate-200:focus,
.text-slate-200:hover {
    color: #99aeb8 !important
}

.text-slate-300 {
    color: #819ba8 !important
}

.text-slate-300:focus,
.text-slate-300:hover {
    color: #819ba8 !important
}

.text-slate-400 {
    color: #688897 !important
}

.text-slate-400:focus,
.text-slate-400:hover {
    color: #688897 !important
}

.text-slate-600 {
    color: #58727f !important
}

.text-slate-600:focus,
.text-slate-600:hover {
    color: #58727f !important
}

.text-slate-700 {
    color: #4f6773 !important
}

.text-slate-700:focus,
.text-slate-700:hover {
    color: #4f6773 !important
}

.text-slate-800 {
    color: #475c67 !important
}

.text-slate-800:focus,
.text-slate-800:hover {
    color: #475c67 !important
}

.text-slate-900 {
    color: #3f525b !important
}

.text-slate-900:focus,
.text-slate-900:hover {
    color: #3f525b !important
}

.text-slate-1000 {
    color: #36474f !important
}

.text-slate-1000:focus,
.text-slate-1000:hover {
    color: #36474f !important
}

.text-slate-1100 {
    color: #2e3c43 !important
}

.text-slate-1100:focus,
.text-slate-1100:hover {
    color: #2e3c43 !important
}

.text-slate-a100 {
    color: #283648 !important
}

.text-slate-a100:focus,
.text-slate-a100:hover {
    color: #283648 !important
}

.text-slate-a200 {
    color: #3a6369 !important
}

.text-slate-a200:focus,
.text-slate-a200:hover {
    color: #3a6369 !important
}

.text-slate-a300 {
    color: #82aeba !important
}

.text-slate-a300:focus,
.text-slate-a300:hover {
    color: #82aeba !important
}

.text-slate-a400 {
    color: #c7dec4 !important
}

.text-slate-a400:focus,
.text-slate-a400:hover {
    color: #c7dec4 !important
}

.text-slate-a500 {
    color: #3a4f69 !important
}

.text-slate-a500:focus,
.text-slate-a500:hover {
    color: #3a4f69 !important
}

.text-slate-a600 {
    color: #628da7 !important
}

.text-slate-a600:focus,
.text-slate-a600:hover {
    color: #628da7 !important
}

.text-slate-a700 {
    color: #ba8e82 !important
}

.text-slate-a700:focus,
.text-slate-a700:hover {
    color: #ba8e82 !important
}

.text-slate-a800 {
    color: #ccb3a3 !important
}

.text-slate-a800:focus,
.text-slate-a800:hover {
    color: #ccb3a3 !important
}

::-webkit-scrollbar {
    width: 10px;
    box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -webkit-box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5);
    -moz-box-shadow: inset 2px 2px 0px 0px rgba(227, 228, 229, 0.5)
}

::-webkit-scrollbar-track {
    background: #dde3e3
}

::-webkit-scrollbar-thumb {
    padding: 4px 2px;
    background: #23B7E5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.layout {
    font-family: material
}

#scrollTop {
    width: 32px;
    height: 32px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    outline: 0;
    z-index: 99
}

#scrollTop:hover {
    background-color: #ccc;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear
}

#scrollTop i {
    font-family: "icomoon";
    font-size: 20px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    line-height: 20px;
    width: 32px;
    height: 32px;
    padding-top: 8px
}

.datatable thead{
    background: silver !important;
}
#userarea [class*='col-'] {
    width: 20%;