@charset "UTF-8";
.datepicker .active, .datepicker .active:hover, .datepicker .selected, .datepicker .today {
    background-image: none !important;
    filter: none !important
}
.modal-open .colorpicker, .modal-open .datepicker, .modal-open .daterangepicker {
    z-index: 10055 !important
}
.colorpicker.dropdown-menu, .daterangepicker.dropdown-menu, .datetimepicker.dropdown-menu {
    padding: 5px
}
.input-group.color .input-group-btn i {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 6px
}
.datepaginator a {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 300
}
.datepicker table td, .datepicker table th, .datetimepicker table td, .datetimepicker table th {
    font-family: 'Open Sans' !important
}
#dp-calendar {
    right: 4px !important
}
.datepaginator .fa-angle-right:before {
    content: ""
}
.datepaginator .fa-angle-left:before, .datepicker .fa-angle-left:before {
    content: ""
}
.datepicker.dropdown-menu {
    padding: 5px;
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
    border: 1px solid #EFEFEF
}
.datepicker .selected {
    background-color: #909090 !important
}
.datepicker .active {
    background-color: #4B8DF8 !important
}
.datepicker .active:hover {
    background-color: #2678FC !important
}
.datepicker .input-daterange input {
    text-align: left
}
.datepicker table td {
    color: #000000;
    font-weight: 300 !important
}
.datepicker table th {
    color: #333333;
    font-weight: 400 !important
}
.datepicker .fa-angle-right:before, .daterangepicker .fa-angle-right:before {
    content: ""
}
.daterangepicker {
    margin-top: 4px
}
.daterangepicker .input-mini {
    width: 100% !important;
    outline: 0 !important
}
.daterangepicker td {
    text-shadow: none
}
.daterangepicker td.active {
    background-color: #4B8DF8;
    background-image: none;
    filter: none
}
.datetimepicker .active, .datetimepicker .active:hover {
    filter: none !important;
    background-image: none !important
}
.daterangepicker th {
    font-weight: 400;
    font-size: 14px
}
.daterangepicker .ranges input[type=text] {
    width: 70px !important;
    font-size: 11px;
    vertical-align: middle
}
.daterangepicker .ranges label {
    font-weight: 300;
    display: block
}
.daterangepicker .ranges {
    width: 170px
}
.daterangepicker .ranges ul > li.active {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.daterangepicker .ranges .btn {
    margin-top: 10px
}
.daterangepicker .ranges li {
    color: #333333
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #4B8DF8 !important;
    border: 1px solid #4B8DF8 !important;
    color: #FFFFFF
}
.daterangepicker .range_inputs input {
    margin-bottom: 0 !important
}
.daterangepicker .fa-angle-left:before, .datetimepicker .fa-angle-left:before {
    content: ""
}
.datetimepicker table td {
    color: #000000;
    font-weight: 300 !important
}
.datetimepicker table th {
    font-weight: 400 !important
}
.datetimepicker .active {
    background-color: #4B8DF8 !important
}
.datetimepicker .active:hover {
    background-color: #2678FC !important
}
.datetimepicker .fa-angle-right:before {
    content: ""
}
.modal-open .datetimepicker {
    z-index: 10055
}
.editable-input table, .editable-input table td, .editable-input table th, .editable-input table tr {
    border: 0 !important
}
.editable-input .combodate select {
    margin-bottom: 5px
}
.fileinput {
    margin-bottom: 0
}
.fileinput .close {
    float: none
}
.fileinput .input-group {
    white-space: nowrap;
    overflow: hidden
}
.md-input {
    padding: 5px !important;
    border-bottom: 0 !important;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.md-editor {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.md-editor .btn-toolbar {
    margin-left: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.md-editor .btn-toolbar .btn-group .btn-sm.btn {
    padding-bottom: 3px
}
.md-editor .btn-toolbar .btn-group .btn-primary {
    padding-top: 5px;
    padding-bottom: 7px
}
.md-editor.active {
    border: 1px solid #999999;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}
.has-error .md-editor {
    border: 1px solid #FBE1E3 !important
}
.has-success .md-editor {
    border: 1px solid #ABE7ED !important
}
.has-warning .md-editor {
    border: 1px solid #F9E491 !important
}
.modal-open.page-overflow .modal-scrollable, .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .page-container .navbar-fixed-top {
    overflow-y: auto !important
}
.modal-scrollable {
    overflow: hidden !important;
    z-index: 10051;
    overflow-y: scroll !important
}
.modal-backdrop {
    position: fixed;
    bottom: 0
}
.bootstrap-select .btn {
    border-color: #C2CAD8
}
.has-error .bootstrap-select .btn {
    border-color: #FBE1E3
}
.has-success .bootstrap-select .btn {
    border-color: #ABE7ED
}
.has-warning .bootstrap-select .btn {
    border-color: #F9E491
}
.bootstrap-select.open .btn, .bootstrap-select.open.dropup .btn {
    border-color: #93A1BB
}
.bootstrap-select .btn:focus {
    outline: 0 !important;
    outline-offset: 0
}
.bootstrap-select.btn-group .dropdown-menu {
    margin-top: 1px
}
.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
    font-weight: 600;
    font-family: 'Open Sans';
    font-size: 14px
}
.bootstrap-select.btn-group .dropdown-menu .text-muted {
    color: #999999 !important
}
.bootstrap-select .caret {
    border: 0;
    width: auto;
    height: auto;
    margin-top: -10px !important
}
.bootstrap-select .caret:before {
    content: "\f107";
    display: inline-block;
    border: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400
}
.form-wizard .steps > li > a.step > .desc, .form-wizard .steps > li > a.step > .number {
    display: inline-block;
    font-size: 16px;
    font-weight: 300
}
.bootstrap-select .selected i {
    color: #AAAAAA
}
.bootstrap-select .dropdown-menu {
    z-index: 9999 !important
}
.bootstrap-switch {
    border-color: #C2CAD8
}
.bootstrap-switch.bootstrap-switch-focused {
    box-shadow: none;
    border-color: #C2CAD8
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #FFFFFF;
    background: #337AB7
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #FFFFFF;
    background: #659BE0
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #FFFFFF;
    background: #36C6D3
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    color: #FFFFFF;
    background: #F1C40F
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #FFFFFF;
    background: #ED6B75
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #444444;
    background: #E8EAEF
}
.portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch {
    border-color: transparent;
    margin-top: 0
}
.bootstrap-timepicker-widget table td a {
    padding: 4px 0
}
.bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus {
    outline: 0 !important;
    border: 0
}
.modal-open .bootstrap-timepicker-widget {
    z-index: 10055 !important
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after, .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    top: auto
}
.toast {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #030303
}
.toast-success {
    background-color: #51A351
}
.toast-error {
    background-color: #BD362F
}
.toast-info {
    background-color: #2F96B4
}
.toast-warning {
    background-color: #F89406
}
.toast .toast-close-button {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    text-indent: -100000px;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat !important;
    background-image: url(../img/portlet-remove-icon-white.png) !important
}
.form-wizard .steps, .form-wizard .steps > li > a.step {
    background-color: #FFFFFF;
    background-image: none;
    border: 0;
    box-shadow: none;
    filter: none
}
.toast-top-center {
    top: 12px;
    margin: 0 auto 0 -150px;
    left: 50%
}
.toast-top-center .toast {
    margin: 0 !important
}
.toast-bottom-center {
    bottom: 12px;
    margin: 0 auto 0 -150px;
    left: 50%
}
.toast-bottom-center .toast {
    margin: 0 !important
}
.form-wizard .progress {
    margin-bottom: 30px
}
.form-wizard .steps {
    padding: 10px 0;
    margin-bottom: 15px
}
.form-wizard .steps > li > a.step:hover {
    background: 0 0
}
.form-wizard .steps > li > a.step > .number {
    background-color: #EEEEEE;
    text-align: center !important;
    padding: 11px 15px 13px;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}
.form-wizard .steps > li > a.step > .desc > i {
    display: none
}
.form-wizard .steps > li.active > a.step .number {
    background-color: #36C6D3;
    color: #FFFFFF
}
.form-wizard .steps > li.active > a.step .desc {
    color: #333333
}
.form-wizard .steps > li.done > a.step .number {
    background-color: #F1C40F;
    color: #FFFFFF
}
.form-wizard .steps > li.done > a.step .desc {
    color: #333333
}
.form-wizard .steps > li.done > a.step .desc i {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    display: inline-block
}
@media (min-width: 768px) and (max-width: 1200px) {
    .form-wizard .step .desc {
        margin-top: 10px;
        display: block
    }
}
@media (max-width: 768px) {
    .form-wizard .steps > li > a {
        text-align: left
    }
}
/*!
 * Tab drop for Bootstrap
 */
.tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs {
    position: relative
}
.tabbable-tabdrop .nav-pills .caret, .tabbable-tabdrop .nav-tabs .caret {
    display: none
}
.tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i, .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i {
    font-size: 14px
}
.CSSAnimationChart a, .mapChart a {
    color: #BBBBBB !important;
    font-size: 12px !important
}
.tabbable-tabdrop .dropdown-menu:after {
    right: 10px;
    left: auto
}
.tabbable-tabdrop .dropdown-menu:before {
    right: 9px;
    left: auto
}
.wysihtml5-sandbox {
    width: 100% !important
}
.wysihtml5-toolbar li {
    margin: 0;
    height: 29px
}
.wysihtml5-toolbar li .dropdown-menu {
    margin-top: 5px
}
.has-error .wysihtml5-sandbox {
    border: 1px solid #FBE1E3 !important
}
.has-success .wysihtml5-sandbox {
    border: 1px solid #ABE7ED !important
}
.has-warning .wysihtml5-sandbox {
    border: 1px solid #F9E491 !important
}
.note-editor {
    border: 1px solid #C2CAD8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.note-editor .note-toolbar {
    border-bottom: 1px solid #C2CAD8;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.note-editor .note-statusbar {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.note-editor .note-statusbar .note-resizebar {
    border-top: 1px solid #C2CAD8
}
.note-editor.fullscreen {
    z-index: 11000;
    width: 100% !important
}
.CSSAnimationChart, .mapChart {
    width: 100%;
    height: 500px
}
.note-editor .dropdown-menu:before {
    left: 9px;
    right: auto
}
.note-editor .dropdown-menu:after {
    left: 10px;
    right: auto
}
.note-link-dialog .checkbox {
    margin-left: 20px
}
.has-error .note-editor {
    border: 1px solid #FBE1E3 !important
}
.has-success .note-editor {
    border: 1px solid #ABE7ED !important
}
.has-warning .note-editor {
    border: 1px solid #F9E491 !important
}
.gtreetable .dropdown-menu {
    margin-top: 0
}
.gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before {
    display: none !important
}
.gtreetable .node-action .form-control {
    position: relative;
    top: 2px;
    display: inline-block
}
.gtreetable .node-icon-ce, .gtreetable .node-icon-handle, .gtreetable .node-icon-selected, .gtreetable .node-icon-type {
    opacity: .6;
    filter: alpha(opacity=60)
}
.bootstrap-tagsinput .tag [data-role=remove] {
    box-shadow: none;
    font-family: arial
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
    font-family: arial
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
    text-decoration: none;
    box-shadow: none
}
.bootbox .bootbox-close-button {
    margin-top: 0 !important
}
.amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite
}
@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px
    }
}
@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px
    }
}
.lastBullet {
    -webkit-animation: am-pulsating 1s ease-out infinite;
    animation: am-pulsating 1s ease-out infinite
}
@-webkit-keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0
    }
    100% {
        stroke-opacity: 0;
        stroke-width: 50px
    }
}
@keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0
    }
    100% {
        stroke-opacity: 0;
        stroke-width: 50px
    }
}
.amcharts-graph-column-front {
    -webkit-transition: all .3s .3s ease-out;
    transition: all .3s .3s ease-out
}
.amcharts-graph-column-front:hover {
    fill: #496375;
    stroke: #496375;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \9;
    stroke-dashoffset: 0 \9;
    -webkit-animation: am-draw 40s;
    animation: am-draw 40s
}
@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 500%
    }
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes am-draw {
    0% {
        stroke-dashoffset: 500%
    }
    100% {
        stroke-dashoffset: 0
    }
}
.animated-pie-chart, .columnLine {
    width: 100%;
    height: 350px;
    font-size: 11px
}
.amcharts-graph-graph2 .amcharts-graph-stroke {
    stroke-dasharray: 4px 5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite
}
@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -28px
    }
}
@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -28px
    }
}
.cke {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.cke .cke-top {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.cke .cke-bottom {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.cke_bottom, .cke_dialog, .cke_dialog_footer, .cke_dialog_title, .cke_inner, .cke_reset, .cke_top {
    background-image: none !important;
    filter: none;
    border-top: 0;
    border-bottom: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none
}
.cke_dialog_tab, .cke_dialog_ui_button, .cke_dialog_ui_input_text {
    filter: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background-image: none !important
}
.cke_dialog_tab, .cke_dialog_ui_button {
    box-shadow: none !important;
    text-shadow: none !important
}
.cke_dialog_tab:hover, .cke_dialog_ui_button:hover {
    text-decoration: none;
    text-shadow: none
}
.cke_dialog_ui_input_text {
    box-shadow: none !important
}
.cke_button, .cke_combo_button, .cke_toolbar, .cke_toolgroup {
    background-image: none !important;
    filter: none !important;
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}
.cke_button, .cke_combo_button, .cke_hc.cke_panel_listItem a, .cke_panel_grouptitle {
    background-image: none !important;
    filter: none;
    text-shadow: none
}
.cke_button:hover, .cke_combo_button:hover {
    background-color: #DDDDDD
}
.cke_toolbar_break {
    background-image: none !important;
    filter: none !important;
    border: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important
}
.has-error .cke {
    border: 1px solid #FBE1E3 !important
}
.has-success .cke {
    border: 1px solid #ABE7ED !important
}
.has-warning .cke {
    border: 1px solid #F9E491 !important
}
.modal-open .clockface {
    z-index: 10055 !important
}
.clockface .cell .inner.active, .clockface .cell .outer.active {
    background-color: #4B8DF8 !important;
    background-image: none;
    filter: none
}
.table-checkable tr > td:first-child, .table-checkable tr > th:first-child {
    text-align: center;
    max-width: 50px;
    min-width: 40px;
    padding-left: 0;
    padding-right: 0
}
table.dataTable thead td, table.dataTable thead th {
    border-bottom: 2px solid #E7ECF1;
    outline: 0 !important
}
table.dataTable.no-footer {
    border-bottom-color: #E7ECF1
}
table.dataTable tr.heading > th {
    background-color: #FBFCFD
}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background: #FBFCFD !important
}
.paging_bootstrap_extended {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    float: none !important;
    font-size: 13px
}
.dataTables_extended_wrapper {
    margin-top: 10px
}
.dataTables_extended_wrapper .seperator {
    padding: 0 2px
}
.dataTables_extended_wrapper .table.dataTable {
    margin: 20px 0 !important
}
.dataTables_extended_wrapper div.dataTables_info, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_paginate {
    display: inline-block;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important
}
.dataTables_extended_wrapper .table-group-actions > span {
    font-size: 13px
}
@media (max-width: 480px) {
    .dataTables_extended_wrapper div.dataTables_info, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_paginate {
        display: block;
        margin-bottom: 10px !important
    }
    .dataTables_extended_wrapper .seperator {
        display: none !important
    }
}
.dataTables_extended_wrapper div.dataTables_length label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
    float: none !important;
    display: inline-block !important
}
.table-container .table-actions-wrapper {
    display: none
}
.dataTables_scroll {
    margin-bottom: 10px
}
.dataTables_scrollHead {
    border-bottom: 2px solid #E7ECF1 !important
}
.dataTables_scrollHead thead th {
    border-bottom: 0 !important
}
.dataTables_scrollBody {
    border-bottom: 1px solid #E7ECF1 !important
}
.table-both-scroll .dataTables_scrollBody {
    border-bottom: 0 !important
}
.dataTables_wrapper .dataTables_processing {
    width: 200px;
    display: inline-block;
    padding: 7px;
    left: 50%;
    margin-left: -100px;
    margin-top: 10px;
    text-align: center;
    color: #3F444A;
    border: 1px solid #E7ECF1;
    background: #EEF1F5;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1)
}
.dt-button-background {
    display: none !important
}
div.dt-button-collection {
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
    padding: 0
}
div.dt-button-collection > a.dt-button {
    background: 0 0;
    padding: 8px 16px;
    font-weight: 300;
    margin: 1px;
    box-shadow: none !important;
    border: 0 !important
}
div.dt-button-collection > a.dt-button > span {
    font-size: 14px;
    color: #333333
}
div.dt-button-collection > a.dt-button.active {
    background: #F6F6F6 !important;
    box-shadow: none !important;
    border: 0 !important
}
div.dt-button-collection > a.dt-button.active > span {
    color: #333333
}
a.dt-button, button.dt-button, div.dt-button {
    background-image: none !important
}
a.dt-button:last-child, button.dt-button:last-child, div.dt-button:last-child {
    margin-right: 0
}
.dataTables_wrapper .dt-buttons {
    float: right
}
.portlet.light .dataTables_wrapper .dt-buttons {
    margin-top: -64px
}
.portlet.box .dataTables_wrapper .dt-buttons {
    margin-top: -50px
}
.dataTable .row-details.row-details-close {
    background: url(../img/datatable-row-openclose.png) no-repeat
}
.dataTable .row-details.row-details-open {
    background: url(../img/datatable-row-openclose.png) 0 -23px no-repeat
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none
}
table.dataTable thead .sorting {
    background: url(../plugins/datatables/images/sort_both.png) center right no-repeat
}
table.dataTable thead .sorting_asc {
    background: url(../plugins/datatables/images/sort_asc.png) center right no-repeat
}
table.dataTable thead .sorting_desc {
    background: url(../plugins/datatables/images/sort_desc.png) center right no-repeat
}
table.dataTable thead .sorting_asc_disabled {
    background: url(../plugins/datatables/images/sort_asc_disabled.png) center right no-repeat
}
table.dataTable thead .sorting_desc_disabled {
    background: url(../plugins/datatables/images/sort_desc_disabled.png) center right no-repeat
}
table.dataTable th:active {
    outline: 0
}
table.dataTable.fixedHeader-floating {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 1px solid #DEE5EC;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1)
}
.table-header-fixed thead > tr > th {
    border-top: 0
}
.table > tfoot > tr > td, .table > tfoot > tr > th {
    border-bottom: 0;
    padding: 10px 18px;
    border-top: 1px solid #E7ECF1;
    font-weight: 600
}
.table.dataTable.dt-responsive .table.dataTable.responsive {
    width: 100%
}
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    text-align: center;
    width: 14px
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    margin-left: -8px;
    text-indent: 0;
    text-align: center;
    margin-top: -8px
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    box-shadow: none !important;
    background-color: #B0C1D2;
    font-weight: 300;
    vertical-align: middle;
    line-height: 16px;
    border: 0
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #36C6D3;
    font-weight: 300;
    vertical-align: middle;
    border: 0
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 10px
}
table.dataTable > tbody > tr.child ul li {
    border: 0
}
@-moz-document url-prefix() {
    .portlet-datatable .dataTables_wrapper .table-responsive {
        padding: 0 2px !important
    }
}
.dropzone {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.dropzone-file-area {
    border: 2px dashed #028AF4;
    background: #FFFFFF;
    padding: 20px;
    margin: 0 auto;
    text-align: center
}
@media (max-width: 768px) {
    .dropzone-file-area {
        width: auto
    }
}
.fancybox-overlay {
    z-index: 100000
}
.fancybox-opened {
    z-index: 100001
}
.spinner-buttons.btn-group-vertical .btn {
    text-align: center;
    margin: 0;
    height: 17px;
    width: 22px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0
}
.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
    border-radius: 0;
    border-top-right-radius: 4px !important
}
.page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
    border-radius: 0 0 4px
}
.external-event {
    display: inline-block;
    cursor: move;
    margin-bottom: 5px;
    margin-left: 5px
}
.fc-scroller {
    overflow-y: auto;
    overflow-x: hidden
}
.fc-month-view .fc-scroller {
    height: auto !important
}
.portlet .event-form-title {
    font-size: 16px;
    margin-top: 4px;
    font-weight: 400;
    margin-bottom: 10px
}
.portlet.calendar .fc-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0 #DDDDDD;
    height: 35px;
    padding: 5px 8px 8px;
    margin-left: 2px;
    background: 0 0;
    color: #FFFFFF;
    top: -48px;
    outline: 0 !important;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-style: none solid
}
.portlet.calendar .fc-toolbar {
    margin-bottom: 0
}
.portlet.calendar .fc-toolbar h2 {
    margin-top: 3px;
    font-size: 17px
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow, .portlet.calendar .fc-button .fc-icon-right-single-arrow {
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block
}
.portlet.calendar .fc-header {
    margin-bottom: -21px
}
.portlet.calendar .fc-button-prev {
    padding-right: 10px;
    padding-left: 8px
}
.portlet.calendar .fc-button-next {
    padding-right: 8px;
    padding-left: 10px
}
.portlet.calendar .fc-button .fc-icon {
    height: 20px;
    top: -5px
}
.portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
    color: #666666;
    background-color: #FFFFFF
}
.portlet.calendar .fc-button.fc-state-disabled {
    color: #DDDDDD
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
    content: "";
    margin: 0
}
.portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
    content: "\f104"
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
    margin: 0;
    content: ""
}
.portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
    content: "\f105"
}
.portlet.calendar .fc-text-arrow {
    font-size: 22px;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline
}
.portlet.calendar .fc-event {
    border: 0;
    background-color: #69A4E0;
    color: #FFFFFF
}
.portlet.calendar .fc-event .fc-content {
    border: 0;
    padding: 5px 7px
}
.portlet.calendar .fc-event .fc-time {
    float: left;
    text-align: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    padding-right: 5px
}
.portlet.calendar .fc-event .fc-title {
    text-align: left;
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300
}
.portlet.calendar .fc-header-title h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #111111
}
.portlet.calendar .fc-widget-header {
    background-image: none;
    filter: none;
    background-color: #EEEEEE;
    text-transform: uppercase;
    font-weight: 300
}
.portlet.calendar.light .fc-button {
    top: -60px;
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 35px
}
.portlet.calendar.light .fc-button .fc-text-arrow {
    margin-top: -6px;
    display: inline-block
}
.portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
    color: #333333;
    border-bottom: 2px solid #36C6D3
}
.portlet.calendar.light .fc-button.fc-state-disabled {
    color: #AAAAAA
}
.portlet.calendar .mobile .fc-button {
    padding: 0 6px 20px;
    margin-left: 2px;
    border: 0;
    background-color: #DDDDDD;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000000;
    text-shadow: none;
    text-align: center
}
.portlet.calendar .mobile .fc-button.fc-state-active, .portlet.calendar .mobile .fc-button.fc-state-hover {
    background-color: #EEEEEE
}
.portlet.calendar .mobile .fc-button.fc-state-disabled {
    color: #BBBBBB
}
.portlet.calendar .mobile .fc-button-prev {
    margin-right: 5px;
    margin-top: -2px
}
.portlet.calendar .mobile .fc-button-next {
    margin-right: 0;
    margin-top: -2px
}
.portlet.calendar .mobile .fc-header-space {
    margin: 0;
    padding: 0;
    width: 0
}
.portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10
}
.portlet.calendar .mobile .fc-header-left .fc-button {
    top: -2px
}
.portlet.calendar .mobile .fc-header-right {
    position: relative;
    right: 0
}
.portlet.calendar .mobile .fc-header-right .fc-button {
    top: 35px
}
.portlet.calendar .mobile .fc-content {
    margin-top: 53px
}
.gmaps {
    height: 300px;
    width: 100%
}
.gmaps img {
    max-width: none
}
#gmap_static div {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    height: 300px
}
#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0
}
#gritter-notice-wrapper {
    right: 1px !important
}
.gritter-close {
    left: auto !important;
    right: 3px !important
}
.gritter-title {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 300
}
.easy-pie-chart .number {
    font-size: 14px !important;
    position: relative;
    text-align: center;
    height: 75px;
    line-height: 75px
}
.easy-pie-chart .number canvas {
    position: absolute;
    top: 0;
    left: 0
}
.blueimp-gallery .close {
    background-image: url(../img/portlet-remove-icon-white.png) !important;
    margin-top: -2px
}
.blueimp-gallery .next, .blueimp-gallery .prev {
    border-radius: 23px !important
}
.ms-container .ms-list {
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.ms-container .ms-optgroup-label {
    font-size: 14px
}
.jquery-notific8-message, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    font-size: 13px
}
.ms-container .ms-list.ms-focus {
    border-color: #999999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    color: #333333;
    background-color: #EEEEEE
}
.ms-container .form-control {
    margin-bottom: 5px
}
[class*=jquery-notific8], [class*=jquery-notific8]:after, [class*=jquery-notific8]:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.left .jquery-notific8-close-sticky span, .right .jquery-notific8-close-sticky span {
    font-size: 10px
}
.jquery-notific8-heading {
    font-weight: 300;
    font-size: 16px
}
.password-strength .password-verdict {
    display: inline-block;
    margin-top: 6px;
    margin-left: 5px
}
.password-strength .progress {
    margin-top: 5px;
    margin-bottom: 0
}
.password-strength .progress-bar {
    padding: 2px
}
.scroller {
    padding: 0 12px 0 0;
    margin: 0;
    overflow: hidden
}
.scroller-footer {
    margin-top: 10px
}
.scroller-footer:after, .scroller-footer:before {
    content: " ";
    display: table
}
.scroller-footer:after {
    clear: both
}
.portlet-body .slimScrollBar {
    margin-right: 0
}
.jqstooltip {
    width: auto !important;
    height: auto !important
}
.easy-pie-chart, .sparkline-chart {
    text-align: center
}
.sparkline-chart {
    margin-top: 15px;
    position: relative
}
.easy-pie-chart .number {
    font-weight: 300;
    width: 85px;
    margin: 0 auto
}
.sparkline-chart .number {
    width: 100px;
    margin: 0 auto 10px
}
.easy-pie-chart .title, .sparkline-chart .title {
    display: block;
    text-align: center;
    color: #333333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px
}
.easy-pie-chart .title:hover, .sparkline-chart .title:hover {
    color: #666666;
    text-decoration: none
}
.easy-pie-chart .title > i, .sparkline-chart .title > i {
    margin-top: 5px
}
.slider {
    border: 0;
    padding: 0;
    display: block;
    margin: 12px 5px;
    min-height: 11px
}
.ui-slider-vertical {
    width: 11px
}
.ui-slider-horizontal .ui-slider-handle {
    top: -3px
}
.ui-slider-vertical .ui-slider-handle {
    left: -3px
}
.ui-slider-handle, .ui-slider-vertical {
    filter: none !important;
    background-image: none !important
}
.jqvmap-zoomin, .jqvmap-zoomout {
    height: 16px;
    width: 16px;
    background-color: #666666
}
.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px
}
.jstree-default .jstree-clicked {
    border: 0;
    background-color: #E1E1E1;
    box-shadow: none
}
.jstree-default .jstree-hovered {
    border: 0;
    background-color: #EEEEEE;
    box-shadow: none
}
.jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked {
    background: #E1E1E1;
    border: 0;
    box-shadow: none
}
.jstree-default .jstree-wholerow-hovered, .jstree-wholerow .jstree-wholerow-hovered {
    border: 0;
    background-color: #EEEEEE;
    box-shadow: none
}
.jstree-icon.icon-lg {
    margin-top: 1px
}
.jstree-open > .jstree-anchor > .fa-folder:before {
    margin-left: 2px;
    content: "\f07c"
}
.jstree-default.jstree-rtl .jstree-last {
    background: no-repeat
}
.vakata-context, .vakata-context ul {
    padding: 0;
    min-width: 125px;
    background-color: #FFFFFF;
    font-size: 14px;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
    border: 1px solid #EFEFEF
}
.morris-hover.morris-default-style .morris-hover-point, .select2-container--bootstrap .select2-results__group, .select2-container--bootstrap .select2-selection {
    font-family: "Open Sans", sans-serif
}
.vakata-context li {
    border: 0
}
.vakata-context li a {
    padding: 0 10px;
    border: 0
}
.vakata-context li a .vakata-contextmenu-sep, .vakata-context li a i {
    display: none
}
.vakata-context .vakata-context-hover > a, .vakata-context li a:hover {
    background-color: #EEEEEE;
    color: #333333;
    box-shadow: none;
    margin: 0
}
.vakata-context .vakata-context-hover > a .ins, .vakata-context .vakata-context-hover > a .span, .vakata-context li a:hover .ins, .vakata-context li a:hover .span {
    border: 0 !important
}
.vakata-context li a ins, .vakata-context li a span {
    display: none;
    border: 0 !important
}
.vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a {
    margin: 0;
    border: 0
}
.jstree-rename-input {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    outline: 0 !important;
    padding: 2px 6px !important;
    margin-right: -4px !important
}
.noUi-horizontal {
    margin: 9px 0
}
.noUi-primary .noUi-connect {
    background: #337AB7
}
.noUi-info .noUi-connect {
    background: #659BE0
}
.noUi-success .noUi-connect {
    background: #36C6D3
}
.noUi-warning .noUi-connect {
    background: #F1C40F
}
.noUi-danger .noUi-connect {
    background: #ED6B75
}
.noUi-default .noUi-connect {
    background: #BAC3D0
}
.noui-connect .noUi-origin {
    right: auto;
    width: 0
}
.noui-connect .connect {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #80C9F5;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45)
}
.noui-connect.noUi-state-tap .connect {
    -webkit-transition: left .3s, right .3s;
    transition: left .3s, right .3s
}
.socicon-btn, .socicon-btn:hover {
    transition: background, color .3s
}
.noUi-handle .noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    font-size: 12px;
    border-radius: 3px;
    background: #FFFFFF;
    top: -55px;
    padding: 5px;
    left: -10px;
    text-align: center;
    min-width: 50px
}
.noUi-handle .noUi-tooltip strong {
    display: block;
    padding: 2px
}
.form-recaptcha-img {
    margin-bottom: 10px;
    clear: both;
    border: 1px solid #E5E5E5;
    padding: 5px
}
iframe[src="about:blank"] {
    display: none
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: none;
    box-shadow: none
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 3px
}
.select2-container--bootstrap .select2-results__group {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    font-weight: 600
}
.select2-dropdown {
    z-index: 10060
}
.select2-close-mask {
    z-index: 10055
}
.modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: auto !important
}
.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px
}
.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px
}
.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px
}
.select2-result-repository__meta {
    margin-left: 70px
}
.select2-result-repository__title {
    color: #000000;
    font-weight: 700;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px
}
.select2-result-repository__forks, .select2-result-repository__stargazers {
    margin-right: 1em
}
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
    display: inline-block;
    color: #AAAAAA;
    font-size: 11px
}
.select2-result-repository__description {
    font-size: 13px;
    color: #777777;
    margin-top: 4px
}
.select2-results__option--highlighted .select2-result-repository__title {
    color: #FFFFFF
}
.select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__watchers {
    color: #C1D7E9
}
.checker {
    margin-top: -2px !important;
    margin-right: 2px !important
}
.checker input, .radio input {
    outline: 0 !important
}
div.checker.disabled span, div.checker.disabled.active span {
    background-position: -152px -260px
}
div.checker.disabled:hover, div.radio.disabled:hover {
    cursor: not-allowed
}
div.checker, div.radio {
    margin-right: 0;
    margin-left: 3px
}
.portlet-body-morris-fit {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -15px
}
.portlet-body-morris-fit > svg {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.morris-hover.morris-default-style .morris-hover-row-label {
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    color: #7D8C9D;
    font-family: "Open Sans", sans-serif
}
.morris-hover.morris-default-style .morris-hover-point {
    text-align: left;
    font-size: 14px;
    font-weight: 400
}
.socicon, .socicon-btn {
    position: relative;
    font-family: socicon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.icheck-list > label {
    display: block;
    margin-bottom: 8px
}
.icheck-colors > li, .icheck-inline > label, .socicon, .socicon-btn {
    display: inline-block
}
.icheck-list > label:last-child {
    margin-bottom: 0
}
.form-horizontal .icheck-inline {
    margin-top: 8px
}
.icheck-inline > label {
    margin-left: 15px
}
.icheck-inline > label:first-child {
    margin-left: 0
}
div[class*=icheckbox_], div[class*=iradio_] {
    margin-right: 5px;
    top: -1px !important
}
.icheck-colors {
    padding: 0;
    margin: 0;
    list-style: none
}
.icheck-colors > li {
    padding: 0;
    margin: 4px;
    float: left;
    height: 20px;
    width: 20px;
    background: #000000;
    opacity: .6;
    filter: alpha(opacity=60)
}
.icheck-colors > li:first-child {
    margin-left: 0
}
.icheck-colors > li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer
}
.icheck-colors > li.active {
    height: 26px;
    margin-top: 0;
    opacity: .6;
    filter: alpha(opacity=60)
}
.icheck-colors > li.red {
    background: #D54E21
}
.icheck-colors > li.green {
    background: #78A300
}
.icheck-colors > li.blue {
    background: #0E76A8
}
.icheck-colors > li.aero {
    background: #9CC2CB
}
.icheck-colors > li.grey {
    background: #73716E
}
.icheck-colors > li.orange {
    background: #FF7700
}
.icheck-colors > li.yellow {
    background: #FFCC00
}
.icheck-colors > li.pink {
    background: #FF66B5
}
.icheck-colors > li.purple {
    background: #6A5A8C
}
.ui-select-match-close {
    margin-top: 5px !important;
    margin-left: 5px !important
}
.minicolors-swatch {
    border: 0
}
.CodeMirror {
    border: 1px solid #EEEEEE;
    height: auto
}
pre[class*=language-] {
    padding: 10px;
    background: 0 0 !important;
    border: 1px solid #F1F4F7 !important;
    box-shadow: none !important;
    margin: 0
}
pre[class*=language-] code {
    background: 0 0 !important;
    box-shadow: none !important;
    border: 0 !important
}
.socicon {
    top: 1px
}
.socicon-btn:empty .socicon:empty {
    width: 1em
}
.socicon-btn {
    text-align: center;
    width: 44px;
    height: 44px;
    padding-top: 11px;
    font-size: 24px;
    border: 1px solid #E7ECF1;
    color: #3F444A
}
.socicon-btn.socicon-solid {
    border: 0;
    width: 46px;
    height: 46px;
    padding-top: 12px
}
.socicon-btn.socicon-btn-circle {
    border-radius: 44px !important
}
.socicon-btn:hover {
    text-decoration: none
}
.socicon-btn.socicon-lg {
    width: 54px;
    height: 54px;
    padding-top: 13px;
    font-size: 28px
}
.socicon-btn.socicon-lg.socicon-solid {
    border: 0;
    width: 55px;
    height: 55px;
    padding-top: 13px
}
.socicon-btn.socicon-sm {
    width: 30px;
    height: 30px;
    padding-top: 8px;
    font-size: 16px
}
.socicon-btn.socicon-sm.socicon-solid {
    border: 0;
    width: 30px;
    height: 30px;
    padding-top: 8px
}
.socicons .socicon-btn {
    margin-bottom: 5px
}
.socicon-twitter:before {
    content: "a"
}
.socicon-facebook:before {
    content: "b"
}
.socicon-google:before {
    content: "c"
}
.socicon-pinterest:before {
    content: "d"
}
.socicon-foursquare:before {
    content: "e"
}
.socicon-yahoo:before {
    content: "f"
}
.socicon-skype:before {
    content: "g"
}
.socicon-yelp:before {
    content: "h"
}
.socicon-feedburner:before {
    content: "i"
}
.socicon-linkedin:before {
    content: "j"
}
.socicon-viadeo:before {
    content: "k"
}
.socicon-xing:before {
    content: "l"
}
.socicon-myspace:before {
    content: "m"
}
.socicon-soundcloud:before {
    content: "n"
}
.socicon-spotify:before {
    content: "o"
}
.socicon-grooveshark:before {
    content: "p"
}
.socicon-lastfm:before {
    content: "q"
}
.socicon-youtube:before {
    content: "r"
}
.socicon-vimeo:before {
    content: "s"
}
.socicon-dailymotion:before {
    content: "t"
}
.socicon-vine:before {
    content: "u"
}
.socicon-flickr:before {
    content: "v"
}
.socicon-500px:before {
    content: "w"
}
.socicon-instagram:before {
    content: "x"
}
.socicon-wordpress:before {
    content: "y"
}
.socicon-tumblr:before {
    content: "z"
}
.socicon-blogger:before {
    content: "A"
}
.socicon-technorati:before {
    content: "B"
}
.socicon-reddit:before {
    content: "C"
}
.socicon-dribbble:before {
    content: "D"
}
.socicon-stumbleupon:before {
    content: "E"
}
.socicon-digg:before {
    content: "F"
}
.socicon-envato:before {
    content: "G"
}
.socicon-behance:before {
    content: "H"
}
.socicon-delicious:before {
    content: "I"
}
.socicon-deviantart:before {
    content: "J"
}
.socicon-forrst:before {
    content: "K"
}
.socicon-playstore:before {
    content: "L"
}
.socicon-zerply:before {
    content: "M"
}
.socicon-wikipedia:before {
    content: "N"
}
.socicon-apple:before {
    content: "O"
}
.socicon-flattr:before {
    content: "P"
}
.socicon-github:before {
    content: "Q"
}
.socicon-chimein:before {
    content: "R"
}
.socicon-friendfeed:before {
    content: "S"
}
.socicon-newsvine:before {
    content: "T"
}
.socicon-identica:before {
    content: "U"
}
.socicon-bebo:before {
    content: "V"
}
.socicon-zynga:before {
    content: "W"
}
.socicon-steam:before {
    content: "X"
}
.socicon-xbox:before {
    content: "Y"
}
.socicon-windows:before {
    content: "Z"
}
.socicon-outlook:before {
    content: "1"
}
.socicon-coderwall:before {
    content: "2"
}
.socicon-tripadvisor:before {
    content: "3"
}
.socicon-appnet:before {
    content: "4"
}
.socicon-goodreads:before {
    content: "5"
}
.socicon-tripit:before {
    content: "6"
}
.socicon-lanyrd:before {
    content: "7"
}
.socicon-slideshare:before {
    content: "8"
}
.socicon-buffer:before {
    content: "9"
}
.socicon-rss:before {
    content: ","
}
.socicon-vkontakte:before {
    content: ";"
}
.socicon-disqus:before {
    content: ":"
}
.socicon-houzz:before {
    content: "+"
}
.socicon-mail:before {
    content: "@"
}
.socicon-patreon:before {
    content: "="
}
.socicon-paypal:before {
    content: "-"
}
.socicon-playstation:before {
    content: "^"
}
.socicon-smugmug:before {
    content: "¨"
}
.socicon-swarm:before {
    content: "$"
}
.socicon-triplej:before {
    content: "*"
}
.socicon-yammer:before {
    content: "&"
}
.socicon-stackoverflow:before {
    content: "("
}
.socicon-drupal:before {
    content: "#"
}
.socicon-odnoklassniki:before {
    content: "."
}
.socicon-android:before {
    content: "_"
}
.socicon-meetup:before {
    content: "]"
}
.socicon-persona:before {
    content: ")"
}
.test {
    color: #E1E5EC;
    border-color: #2AB4C0;
    background: #E43A45
}