html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'calibri';
    font-size: 12px;
    color: #686868;
    min-height: 100%;
    padding-bottom: 0;
    margin: 0;
    padding: 0 !important;
}

@media (min-width:992px) {
    body {
        background: #555;
    }

    #details-editor table {
        width: 1065px;
    }
}

@media (max-width:992px) {
    body {
        /*margin-top: 100px;*/
        margin-top: 75px;
    }
}

body.modal-open-noscroll {
    padding-right: 17px !important;
}

    body.modal-open-noscroll .navbar-top, body.modal-open-noscroll .qs-layout-menu, body.modal-open-noscroll .breadcrumbs.fixed {
        right: 17px;
    }

    body.modal-open-noscroll .back-to-top {
        right: 32px;
    }

/*h1, h2, h3, h4 {
    font-family: 'Calibri';
}*/

a {
    /*color: #5686c8;*/
    color: #20798d;
}

    a:hover, a:active, a:focus {
        color: #5686c8;
    }

    a, a:visited, a:focus, a:active, a:hover {
        outline: 0 none !important;
    }

::-moz-focus-inner {
    border: 0 none;
    -moz-outline-style: none;
}

.a-center {
    text-align: center;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.mt {
    margin-top: 5px;
}

.mr {
    margin-right: 5px;
}

.mb {
    margin-bottom: 5px;
}

.ml {
    margin-left: 5px;
}



.page-header {
    margin: 30px 0 15px;
    border-bottom: 1px solid #cfcfcf;
}

    .page-header h1 {
        margin: 0;
        font-size: 26px;
    }

        .page-header h1 :before {
            content: "\f101";
            margin-right: 4px;
            font-family: FontAwesome;
            color: #5686c8;
        }

    .page-header .sub-title {
        font-size: 60%;
        text-transform: none;
        color: #999;
    }

    .page-header.title {
        margin: 0 -15px 25px;
        border-bottom: 1px solid #cfcfcf;
        color: #414141;
        padding: 15px;
        background-color: #fff;
    }

@media (max-width:639px) {
    .page-header.title h1 {
        font-size: 21px;
    }
}

.breadcrumbs {
    position: relative;
    padding: 0 12px 0 0;
    min-height: 30px;
    /*line-height: 39px;*/
    background: #f1f2f6;
    margin: 0 -15px;
    border: 0 none;
    border-bottom: 1px solid #d7d7db;
}

    .breadcrumbs > .breadcrumb {
        background-color: transparent;
        display: inline-block;
        line-height: 20px;
        margin: 5px 15px 0;
        padding: 0;
    }

        .breadcrumbs > .breadcrumb .active {
            color: #999;
            font-size: 13px;
        }

        .breadcrumbs > .breadcrumb a {
            color: #555;
            font-size: 13px;
        }

            .breadcrumbs > .breadcrumb a:hover, .breadcrumbs > .breadcrumb a:focus, .breadcrumbs > .breadcrumb a:active {
                color: #5686c8;
                text-decoration: none;
            }

        .breadcrumbs > .breadcrumb > li:first-child :before {
            content: "\f015";
            margin-right: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            font-size: 20px;
            vertical-align: top;
        }

        .breadcrumbs > .breadcrumb > li + li:before {
            content: "//\00a0";
            padding: 0 5px;
        }

    .breadcrumbs > .b-right {
        border-left: 1px solid #cfcfcf;
        right: 40px;
        line-height: 20px;
        margin: 0 -5px;
        padding: 0;
        position: absolute;
        top: 0;
    }

        .breadcrumbs > .b-right ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

            .breadcrumbs > .b-right ul li {
                float: left;
                padding: 0;
                border-right: 1px solid #cfcfcf;
                position: relative;
            }

                .breadcrumbs > .b-right ul li a {
                    color: #555555;
                    display: inline-block;
                    /* font-size: 15px;*/
                    line-height: 29px;
                    padding: 1px 12px 0;
                    text-decoration: none;
                    transition: all 0.3s ease 0s;
                }

.b-right a:hover {
    background: none repeat scroll 0 0 #efefef;
}

.breadcrumbs > .b-right ul li a span {
    color: #999;
}

.breadcrumbs > .b-right ul li ul {
    border-top: 0 none;
}

    .breadcrumbs > .b-right ul li ul li {
        border: 0 none;
       /* float: none;*/ float:left; width: 100%;
    }

        .breadcrumbs > .b-right ul li ul li a {
            line-height: normal;
            display: block !important;
            padding: 11px;
            color: #686868;
        }

/*.breadcrumbs > .b-left {
  border-left: 1px solid #cfcfcf;
  left: 34px;
  line-height: 20px;
  margin: 0 -5px;
  padding: 0;
  position: absolute;
  top: 0;
}*/

.breadcrumbs > .b-left {
    border-left: 1px solid #cfcfcf;
    float: left;
    width: auto;
}

    .breadcrumbs > .b-left ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

        .breadcrumbs > .b-left ul li {
            float: left;
            padding: 0;
            border-right: 1px solid #cfcfcf;
            position: relative;
        }

            .breadcrumbs > .b-left ul li a {
                color: #555555;
                display: inline-block;
                font-size: 15px;
                line-height: 29px;
                padding: 1px 12px 0;
                text-decoration: none;
                transition: all 0.3s ease 0s;
            }

.b-left a:hover {
    background: none repeat scroll 0 0 #dadada;
}

.breadcrumbs > .b-left ul li a span {
    color: #999;
}

.breadcrumbs > .b-left ul li ul {
    border-top: 0 none;
}

    .breadcrumbs > .b-left ul li ul li {
        border: 0 none;
        float: none;
    }

        .breadcrumbs > .b-left ul li ul li a {
            line-height: normal;
            display: block !important;
            padding: 3px 11px;
            color: #686868;
        }

@media (min-width:992px) {
    .breadcrumbs.fixed {
        height: 31px;
        /*left: 185px;*/ left: 215px;
        margin: 0;
        position: fixed;
        right: 0;
        /*top: 34px;*/
        top: 3px;
        z-index: 1024;
    }

        .breadcrumbs.fixed.collapsed {
            left: 0;
        }
}

@media (max-width:480px) {
    .breadcrumbs.fixed {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1024;
        margin: 0;
        top: 100px;
    }

    #page-wrapper {
        margin-top: 153px;
    }

    .navbar-side {
        margin: -53px 0 0 !important;
    }

    .breadcrumbs > .b-right ul li a {
        padding: 5px 8px;
    }

    .breadcrumbs.fixed.collapsed {
        left: 0;
    }

    .breadcrumbs-wrap {
        width: /*89%*/ 93% !important;
        z-index: 9999 !important;
    }

    /* body {  margin-top: 95px;  }
    
    .program-name { color: #333333 !important; font-size: 15px !important;  position: absolute;  top: 33px !important;  width: 100% !important;}*/

    .breadcrumbs {
        min-height: 31px;
    }

        .breadcrumbs > .b-right ul li a {
            line-height: 31px !important;
            padding: 0 6px !important;
            position: relative;
            top: 1px;
        }

    .xs-status {
        position: absolute;
        right: -11px;
        top: 7px;
    }

    .checklist-btn {
        left: 84% !important;
    }

    .col-sm-12.col-lg-12 {
        padding: 0;
    }

    .form-group.col-lg-4.col-sm-6 {
        padding: 0;
    }

    .fl-btn-round {
        right: 9.5% !important;
        top: 34.5% !important;
    }

    body.login, body.error {
        background: #5584c6 !important;
    }

    .login-container {
        margin: -4% auto 50px !important;
    }

    #thanks h1 {
        font-size: 20px;
        !important;
    }

    .tcb-inline {
        margin-right: 0 !important;
    }

    .tcb.mdbr {
        border: 0 none !important;
    }
}


#wrapper {
    width: 100%;
}

#main-container {
    background: #fff;
    padding: 0;
}

    #main-container div.row, #main-container ul.row {
        /* margin: 0 -7.5px 0 -10.5px;*/
        margin: 0 -7.5px -35px -10.5px;
    }

        #main-container div.row, #main-container ul.row #horizontal {
            /* margin: 0 -7.5px 0 -10.5px;*/ margin: 0 1.5px;
        }

            #main-container div.row > [class*=col-], #main-container ul.row > [class*=col-] {
                /* padding: 0 7.5px;*/ padding: 0 1.5px;
            }

    #main-container:before {
        display: block;
        content: "";
        position: absolute;
        z-index: -2;
        width: 100%;
        max-width: inherit;
        bottom: 0;
        top: 0;
        /* background-color: #f5f5f5;*/ background: #fff;
    }

@media (min-width:992px) {
    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 980px;
        margin: 0 -15px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 1170px;
    }

    #main-container.container .footer .footer-inner {
        left: auto !important;
        right: auto !important;
        width: 950px;
    }


        #main-container.container .footer .footer-inner.collapsed {
            width: 1140px;
        }

        #main-container.container .footer .footer-inner .footer-content {
            left: -15px;
            right: -15px;
        }

    #main-container.container:before {
        width: inherit;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 780px;
        margin: 0 -15px;
        top: 50px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 970px;
    }

    #main-container.container .footer .footer-inner {
        left: auto !important;
        right: auto !important;
        width: 750px;
    }

        #main-container.container .footer .footer-inner.collapsed {
            width: 940px;
        }

        #main-container.container .footer .footer-inner .footer-content {
            left: -15px;
            right: -15px;
        }
}

#page-wrapper {
    /*padding: 0 15px;*/
    /*padding: 0 8px;*/ padding: 0;
    background-color: #fff;
    border: 0;
    transition: all ease 0.3s;
}

@media (min-width:992px) {
    #page-wrapper {
        /*margin: 50px 0 0 190px;*/
        /*margin: 105px 0 0 190px;*/
        /*margin: 98px 0 0 190px;*/
        /*margin: 65px 0 0 185px;*/
        /*margin: 35px 0 0 185px;*/ margin: 35px 0 0 215px;
    }

    #details-editor table {
        width: 1065px;
    }
    /*
	.tab-content .col-md-6 {
  width: 64%;
}
*/

    #page-wrapper.collapsed {
        margin: 50px 0 0;
    }

    #page-wrapper.collapsed-left {
        /*margin: 65px 0 0;*/
        margin: 35px 0 0;
    }

    #page-wrapper.fixed {
        /*margin: 90px 0 0 190px;*/
        /*margin: 35px 0 0 183px;*/ margin: 35px 0 0 213px;
    }

    #details-editor table {
        width: 910px;
    }

    #page-wrapper.fixed.collapsed {
        margin: 90px 0 0;
    }
}

.footer {
    /*  padding-top: 64px;*/
    height: 0;
    width: 0;
}

    .footer .footer-inner {
        position: absolute;
        z-index: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }

        /*.footer .footer-inner .footer-content {
	position: absolute;
	border-top: 1px solid #cfcfcf;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px 15px;
	line-height: 36px;
	background: #fff;
}*/

        .footer .footer-inner .footer-content {
            background: none repeat scroll 0 0 #f5f5f5;
            border-top: 1px solid #cfcfcf;
            bottom: 0;
            left: 0;
            line-height: 20px;
            padding: 0 15px;
            position: fixed;
            right: 0;
            z-index: 999;
            /*font-size: 12px;*/
        }

@media (min-width:992px) {
    .footer .footer-inner {
        position: absolute;
        z-index: auto;
        left: 190px;
        right: 0;
        bottom: 0;
    }

        .footer .footer-inner.collapsed {
            left: 0;
        }
}

ol.breadcrumb li.pull-right:before {
    content: normal;
}

blockquote, .blockquote-reverse, blockquote.pull-right {
    border-color: #5686c8;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .modal, .accordion-toggle:focus, .btn:focus {
    outline: 0;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel .panel-footer {
        background: #fff;
    }

    .panel.panel-default {
        border-color: #cfcfcf;
    }

.label, .badge {
    font-weight: 400;
    font-size: 11px;
}

[class*=" fa-"], [class^=fa-], [class*=" glyphicon-"], [class^=glyphicon-] {
    text-align: center;
}

.popover {
    width: auto;
    border-radius: 0;
}

.btn, .well, .label, .thumbnail, .panel-heading, .alert, .panel, .progress, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .list-group-item:first-child, .list-group-item:last-child, .form-control, .input-group-addon, .input-group-btn .btn, .dropdown-menu, .panel-group .panel, .panel-group .panel-heading, .pager li > a, .pager li > span, .breadcrumb, .nav-tabs > li > a, .nav-pills > li > a {
    border-radius: 0;
}

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #5686c8;
    }

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #5686c8;
    border-color: #ce4444;
}

.nav-tabs, .nav-pills {
    margin-bottom: 10px;
}

    .nav-tabs .open > a, .nav-pills .open > a, .nav-tabs .open > a:hover, .nav-pills .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a:focus {
        border-color: #5686c8;
    }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus, .nav-tabs ul.dropdown-menu > li > a:hover, .nav-tabs ul.dropdown-menu > li > a:focus, .nav-pills ul.dropdown-menu > li > a:hover, .nav-pills ul.dropdown-menu > li > a:focus {
            background-color: #f2f2f2;
        }

.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #5686c8;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #5686c8;
}

.pagination > li > a:hover {
    color: #5686c8;
}

.dropdown-menu {
    font-size: 13px;
}

.progress, .thumbnail, .panel-group, dl {
    margin-bottom: 15px;
}

.thumbnail {
    padding: 3px;
}

.modal-content {
    border-radius: 0;
    border: 0 none;
}

    .modal-content .modal-header {
        background-color: #5686c8;
        color: #ffffff;
    }

        .modal-content .modal-header .modal-title {
            font-size: 16px !important;
        }

        .modal-content .modal-header .close {
            outline: 0 none !important;
        }

    .modal-content .modal-footer {
        padding: 10px 15px;
        border-top-color: #cfcfcf;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f2f2f2;
    }

.modal-open {
    overflow-y: auto !important;
}

.modal-open-noscroll {
    overflow-y: hidden !important;
}

.modal-open .datepicker, .modal-open .datetimepicker, .modal-open .select2-drop-mask, .modal-open .select2-drop, .modal-open .select2-search, .modal-open .colorpicker, .modal-open .daterangepicker, .modal-open .bootstrap-timepicker-widget {
    z-index: 1141 !important;
}

a.list-group-item .list-group-item-heading {
    color: #686868;
}

.navbar-top, .top-navbar {
    background-color: #5686c8;
    z-index: 1030;
}

    .navbar-top .navbar-brand, .top-navbar .navbar-brand {
        height: 31px;
    }

        .navbar-top .navbar-brand a, .top-navbar .navbar-brand a {
            color: #f2f2f2;
            font-size: 18px;
            display: inline-block;
        }

            .navbar-top .navbar-brand a:hover, .top-navbar .navbar-brand a:hover {
                color: #999;
                text-decoration: none;
            }

    .navbar-top .navbar-header, .top-navbar .navbar-header {
        background-color: #414141;
    }

    .navbar-top .navbar-toggle, .top-navbar .navbar-toggle {
        outline: 0;
        color: #f2f2f2;
        margin-top: 6px;
        margin-bottom: auto;
    }

        .navbar-top .navbar-toggle:hover, .top-navbar .navbar-toggle:hover {
            color: #999;
        }

    .navbar-top .dropdown-toggle, .top-navbar .dropdown-toggle {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .navbar-top .nav-top, .top-navbar .nav-top {
        /*margin: 0 10px;*/
        min-height: 30px;
    }

        .navbar-top .nav-top li > a, .top-navbar .nav-top li > a {
            /*font-size: 14px;*/
            font-size: 13px;
        }

    .navbar-top > .nav-top > .nav > li, .top-navbar > .nav-top > .nav > li, .navbar-top > .container > .nav-top > .nav > li, .top-navbar > .container > .nav-top > .nav > li {
        display: inline-block;
        float: left;
    }

        .navbar-top > .nav-top > .nav > li > a, .top-navbar > .nav-top > .nav > li > a, .navbar-top > .container > .nav-top > .nav > li > a, .top-navbar > .container > .nav-top > .nav > li > a {
            height: 31px;
            padding-top: 18px;
            color: #fff;
        }

            .navbar-top > .nav-top > .nav > li > a:hover, .top-navbar > .nav-top > .nav > li > a:hover, .navbar-top > .container > .nav-top > .nav > li > a:hover, .top-navbar > .container > .nav-top > .nav > li > a:hover, .navbar-top > .nav-top > .nav > li > a:focus, .top-navbar > .nav-top > .nav > li > a:focus, .navbar-top > .container > .nav-top > .nav > li > a:focus, .top-navbar > .container > .nav-top > .nav > li > a:focus {
                color: #fff;
                background-color: transparent;
            }

    .navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .nav-top > ul.navbar-right > li.user-box-no-images, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box-no-images {
        float: right !important;
    }

@media (min-width:992px) {
    .navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box {
        background-color: #5686c8;
        border: 1px solid rgba(0,0,0,.2);
        border-width: 0 1px;
    }
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .nav-top > ul.navbar-right > li.user-box img, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box img {
    border: 2px solid #fff;
    width: 36px;
    height: 36px;
    max-height: 36px;
    max-width: 36px;
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .nav-top > ul.navbar-right > li.user-box > a, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box > a {
    padding-top: 0px !important;
}

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages, .navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts, .navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    width: 260px;
}

    .navbar-top .dropdown-messages li:first-child, .top-navbar .dropdown-messages li:first-child, .navbar-top .dropdown-alerts li:first-child, .top-navbar .dropdown-alerts li:first-child, .navbar-top .dropdown-tasks li:first-child, .top-navbar .dropdown-tasks li:first-child {
        border-top: 2px solid transparent !important;
    }

    .navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover, .navbar-top .dropdown-messages li a:focus, .top-navbar .dropdown-messages li a:focus, .navbar-top .dropdown-alerts li a:focus, .top-navbar .dropdown-alerts li a:focus, .navbar-top .dropdown-tasks li a:focus, .top-navbar .dropdown-tasks li a:focus {
        background-color: #f5f5f5 !important;
        color: #686868 !important;
    }

    .navbar-top .dropdown-messages li.dropdown-header, .top-navbar .dropdown-messages li.dropdown-header, .navbar-top .dropdown-alerts li.dropdown-header, .top-navbar .dropdown-alerts li.dropdown-header, .navbar-top .dropdown-tasks li.dropdown-header, .top-navbar .dropdown-tasks li.dropdown-header {
        border-top: 2px solid #5686c8 !important;
    }

    .navbar-top .dropdown-messages .dropdown-header, .top-navbar .dropdown-messages .dropdown-header, .navbar-top .dropdown-alerts .dropdown-header, .top-navbar .dropdown-alerts .dropdown-header, .navbar-top .dropdown-tasks .dropdown-header, .top-navbar .dropdown-tasks .dropdown-header, .navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover {
        background: #fff !important;
        color: #686868;
    }

        .navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover, .navbar-top .dropdown-messages .dropdown-header:hover:hover, .top-navbar .dropdown-messages .dropdown-header:hover:hover, .navbar-top .dropdown-alerts .dropdown-header:hover:hover, .top-navbar .dropdown-alerts .dropdown-header:hover:hover, .navbar-top .dropdown-tasks .dropdown-header:hover:hover, .top-navbar .dropdown-tasks .dropdown-header:hover:hover {
            color: #686868;
        }

    .navbar-top .dropdown-messages .dropdown-footer, .top-navbar .dropdown-messages .dropdown-footer, .navbar-top .dropdown-alerts .dropdown-footer, .top-navbar .dropdown-alerts .dropdown-footer, .navbar-top .dropdown-tasks .dropdown-footer, .top-navbar .dropdown-tasks .dropdown-footer, .navbar-top .dropdown-messages .dropdown-footer a, .top-navbar .dropdown-messages .dropdown-footer a, .navbar-top .dropdown-alerts .dropdown-footer a, .top-navbar .dropdown-alerts .dropdown-footer a, .navbar-top .dropdown-tasks .dropdown-footer a, .top-navbar .dropdown-tasks .dropdown-footer a, .navbar-top .dropdown-messages .dropdown-footer a:hover, .top-navbar .dropdown-messages .dropdown-footer a:hover, .navbar-top .dropdown-alerts .dropdown-footer a:hover, .top-navbar .dropdown-alerts .dropdown-footer a:hover, .navbar-top .dropdown-tasks .dropdown-footer a:hover, .top-navbar .dropdown-tasks .dropdown-footer a:hover, .navbar-top .dropdown-messages .dropdown-footer:hover, .top-navbar .dropdown-messages .dropdown-footer:hover, .navbar-top .dropdown-alerts .dropdown-footer:hover, .top-navbar .dropdown-alerts .dropdown-footer:hover, .navbar-top .dropdown-tasks .dropdown-footer:hover, .top-navbar .dropdown-tasks .dropdown-footer:hover {
        color: #fff !important;
        background: #5686c8 !important;
    }

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages {
    left: 0;
}

.navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts {
    left: -45px;
}

.navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    left: -90px;
}

    .navbar-top .dropdown-tasks .progress, .top-navbar .dropdown-tasks .progress {
        margin-bottom: 5px;
        height: 10px;
        min-height: 10px;
    }

.navbar-top .dropdown-user, .top-navbar .dropdown-user, .navbar-top .dropdown-search, .top-navbar .dropdown-search {
    left: auto;
    right: 0 !important;
    margin: 0;
}

    .navbar-top .dropdown-user [class*=fa-], .top-navbar .dropdown-user [class*=fa-], .navbar-top .dropdown-search [class*=fa-], .top-navbar .dropdown-search [class*=fa-], .navbar-top .dropdown-user [class*=glyphicon-], .top-navbar .dropdown-user [class*=glyphicon-], .navbar-top .dropdown-search [class*=glyphicon-], .top-navbar .dropdown-search [class*=glyphicon-] {
        font-size: 13px;
    }

.navbar-top .dropdown-scroll, .top-navbar .dropdown-scroll {
    padding: 0;
    margin: 0;
}

    .navbar-top .dropdown-scroll .dropdown-header, .top-navbar .dropdown-scroll .dropdown-header {
        padding: 10px;
    }

        .navbar-top .dropdown-scroll .dropdown-header:active, .top-navbar .dropdown-scroll .dropdown-header:active, .navbar-top .dropdown-scroll .dropdown-header:focus, .top-navbar .dropdown-scroll .dropdown-header:focus, .navbar-top .dropdown-scroll .dropdown-header:hover, .top-navbar .dropdown-scroll .dropdown-header:hover {
            background: inherit;
            color: inherit;
        }

    .navbar-top .dropdown-scroll li, .top-navbar .dropdown-scroll li {
        background: #fff;
        margin: 0;
        border-bottom: 1px dotted #cfcfcf;
    }

        .navbar-top .dropdown-scroll li:last-child, .top-navbar .dropdown-scroll li:last-child {
            border-bottom: 0 none;
        }

        .navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a {
            display: block;
            padding: 10px;
        }

            .navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover {
                text-decoration: none;
                background-color: inherit;
            }

    .navbar-top .dropdown-scroll .dropdown-footer, .top-navbar .dropdown-scroll .dropdown-footer {
        border-bottom: 0 none;
        display: block;
        font-size: 11px;
        text-align: center;
    }

        .navbar-top .dropdown-scroll .dropdown-footer a:after, .top-navbar .dropdown-scroll .dropdown-footer a:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

    .navbar-top .dropdown-scroll p, .top-navbar .dropdown-scroll p {
        margin: 0 0 0 10px;
        font-size: 12px;
    }

        .navbar-top .dropdown-scroll p.small, .top-navbar .dropdown-scroll p.small {
            color: #999;
            margin-top: 3px;
            font-size: 11px;
        }

    .navbar-top .dropdown-scroll [class*=fa-], .top-navbar .dropdown-scroll [class*=fa-], .navbar-top .dropdown-scroll [class*=glyphicon-], .top-navbar .dropdown-scroll [class*=glyphicon-] {
        font-size: 13px;
    }

    .navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a, .navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover, .navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover {
        color: #686868;
    }

.navbar-top .alert-icon, .top-navbar .alert-icon {
    color: #fff;
    text-align: center;
    width: 25px;
    margin-right: 5px;
}

.navbar-top .badge.up, .top-navbar .badge.up {
    position: absolute;
    font-size: 11px;
    top: 10px;
    right: 20px;
}

.navbar-top [class*=fa-], .top-navbar [class*=fa-], .navbar-top [class*=glyphicon-], .top-navbar [class*=glyphicon-] {
    font-size: 15px;
}

.navbar-top .user-info, .top-navbar .user-info {
    padding-left: 2px;
}

.navbar-top .search-box, .top-navbar .search-box {
    width: auto;
    padding: 5px 10px;
}

.navbar-top .navbar-right, .top-navbar .navbar-right {
    margin-right: 0;
}

    .navbar-top .navbar-right .navbar-toggle, .top-navbar .navbar-right .navbar-toggle {
        margin-right: 0;
        color: #fff;
    }

        .navbar-top .navbar-right .navbar-toggle .fa, .top-navbar .navbar-right .navbar-toggle .fa, .navbar-top .navbar-right .navbar-toggle .glyphicon, .top-navbar .navbar-right .navbar-toggle .glyphicon {
            font-size: 13px !important;
        }

@media (min-width:481px) {

    .navbar-top .navbar-right .navbar-toggle :after, .top-navbar .navbar-right .navbar-toggle :after {
        content: "Side Menu" !important;
        margin-left: 4px;
        /*font-family: 'Calibri';*/
        font-style: normal;
    }
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after, .navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #333;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
    left: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    right: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
    right: 8px;
}




@media (max-width:992px) {


    .breadcrumbs.fixed {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1024;
        margin: 0;
        /*top: 95px;*/
        top: 43px;
    }

    #page-wrapper {
        /*margin-top: 153px;*/
        margin-top: 100px;
    }

    #tog {
        display: none;
    }

    .well {
        padding: 8px !important;
    }

    .breadcrumbs.fixed.collapsed {
        left: 0;
    }

    .navbar-side {
        /*margin: -53px 0 0 0 !important;*/
        /*margin: -30px 0 0 0 !important;*/
        /*margin: 30px 0 0 0 !important;*/
        margin: 0 !important;
        position: fixed;
        z-index: 1027;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        left: 8px;
    }

    .navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
        display: none;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        display: none;
    }
}

.navbar-top.container {
    padding-left: 0;
    padding-right: 0;
}

    .navbar-top.container .nav-top {
        margin: 0 10px;
        min-height: 50px;
    }

    .navbar-top.container .navbar-header {
        margin: 0;
    }

@media (max-width:480px) {

    #page-wrapper {
        margin-top: 153px;
    }

    .navbar-top .user-info {
        display: none;
    }

    .navbar-top .user-box {
        margin: 0 -15px;
    }

        .navbar-top .user-box .caret {
            display: none;
        }

    .navbar-top .dropdown-user, .navbar-top .dropdown-search {
        right: 15px !important;
    }
}

@media (min-width:992px) {
    .navbar-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        border-radius: 0;
        /*max-height: 54px;*/
        max-height: 34px;
    }


        .navbar-top.fixed {
            /*border-top: 3px solid #114f5d;*/
            border-top: 3px solid #5686c8;
        }

        .navbar-top .navbar-header {
            /* width: 185px;*/ width: 215px;
        }

            .navbar-top .navbar-header.collapsed {
            }

        .navbar-top .navbar-left {
            display: inherit;
        }

        .navbar-top #sidebar-toggle {
            display: inline-block;
        }

        .navbar-top .dropdown-messages, .navbar-top .dropdown-alerts, .navbar-top .dropdown-tasks, .navbar-top .dropdown-user {
            left: inherit;
        }



        .navbar-top .dropdown-scroll li a:hover {
            text-decoration: none;
        }

        .navbar-top .search-box {
            min-width: 190px;
        }

        .navbar-top .nav-top {
            text-align: inherit;
        }

            .navbar-top .nav-top .navbar-left.navbar-nav > li {
                background-color: #5686c8;
                border: 1px solid rgba(0,0,0,.2);
                border-width: 0 1px 0 0;
            }

                .navbar-top .nav-top .navbar-left.navbar-nav > li:first-child {
                    border-width: 0 1px !important;
                }
}

.navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
    /*padding-top: 15px;
	padding-bottom: 15px;*/
    padding-top: 11px;
    padding-bottom: 10px;
    color: #fff;
    transition: all ease 0.3s;
}




    .navbar-top .nav-top .navbar-nav > li > a:hover, .top-navbar .nav-top .navbar-nav > li > a:hover, .navbar-top .nav-top .navbar-nav > li > a:focus, .top-navbar .nav-top .navbar-nav > li > a:focus {
        /*background-color: transparent!important;*/
        color: #fff;
        background: #1f7082;
    }

.nav_active {
    background: none repeat scroll 0 0 #1f7082;
    font-size: 15px !important;
    font-weight: bold;
}

.navbar-top .nav-top .navbar-nav > li.open > a, .top-navbar .nav-top .navbar-nav > li.open > a, .navbar-top .nav-top .navbar-nav > li.open > a:hover, .top-navbar .nav-top .navbar-nav > li.open > a:hover, .navbar-top .nav-top .navbar-nav > li.open > a:focus, .top-navbar .nav-top .navbar-nav > li.open > a:focus, .navbar-top .nav-top .navbar-right > li.open > a, .top-navbar .nav-top .navbar-right > li.open > a, .navbar-top .nav-top .navbar-right > li.open > a:hover, .top-navbar .nav-top .navbar-right > li.open > a:hover, .navbar-top .nav-top .navbar-right > li.open > a:focus, .top-navbar .nav-top .navbar-right > li.open > a:focus {
    background-color: transparent !important;
}

@media (max-width:1024px) {

    #page-wrapper {
        /* margin-top: 92px;*/
        margin-top: 75px;
    }

    /* .tab-content .col-md-6 {
        width: 100%; comment for personal management - tab res/
    }
    .tab-content label {
        width: 100% !important;
    }* comment for personal management - tab res/
	
	
	

    .well.white {
        padding: 8px;
    }

    /*   .control-label.col-sm-4 {
  width: 100%;
}*/


    .k-widget.k-window {
        width: 98% !important;
    }

    navbar-side {
        margin: 30px 0 0 0 !important;
    }
}


@media (max-width:600px) {

    .breadcrumbs > .b-left ul li a {
        color: #555555;
        display: inline-block;
        font-size: 14px;
        line-height: 29px;
        padding: 1px 9px 0;
        text-decoration: none;
        transition: all 0.3s ease 0s;
    }

    .breadcrumbs > .b-left {
        left: 0;
    }

    .k-widget.k-window {
        width: 95% !important;
    }
}

@media (max-width:1000px) {

    /*program-name {
  color: #ffffff !important;
  font-size: 15px !important;
  left: 160px !important;
  top: -34px !important;
  width: 75%;
}*/

    .checklist-btn {
        /* left: 40% !important;*/
        top: 48px !important;
    }

    .program-name {
        color: #ffffff !important;
        font-size: 15px !important;
        left: -37px;
        position: relative;
        top: -34px !important;
        font-size: 15px !important;
    }

    .theme-settings .ts-button {
        height: 43px !important;
        left: 156px !important;
        line-height: 47px !important;
        top: 255px !important;
        width: 44px !important;
    }

    .theme-settings {
        right: 59px !important;
    }

    .navbar-brand {
        padding: 6px;
    }

    #PdaApproveWindow.k-window-content.k-content {
        width: 100% !important;
    }
    /* #DAComparisonWindow.k-window-content.k-content {  width: 100% !important;}*/
    #SendMailReportBerthingProspectWindow.k-window-content.k-content {
        width: 100% !important;
    }

    #CostWindow.k-window-content.k-content {
        width: 100% !important;
    }

    #MailWindow.k-window-content.k-content {
        width: 100% !important;
    }

    body.login, body.error {
        background: #5584c6 url("../../images/common/loginBg.jpg") no-repeat scroll center top;
        background-size: auto !important;
    }
}

body.login.ESS {
    background: #555555 url("../../images/common/login-bg-ESS.jpg") no-repeat scroll left bottom / cover;
}



@media (max-width:768px) {

    #page-wrapper {
        /*margin-top: 148px;*/
        /*margin-top: 142px;*/
        /*margin-top: -31px;*/
        margin-top: -1px;
    }

    .program-name {
        color: #ffffff !important;
        font-size: 15px !important;
        left: 160px !important;
        top: -34px !important;
        width: 75%;
    }

    #ShowPopup .modal-dialog {
        width: 93% !important;
    }

    .well.white {
        padding: 8px;
    }

    /*.navbar-top .nav-top .navbar-nav>li>a,.top-navbar .nav-top .navbar-nav>li>a {
		padding: 15px 10px;
	}*/

    .navbar-top > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .nav-top > ul.navbar-right > li.user-box > a, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box > a {
        padding-top: 10.5px !important;
    }
}

@media (max-width:992px) {
    .navbar-top, .top-navbar {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
    }

        .navbar-top .navbar-nav, .top-navbar .navbar-nav {
            margin: 7.5px 0;
        }

        .navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
            padding: 10px 0;
        }

        .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
            font-size: 12px;
            padding: 5px 15px;
        }

            .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:focus, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #fff;
                background-color: transparent !important;
            }

        .navbar-top .nav-top .navbar-left.navbar-nav > li .dropdown-menu li, .top-navbar .nav-top .navbar-left.navbar-nav > li .dropdown-menu li {
            border: 0 none;
        }
}

/*.navbar-side {   
    background: #5686c8;
     width: 215px;
    border: 1px solid #209aa5;
    border-width: 0 1px 0 0;
}*/

.navbar-side {
    background: #f1f1f1 none repeat scroll 0 0;
    border-top: 1px solid #ffffff;
    box-shadow: -10px -8px 54px #c0c0c0 inset;
    width: 215px;
}

    .navbar-side .navbar-collapse {
        border: 0;
        padding: 0;
        overflow: hidden !important;
        height: inherit !important;
    }

    .navbar-side .side-nav {
        border-radius: 0;
        border: 0;
        float: none;
    }

        .navbar-side .side-nav li {
            /*border-bottom: 1px solid #2f2f2f;*/
            float: none;
        }

            .navbar-side .side-nav li > a {
                color: #fff;
                /*background-color: #373737;*/
                /* background-color:#5686c8;*/
                /*  background: #5686c8;*/
                outline: 0;
                padding: 6px 4px;
                text-shadow: none !important;
                display: block;
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                /*font-size: 13px;*/
                color: #333;
            }

            .navbar-side .side-nav li.panel.open > a {
                background: #5686c8 none repeat scroll 0 0;
                color: #ffffff;
            }

.panel {
    background: transparent;
}

.navbar-side .side-nav li > a .fa, .navbar-side .side-nav li > a .glyphicon {
    font-size: 13px;
    /*color: #fff;*/
}

.navbar-side .side-nav li > a .fa {
    min-width: 20px;
}

.navbar-side .side-nav li > a .glyphicon {
    min-width: 21px;
}

.navbar-side .side-nav li > a.active {
    border-color: #5686c8;
    color: #fff;
}

    .navbar-side .side-nav li > a.active .fa, .navbar-side .side-nav li > a.active .glyphicon {
        color: #fff;
    }

    .navbar-side .side-nav li > a.active:after {
        display: block;
        /* content: "";*/
        position: absolute !important;
        right: 0;
        top: 4px;
        border-color: transparent #5686c8 transparent;
        border-width: 16px 10px;
        border-style: solid;
    }

    .navbar-side .side-nav li > a.active:hover, .navbar-side .side-nav li > a.active:focus {
        border-color: #5686c8;
    }

.navbar-side .side-nav li > a, .navbar-side .side-nav li a:hover, .navbar-side .side-nav li a:focus, .navbar-side .side-nav li a:active {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

    .navbar-side .side-nav li > a:hover, .navbar-side .side-nav li > a:focus, .navbar-side .side-nav li a:active {
        background: #5686c8;
    }

.navbar-side .side-nav li.panel {
    border-width: 0 0 1px;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .navbar-side .side-nav li.panel ul li {
        border-top: 0;
        border-bottom: 0;
    }

        .navbar-side .side-nav li.panel ul li a {
            /*color: #b6b6b6;*/
            color: #333333;
            background-color: transparent;
            cursor: pointer;
        }

            .navbar-side .side-nav li.panel ul li a.active {
                color: #fff;
                background: #333;
            }


            .navbar-side .side-nav li.panel ul li a:hover, .navbar-side .side-nav li.panel ul li a:focus, .navbar-side .side-nav li.panel ul li a:active {
                color: #333;
                background-color: #eaeaea;
                padding-left: 10px;
            }

    .navbar-side .side-nav li.panel.open a {
        /*background-color: #2f2f2f;*/
    }

        .navbar-side .side-nav li.panel.open a, .navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
            border-right: 3px solid #5686c8;
            border-left: 3px solid transparent;
        }

            .navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
                /*background: #414141;*/
            }

    .navbar-side .side-nav li.panel.open .fa, .navbar-side .side-nav li.panel.open .glyphicon {
        color: #fff;
    }

    .navbar-side .side-nav li.panel.open li .fa, .navbar-side .side-nav li.panel.open li .glyphicon {
        color: #666;
    }

.navbar-side .side-nav .arrow {
    float: right;
    text-align: center;
    margin-top: 3px;
}

.navbar-side .side-nav .fa.arrow:before {
    content: "\f104";
}

.navbar-side .side-nav .open > a > .fa.arrow:before {
    content: "\f107";
}

.navbar-side .side-nav .badge, .navbar-side .side-nav .label {
    position: absolute;
    top: 11px;
    right: 15px;
}

.navbar-side .side-nav a.accordion-toggle .badge, .navbar-side .side-nav a.accordion-toggle .label {
    right: 30px;
}

.navbar-side .side-nav .nav {
    /*background: #2f2f2f;*/
    /*background: #daf3f4;*/
}

    /*.navbar-side .side-nav .nav>li>a {
	padding: 8px 7.5px;
}*/


    .navbar-side .side-nav .nav > li > a {
        /* padding: 8px 7px 8px 23px; padding: 5px 7px 3px 23px;*/
        padding: 5px 7px 3px 3px;
    }

.tc-tabs .nav > li > a {
    display: block;
    padding: 10px 7px;
}

/*.navbar-side>h4,.navbar-side h4 {
	text-transform: uppercase;
	/*padding: 10px;
	padding:0;
	font-size: 13px;
	margin: 7px 10px;
	color: #666;
}*/

.navbar-side > h4, .navbar-side h4 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    /*margin: 7px 15px;*/
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

    .navbar-side > h4:after, .navbar-side h4:after {
        /*content: "\f103";*/
        margin-left: 4px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

.navbar-side .media {
    padding: 1px 0 2px;
}

/*.navbar-side .media {
  background: #f1f1f1 none repeat scroll 0 0;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  box-shadow: 2px 3px 10px #9c9c9c;
  margin-top: -42px;
  position: relative;
}*/

.navbar-side .media {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 0 none !important;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-top: -45px;
    position: relative;
}

    .navbar-side .media .btn {
        font-size: inherit;
    }

    .navbar-side .media .sidebar-shortcuts {
        display: block;
        text-align: left;
        padding: 4px 0;
        list-style: none;
        margin-bottom: 0;
    }

        .navbar-side .media .sidebar-shortcuts li {
            display: inline-block;
        }

            .navbar-side .media .sidebar-shortcuts li .btn {
                padding: 6px 12px;
                background: 0 0;
                /*  border-color: #2f2f2f;*/
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

                .navbar-side .media .sidebar-shortcuts li .btn:hover, .navbar-side .media .sidebar-shortcuts li .btn:focus {
                    background-color: #5686c8;
                }

                    .navbar-side .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side .media .sidebar-shortcuts li .btn:focus .fa {
                        color: #fff;
                    }

        .navbar-side .media .sidebar-shortcuts a .fa {
            color: #333333;
            font-size: 14px;
            line-height: 17px;
        }

.navbar-side .media-search {
    padding: 4px 10px;
}

    .navbar-side .media-search .input-menu {
        border: 1px solid #cfcfcf;
        font-size: 12px;
        color: #000;
        width: 100%;
        margin: 4px 0;
        padding-left: 7px;
    }

.navbar-side .sidebar-labels ul {
    padding-left: 10px;
}

    .navbar-side .sidebar-labels ul li {
        list-style: none;
        margin-top: 10px;
    }

        .navbar-side .sidebar-labels ul li a {
            color: #fff;
            font-size: 13px;
        }

            .navbar-side .sidebar-labels ul li a:hover, .navbar-side .sidebar-labels ul li a:focus {
                text-decoration: none;
            }

            .navbar-side .sidebar-labels ul li a .fa, .navbar-side .sidebar-labels ul li a .glyphicon {
                color: #bababa;
            }

            .navbar-side .sidebar-labels ul li a .badge, .navbar-side .sidebar-labels ul li a .label {
                float: right;
                margin-right: 15px;
            }

.navbar-side .sidebar-alerts .alert {
    padding: 15px 15px 15px 10px;
}

    .navbar-side .sidebar-alerts .alert .close {
        text-shadow: none;
        color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .navbar-side .sidebar-alerts .alert span {
        color: #bababa;
        font-size: 13px;
    }

.navbar-side .media, .navbar-side .media-search, .navbar-side .sidebar-labels {
    border-bottom: 1px solid #2f2f2f;
}

.navbar-side.sidebar-light {
    background: #fff;
    border: 1px solid #cfcfcf;
}

    .navbar-side.sidebar-light .side-nav li {
        border-bottom: 1px solid #cfcfcf;
    }

        .navbar-side.sidebar-light .side-nav li > a {
            color: #5e5e5e;
            background-color: #fff;
        }

            .navbar-side.sidebar-light .side-nav li > a .fa, .navbar-side.sidebar-light .side-nav li > a .glyphicon {
                color: #565656;
            }

            .navbar-side.sidebar-light .side-nav li > a.active {
                color: #5686c8;
            }

                .navbar-side.sidebar-light .side-nav li > a.active .fa, .navbar-side.sidebar-light .side-nav li > a.active .glyphicon {
                    color: #5686c8;
                }

            .navbar-side.sidebar-light .side-nav li > a:hover, .navbar-side.sidebar-light .side-nav li > a:focus, .navbar-side.sidebar-light .side-nav li a:active {
                background: #fff;
            }

        .navbar-side.sidebar-light .side-nav li.panel ul li a {
            color: #5e5e5e;
        }

            .navbar-side.sidebar-light .side-nav li.panel ul li a.active {
                color: #5686c8;
            }

            .navbar-side.sidebar-light .side-nav li.panel ul li a:hover, .navbar-side.sidebar-light .side-nav li.panel ul li a:focus, .navbar-side.sidebar-light .side-nav li.panel ul li a:active {
                color: #5e5e5e;
                background-color: #fff;
            }

        .navbar-side.sidebar-light .side-nav li.panel.open a {
            background-color: #f2f2f2;
        }

            .navbar-side.sidebar-light .side-nav li.panel.open a:hover, .navbar-side.sidebar-light .side-nav li.panel.open a:focus, .navbar-side.sidebar-light .side-nav li.panel.open a:active {
                background: #fff;
            }

        .navbar-side.sidebar-light .side-nav li.panel.open .fa, .navbar-side.sidebar-light .side-nav li.panel.open .glyphicon {
            color: #5e5e5e;
        }

        .navbar-side.sidebar-light .side-nav li.panel.open li .fa, .navbar-side.sidebar-light .side-nav li.panel.open li .glyphicon {
            color: #565656;
        }

    .navbar-side.sidebar-light .side-nav .nav {
        background: #f2f2f2;
    }

    .navbar-side.sidebar-light > h4, .navbar-side.sidebar-light h4 {
        color: #191919;
    }

    .navbar-side.sidebar-light .media .sidebar-shortcuts {
        margin-bottom: -1px;
    }

        .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn {
            border-color: #cfcfcf;
        }



            .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus {
                background-color: #fff;
            }

                .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus .fa {
                    color: #5e5e5e;
                }

        .navbar-side.sidebar-light .media .sidebar-shortcuts a .fa {
            color: #565656;
        }

    .navbar-side.sidebar-light .media-search .input-menu {
        border: 1px solid #cfcfcf;
        background-color: #fff !important;
    }

    .navbar-side.sidebar-light .sidebar-labels ul li {
        list-style: none;
    }

        .navbar-side.sidebar-light .sidebar-labels ul li a {
            color: #5e5e5e;
        }

            .navbar-side.sidebar-light .sidebar-labels ul li a .fa, .navbar-side.sidebar-light .sidebar-labels ul li a .glyphicon {
                color: #191919;
            }

    .navbar-side.sidebar-light .sidebar-alerts .alert .close {
        color: #5e5e5e;
    }

    .navbar-side.sidebar-light .sidebar-alerts .alert span {
        color: #191919;
    }

    .navbar-side.sidebar-light .media, .navbar-side.sidebar-light .media-search, .navbar-side.sidebar-light .sidebar-labels {
        border-bottom: 1px solid #cfcfcf;
    }

@media (min-width:992px) {
    .navbar-side {
        position: absolute;
        border-radius: 0;
        bottom: 21px;
        top: 35px;
        /*top:3px;*/
    }

        .navbar-side.collapsed {
            display: none;
        }

        .navbar-side.fixed {
            position: fixed;
            z-index: 1027;
        }
}

@media (max-width:992px) {
    .navbar-side {
        position: fixed;
        margin: 0;
        z-index: 1027;
    }

        .navbar-side .navbar-nav {
            margin: 0;
        }
}

@media (min-width:992px) {
    .navbar-top.fixed {
        position: fixed;
    }
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px;
}

.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px;
}

.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px;
}

.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px;
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px;
}

.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px;
}

.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px;
}

.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px;
}

.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px;
}

.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px;
}

.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px;
}

.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px;
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px;
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px;
}

.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px;
}

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #cfcfcf;
    margin: 12px 0;
}

.hr-double {
    height: 3px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.hr.dotted, .hr-dotted {
    border-top-style: dotted;
}

.hr-double.dotted {
    border-bottom-style: dotted;
}

.hr-32, .hr32 {
    margin: 32px 0;
}

.hr-30, .hr30 {
    margin: 30px 0;
}

.hr-28, .hr28 {
    margin: 28px 0;
}

.hr-26, .hr26 {
    margin: 26px 0;
}

.hr-24, .hr24 {
    margin: 24px 0;
}

.hr-22, .hr22 {
    margin: 22px 0;
}

.hr-20, .hr20 {
    margin: 20px 0;
}

.hr-18, .hr18 {
    margin: 18px 0;
}

.hr-16, .hr16 {
    margin: 16px 0;
}

.hr-14, .hr14 {
    margin: 14px 0;
}

.hr-12, .hr12 {
    margin: 12px 0;
}

.hr-10, .hr10 {
    margin: 10px 0;
}

.hr-8, .hr8 {
    margin: 8px 0;
}

.hr-6, .hr6 {
    margin: 6px 0;
}

.hr-4, .hr4 {
    margin: 4px 0;
}

.hr-2, .hr2 {
    margin: 2px 0;
}

hr.separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
}

.bigger-110 {
    font-size: 110%;
}

.bigger-120 {
    font-size: 120%;
}

.bigger-130 {
    font-size: 130%;
}

.bigger-140 {
    font-size: 140%;
}

.bigger-150 {
    font-size: 150%;
}

.bigger-160 {
    font-size: 160%;
}

.bigger-170 {
    font-size: 170%;
}

.bigger-180 {
    font-size: 180%;
}

.bigger-190 {
    font-size: 190%;
}

.bigger-200 {
    font-size: 200%;
}

.bigger-210 {
    font-size: 210%;
}

.bigger-220 {
    font-size: 220%;
}

.bigger-230 {
    font-size: 230%;
}

.bigger-240 {
    font-size: 240%;
}

.bigger-250 {
    font-size: 250%;
}

.bigger-260 {
    font-size: 260%;
}

.bigger-270 {
    font-size: 270%;
}

.bigger-280 {
    font-size: 280%;
}

.bigger-290 {
    font-size: 290%;
}

.bigger-300 {
    font-size: 300%;
}

.bigger-125 {
    font-size: 125%;
}

.bigger-175 {
    font-size: 175%;
}

.bigger-225 {
    font-size: 225%;
}

.bigger-275 {
    font-size: 275%;
}

.bigger-500 {
    font-size: 50px;
    line-height: 50px;
}

.smaller-90 {
    font-size: 90%;
}

.smaller-80 {
    font-size: 80%;
}

.smaller-70 {
    font-size: 70%;
}

.smaller-60 {
    font-size: 60%;
}

.smaller-50 {
    font-size: 50%;
}

.smaller-40 {
    font-size: 40%;
}

.smaller-30 {
    font-size: 30%;
}

.smaller-20 {
    font-size: 20%;
}

.smaller-75 {
    font-size: 75%;
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: .85;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

    .action-buttons a:hover {
        text-decoration: none;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
        filter: alpha(opacity=100);
    }

.lighter {
    font-weight: 300 !important;
}

.bolder {
    font-weight: bolder !important;
}

.text-underline {
    text-decoration: underline;
}

.heading {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}

.well p:last-child, .portlet .portlet-body p:last-child {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-top {
    border-top: 1px solid #cfcfcf;
}

.border-right {
    border-right: 1px solid #cfcfcf;
}

.border-bottom {
    border-bottom: 1px solid #cfcfcf;
}

.border-left {
    border-left: 1px solid #cfcfcf;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

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

.block {
    display: block !important;
}

.middle {
    vertical-align: middle;
}

.align-middle {
    vertical-align: middle !important;
}

.align-top {
    vertical-align: top !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.space-2x .tile-button, .space-2x .portlet, .space-2x .well, .space-2x .panel, .space-2x .note, .space-2x .notice, .space-2x .progress, .space-2x .alert, .space-2x .pricing-table-1, .space-2x .pricing-table-2, .space-2x .pricing-table-3, .space-2x .pricing-table-4, .space-2x .tc-tabsbar, .space-2x .tc-tabs, .space-2x dl {
    margin-bottom: 20px;
}

    .space-2x .well, .space-2x .portlet .portlet-body {
        padding: 25px;
    }

        .space-2x .well .well, .space-2x .portlet .portlet-body .well {
            padding: 15px;
        }

.padding-25 {
    padding: 25px !important;
}

.padding-2x {
    padding: 30px !important;
}

.padding-all {
    padding: 15px;
}

.toggle {
    cursor: pointer;
}

.bg-primary, .bg-success, .bg-danger, .bg-info, .bg-warning, .gray, .dark, .inverse, .bg-gray {
    color: #fff !important;
}

    .bg-primary.note .close, .bg-success.note .close, .bg-danger.note .close, .bg-info.note .close, .bg-warning.note .close, .gray.note .close, .dark.note .close, .inverse.note .close, .bg-gray.note .close, .bg-primary.alert .close, .bg-success.alert .close, .bg-danger.alert .close, .bg-info.alert .close, .bg-warning.alert .close, .gray.alert .close, .dark.alert .close, .inverse.alert .close, .bg-gray.alert .close {
        opacity: 1;
        filter: alpha(opacity=100);
        color: #fff;
    }

.bg-primary {
    background-color: #5686c8 !important;
    border-color: #5686c8 !important;
}

.text-primary {
    color: #5686c8 !important;
}

.bg-success {
    background-color: #72af46 !important;
    border-color: #72af46 !important;
}

.text-success {
    color: #72af46 !important;
}

.bg-warning {
    background-color: #feb902 !important;
    border-color: #feb902 !important;
}

.text-warning {
    color: #feb902 !important;
}

.bg-danger {
    background-color: #bd362f !important;
    border-color: #bd362f !important;
}

.text-danger {
    color: #bd362f !important;
}

.bg-info {
    background-color: #466baf !important;
    border-color: #466baf !important;
}

.text-info {
    color: #466baf !important;
}

.dark, .inverse {
    background-color: #414141 !important;
    border-color: #414141 !important;
}

.text-gray {
    color: #999 !important;
}

.bg-gray {
    background-color: #555 !important;
}

.white {
    background-color: #fff !important;
    /*min-height: 533px;*/
}

.text-white {
    color: #fff !important;
}

.light {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    color: #555 !important;
}

.qs-layout-menu {
    position: fixed;
    right: 0;
    top: auto;
    z-index: 1023;
    margin-top: -75px;
}

    .qs-layout-menu .btn.qs-setting-btn {
        float: left;
        display: inline-block;
        width: 42px !important;
        background: rgba(0,0,0,.3) !important;
        border-right: 0 none;
        vertical-align: top;
        margin: 0;
    }

        .qs-layout-menu .btn.qs-setting-btn:hover, .qs-layout-menu .btn.qs-setting-btn:focus {
            background: rgba(0,0,0,.5) !important;
        }

    .qs-layout-menu .qs-setting-box {
        display: none;
        float: left;
        width: 190px;
        padding: 10px 14px;
        background: #fff;
        border: 1px solid #555;
        border-right: 0;
    }

        .qs-layout-menu .qs-setting-box.open {
            display: inline-block;
        }

> .qs-layout-menu .qs-setting-boxdiv {
    margin: 6px 0;
    color: #414141;
    max-height: 24px;
}

    > .qs-layout-menu .qs-setting-boxdiv > label {
        font-size: 13px;
    }

.qs-layout-menu .qs-setting-box .btn {
    height: 15px;
    width: 15px;
    padding: 4px;
    border: 0 none;
}

    .qs-layout-menu .qs-setting-box .btn:hover, .qs-layout-menu .qs-setting-box .btn:focus {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5;
        filter: alpha(opacity=50);
    }

.qs-layout-menu .qs-setting-box ul {
    padding-left: 0;
}

    .qs-layout-menu .qs-setting-box ul li {
        display: inline-block;
        list-style: none;
    }

.qs-layout-menu.front {
    top: 125px;
    margin-top: 0;
}

.btn {
    outline: 0 none !important;
    background: #f2f2f2;
    color: #686868;
    border-color: #cfcfcf;
}

.btn-white1 {
    background-color: #ffffff;
    border-bottom: 2px solid #606060;
    color: #5f523d;
    font-size: 18px;
    height: auto;
    padding: 6px 40px;
    margin-top: 10px;
}



.btn > .icon-only[class*=fa-], .btn .icon-only[class*=glyphicon-] {
    margin: 0;
    padding: 0;
}


.btn > [class*=fa-], .btn [class*=glyphicon-] {
    display: inline;
    margin-right: 4px;
}

    .btn > [class*=fa-].icon-on-right, .btn [class*=glyphicon-].icon-on-right {
        margin-right: 0;
        margin-left: 4px;
    }

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    /*margin: 0 7.5px 15px;*/
    margin: 0 7.5px 0;
    min-width: 80px;
    height: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    font-size: 12px;
}

    .btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
        font-size: 20px;
        display: block;
        margin: 0;
    }

    .btn.btn-app > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

    .btn.btn-app.big {
        min-width: 110px;
        height: 90px;
        padding: 25px 15px;
        font-size: 14px;
    }

        .btn.btn-app.big > .fa, .btn.btn-app.big > .glyphicon, .btn.btn-app.big > .ion {
            font-size: 30px;
            display: block;
        }

    .btn.btn-app:hover {
        color: #686868;
        border-color: #d3d3d3;
        background-color: #fff;
    }

.btn:active, .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-default {
    color: #686868;
    background-color: #f2f2f2;
    border-color: #ddd;
}

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #686868;
        background-color: #d9d9d9;
        border-color: #bfbfbf;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #f2f2f2;
        border-color: #ddd;
    }

    .btn-default .badge {
        color: #f2f2f2;
        background-color: #686868;
    }

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #686868;
        background-color: #e5e5e5;
        border-color: #ddd;
    }

.btn-primary {
    color: #fff;
    background-color: #5686c8;
    border-color: #257587;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #bc3232;
        border-color: #a02a2a;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #5686c8;
        border-color: #257587;
    }

    .btn-primary .badge {
        color: #5686c8;
        background-color: #fff;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #257587;
        border-color: #257587;
    }

.btn-success {
    color: #fff;
    background-color: #5686c8;
    border-color: #5686c8;
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #13939b;
        border-color: #00737b;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #01838b;
        border-color: #00737b;
    }

    .btn-success .badge {
        color: #01838b;
        background-color: #fff;
    }

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #13939b;
        border-color: #00737b;
    }

.btn-info {
    color: #fff;
    background-color: #466baf;
    border-color: #3f609d;
}

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #37558b;
        border-color: #2d4571;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #466baf;
        border-color: #3f609d;
    }

    .btn-info .badge {
        color: #466baf;
        background-color: #fff;
    }

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #3f609d;
        border-color: #3f609d;
    }

.btn-warning {
    color: #fff;
    background-color: #feb902;
    border-color: #996d43;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #88613b;
        border-color: #6f4f31;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #feb902;
        border-color: #996d43;
    }

    .btn-warning .badge {
        color: #feb902;
        background-color: #fff;
    }

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #996d43;
        border-color: #996d43;
    }

.btn-danger {
    color: #fff;
    background-color: #bd362f;
    border-color: #a9302a;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #942a25;
        border-color: #78221e;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #bd362f;
        border-color: #a9302a;
    }

    .btn-danger .badge {
        color: #bd362f;
        background-color: #fff;
    }

    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #a9302a;
        border-color: #a9302a;
    }

.btn-dark, .btn-gray, .btn-inverse {
    color: #fff;
    background-color: #222;
    border-color: #161616;
}

    .btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark.focus, .btn-gray.focus, .btn-inverse.focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #090909;
        border-color: #000;
    }

    .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        background-image: none;
    }

    .btn-dark.disabled, .btn-gray.disabled, .btn-inverse.disabled, .btn-dark[disabled], .btn-gray[disabled], .btn-inverse[disabled], fieldset[disabled] .btn-dark, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-inverse, .btn-dark.disabled:hover, .btn-gray.disabled:hover, .btn-inverse.disabled:hover, .btn-dark[disabled]:hover, .btn-gray[disabled]:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-inverse:hover, .btn-dark.disabled:focus, .btn-gray.disabled:focus, .btn-inverse.disabled:focus, .btn-dark[disabled]:focus, .btn-gray[disabled]:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-inverse:focus, .btn-dark.disabled.focus, .btn-gray.disabled.focus, .btn-inverse.disabled.focus, .btn-dark[disabled].focus, .btn-gray[disabled].focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-inverse.focus, .btn-dark.disabled:active, .btn-gray.disabled:active, .btn-inverse.disabled:active, .btn-dark[disabled]:active, .btn-gray[disabled]:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-inverse:active, .btn-dark.disabled.active, .btn-gray.disabled.active, .btn-inverse.disabled.active, .btn-dark[disabled].active, .btn-gray[disabled].active, .btn-inverse[disabled].active, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-inverse.active {
        background-color: #222;
        border-color: #161616;
    }

    .btn-dark .badge, .btn-gray .badge, .btn-inverse .badge {
        color: #222;
        background-color: #fff;
    }

    .btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark.focus, .btn-gray.focus, .btn-inverse.focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #161616;
        border-color: #161616;
    }

.btn-twitter {
    color: #fff;
    background-color: #2b97f0;
    border-color: #1d90ef;
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #0f7ed9;
        border-color: #0e70c1;
    }

    .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
        background-color: #2b97f0;
        border-color: #1d90ef;
    }

    .btn-twitter .badge {
        color: #2b97f0;
        background-color: #fff;
    }

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #138bee;
        border-color: #1d90ef;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5a9b;
    border-color: #375490;
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4576;
        border-color: #263a64;
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5a9b;
        border-color: #375490;
    }

    .btn-facebook .badge {
        color: #3b5a9b;
        background-color: #fff;
    }

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #344f89;
        border-color: #375490;
    }

.btn-googleplus {
    color: #fff;
    background-color: #db2814;
    border-color: #cd2513;
}

    .btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus.focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        color: #fff;
        background-color: #ac1f10;
        border-color: #951b0e;
    }

    .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        background-image: none;
    }

    .btn-googleplus.disabled, .btn-googleplus[disabled], fieldset[disabled] .btn-googleplus, .btn-googleplus.disabled:hover, .btn-googleplus[disabled]:hover, fieldset[disabled] .btn-googleplus:hover, .btn-googleplus.disabled:focus, .btn-googleplus[disabled]:focus, fieldset[disabled] .btn-googleplus:focus, .btn-googleplus.disabled.focus, .btn-googleplus[disabled].focus, fieldset[disabled] .btn-googleplus.focus, .btn-googleplus.disabled:active, .btn-googleplus[disabled]:active, fieldset[disabled] .btn-googleplus:active, .btn-googleplus.disabled.active, .btn-googleplus[disabled].active, fieldset[disabled] .btn-googleplus.active {
        background-color: #db2814;
        border-color: #cd2513;
    }

    .btn-googleplus .badge {
        color: #db2814;
        background-color: #fff;
    }

    .btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus.focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        color: #fff;
        background-color: #c42412;
        border-color: #cd2513;
    }

.btn-linkedin {
    color: #fff;
    background-color: #0e76a8;
    border-color: #0d6c9a;
}

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #0a5579;
        border-color: #084461;
    }

    .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
        background-color: #0e76a8;
        border-color: #0d6c9a;
    }

    .btn-linkedin .badge {
        color: #0e76a8;
        background-color: #fff;
    }

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #0c6590;
        border-color: #0d6c9a;
    }

.btn-white {
    color: #686868;
    background-color: #fff;
    border-color: #cfcfcf;
}

    .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        color: #686868;
        background-color: #e6e6e6;
        border-color: #c6c6c6;
    }

    .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        background-image: none;
    }

    .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled.focus, .btn-white[disabled].focus, fieldset[disabled] .btn-white.focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active {
        background-color: #fff;
        border-color: #cfcfcf;
    }

    .btn-white .badge {
        color: #fff;
        background-color: #686868;
    }

    .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        color: #686868;
        background-color: #f2f2f2;
        border-color: #cfcfcf;
    }

.ui-group-buttons .or {
    position: relative;
    float: left;
    width: .3em;
    height: 1.3em;
    z-index: 3;
    font-size: 12px;
}

    .ui-group-buttons .or:before {
        position: absolute;
        top: 50%;
        left: 50%;
        content: 'or';
        background-color: #fff;
        margin-top: -.1em;
        margin-left: -.9em;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.55;
        color: #686868;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        border-radius: 500px;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ui-group-buttons .or:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: .3em;
        height: 2.84em;
        border-top: .6em solid #fff;
        border-bottom: .6em solid #fff;
    }

    .ui-group-buttons .or.or-lg {
        height: 1.3em;
        font-size: 16px;
    }

        .ui-group-buttons .or.or-lg:after {
            height: 2.85em;
        }

    .ui-group-buttons .or.or-sm {
        height: 1em;
    }

        .ui-group-buttons .or.or-sm:after {
            height: 2.5em;
        }

    .ui-group-buttons .or.or-xs {
        height: .25em;
    }

        .ui-group-buttons .or.or-xs:after {
            height: 1.84em;
            z-index: -1000;
        }

.ui-group-buttons {
    display: inline-block;
    vertical-align: middle;
}

    .ui-group-buttons:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .ui-group-buttons .btn {
        float: left;
        border-radius: 0;
    }

        .ui-group-buttons .btn:first-child {
            margin-left: 0;
            border-top-left-radius: .25em;
            border-bottom-left-radius: .25em;
            padding-right: 15px;
        }

        .ui-group-buttons .btn:last-child {
            border-top-right-radius: .25em;
            border-bottom-right-radius: .25em;
            padding-left: 15px;
        }

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px 10px;
    font-size: 18px;
    border-radius: 25px;
}

    .btn-circle.btn-xs {
        width: 30px;
        height: 30px;
        padding: 6px 0;
        font-size: 11px;
        border-radius: 15px;
    }

    .btn-circle.btn-sm {
        width: 40px;
        height: 40px;
        padding: 8px 10px;
        font-size: 16px;
        border-radius: 20px;
    }

    .btn-circle.btn-lg {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 34px;
        border-radius: 35px;
    }

.btn-line {
    background-color: #fff;
    color: inherit;
}

    .btn-line.btn-primary {
        color: #5686c8;
    }

        .btn-line.btn-primary:hover, .btn-line.btn-primary:active, .btn-line.btn-primary:focus {
            color: #fff;
        }

    .btn-line.btn-success {
        color: #72af46;
    }

        .btn-line.btn-success:hover, .btn-line.btn-success:active, .btn-line.btn-success:focus, .btn-line.btn-success.disabled {
            color: #fff;
        }

    .btn-line.btn-info {
        color: #466baf;
    }

        .btn-line.btn-info:hover, .btn-line.btn-info:active, .btn-line.btn-info:focus, .btn-line.btn-info.disabled {
            color: #fff;
        }

    .btn-line.btn-warning {
        color: #feb902;
    }

        .btn-line.btn-warning:hover, .btn-line.btn-warning:active, .btn-line.btn-warning:focus, .btn-line.btn-warning.disabled {
            color: #fff;
        }

    .btn-line.btn-danger {
        color: #bd362f;
    }

        .btn-line.btn-danger:hover, .btn-line.btn-danger:active, .btn-line.btn-danger:focus, .btn-line.btn-danger.disabled {
            color: #fff;
        }

    .btn-line.btn-white {
        color: #5686c8;
    }

        .btn-line.btn-white:hover, .btn-line.btn-white:active, .btn-line.btn-white:focus, .btn-line.btn-white.disabled {
            color: #555;
        }

    .btn-line.btn-gray, .btn-line.btn-dark, .btn-line.btn-gray, .btn-line.btn-inverse {
        color: #555;
    }

        .btn-line.btn-gray:hover, .btn-line.btn-dark:hover, .btn-line.btn-gray:hover, .btn-line.btn-inverse:hover, .btn-line.btn-gray:active, .btn-line.btn-dark:active, .btn-line.btn-gray:active, .btn-line.btn-inverse:active, .btn-line.btn-gray:focus, .btn-line.btn-dark:focus, .btn-line.btn-gray:focus, .btn-line.btn-inverse:focus, .btn-line.btn-gray.disabled, .btn-line.btn-dark.disabled, .btn-line.btn-gray.disabled, .btn-line.btn-inverse.disabled {
            color: #fff;
        }

    .btn-line:hover, .btn-line:focus {
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0 5px;
}

.btn-group-xs .btn, .btn-group-sm .btn, btn-group-lg .btn {
    border-radius: 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;
        filter: alpha(opacity=0);
        outline: 0;
        cursor: inherit;
        display: block;
    }

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    vertical-align: middle;
    border-radius: 0;
}

.portlet {
    background: #ffffff none repeat scroll 0 0;
    /*border: 1px solid #5686c8;*/
    border: 1px solid #cfcfcf;
    margin-bottom: 2px;
}

    /*.portlet .portlet-heading {
	padding: 0 15px;
	border-bottom: 1px solid #cfcfcf;
	background: #fff;
	line-height: 38px;
	min-height: 39px;
}*/

    /*.portlet .portlet-heading {
  background: #5686c8 none repeat scroll 0 0;
  color: #ffffff;
  max-height: 25px;
  min-height: 25px;
}*/
    /*    .portlet .portlet-heading {
        background: #f5f5f5 none repeat scroll 0 0;
        border-bottom: 1px solid #cfcfcf;
        color: #666666;
        max-height: 25px;
        min-height: 25px;
    }*/

    .portlet .portlet-heading {
        background: #5686c8 none repeat scroll 0 0;
        /*border-bottom: 1px solid #cfcfcf;*/
        color: #ffffff;
        max-height: 25px;
        min-height: 25px;
    }

/*.parent-acc {
  background: #1e6c7d none repeat scroll 0 0 !important;
}*/

.parent-acc {
    /*background: inactivecaption none repeat scroll 0 0 !important;*/
    background: #f1f2f6 !important;
    border-left: 2px solid #5686c8;
    border-bottom: 0 !important;
    color: #333 !important;
}

    .parent-acc .portlet-widgets a {
        color: #000000;
    }

.portlet .portlet-heading .fa, .portlet .portlet-heading .glyphicon {
    opacity: .55;
    filter: alpha(opacity=55.00000000000001);
}

.portlet .portlet-heading.dark a, .portlet .portlet-heading.bg-info a, .portlet .portlet-heading.bg-success a, .portlet .portlet-heading.bg-primary a, .portlet .portlet-heading.bg-danger a, .portlet .portlet-heading.bg-warning a, .portlet .portlet-heading.inverse a {
    color: #fff;
}

.portlet .portlet-heading.dark small, .portlet .portlet-heading.bg-info small, .portlet .portlet-heading.bg-success small, .portlet .portlet-heading.bg-primary small, .portlet .portlet-heading.bg-danger small, .portlet .portlet-heading.bg-warning small, .portlet .portlet-heading.inverse small {
    color: #999;
}

.portlet .portlet-heading.dark .nav li.active > a, .portlet .portlet-heading.bg-info .nav li.active > a, .portlet .portlet-heading.bg-success .nav li.active > a, .portlet .portlet-heading.bg-primary .nav li.active > a, .portlet .portlet-heading.bg-danger .nav li.active > a, .portlet .portlet-heading.bg-warning .nav li.active > a, .portlet .portlet-heading.inverse .nav li.active > a {
    color: #686868;
}

.portlet .portlet-heading .nav li {
    margin-bottom: auto;
}

    .portlet .portlet-heading .nav li > a {
        padding: 7.5px 15px;
        font-size: 13px;
    }

    .portlet .portlet-heading .nav li:not(.active) > a {
        border-color: transparent;
        background-color: transparent;
    }

    .portlet .portlet-heading .nav li.active > a {
        background-color: #fff;
        border-bottom-color: transparent;
        box-shadow: none;
        color: #686868;
    }

.portlet .portlet-heading .nav.nav-tabs {
    float: right;
    border-bottom: 0;
    margin-bottom: 0;
    position: relative;
    bottom: -5px;
}

.portlet .portlet-heading .portlet-title {
    float: left;
}

.portlet .portlet-heading a {
    color: #333;
}

    .portlet .portlet-heading a:hover, .portlet .portlet-heading a:focus, .portlet .portlet-heading a:active {
        outline: 0;
    }

/*.portlet .portlet-heading h4 {
	font-size: 14px;
	margin: 0;
	line-height: 37px;
}*/

.portlet .portlet-heading h4 {
    /*font-size: 12px;*/
    font-weight: bold;
    margin: 0;
    padding: 4px 15px;
}

.portlet .portlet-heading .portlet-widgets {
    position: relative;
    text-align: right;
    float: left;
    /*padding-left: 15px;*/
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
}

    .portlet .portlet-heading .portlet-widgets:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 3px;
        bottom: 3px;
        /*left: -1px;*/
        right: -1px;
        border: 1px solid rgba(0,0,0,.1);
        border-width: 0 1px 0 0;
    }

    .portlet .portlet-heading .portlet-widgets .divider {
        margin: 0 3px;
    }

    .portlet .portlet-heading .portlet-widgets .fa:hover {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }

    .portlet .portlet-heading .portlet-widgets .dropdown-menu a {
        color: #555;
    }

    .portlet .portlet-heading .portlet-widgets ul.dropdown-menu {
        min-width: 0;
    }

.portlet .portlet-heading.no-left-border .portlet-widgets:before {
    border: 0 none;
}

.portlet form .form-actions {
    padding: 15px 10px 0;
}

.portlet.no-border {
    border: 0;
}

.portlet .portlet-body {
    background: #fff;
    /*padding: 15px;*/
    /*padding: 2px 2px 2px 30px;*/
    /*padding: 2px;*/
    /* padding: 2px 2px 2px 13px;*/
    padding: 2px 2px 2px 5px;
    overflow: hidden;
}

    .portlet .portlet-body .table {
        margin-bottom: 0;
    }

        .portlet .portlet-body .table > thead > tr > th, .portlet .portlet-body .table > thead > tr > td {
            border-bottom: 3px double #cfcfcf;
        }

    .portlet .portlet-body .datepicker.datepicker-inline {
        margin: 0;
    }

    .portlet .portlet-body.no-padding .table.table-bordered {
        border-width: 1px 0 0;
    }

        .portlet .portlet-body.no-padding .table.table-bordered th:first-child, .portlet .portlet-body.no-padding .table.table-bordered td:first-child {
            border-left: 0 none;
        }

        .portlet .portlet-body.no-padding .table.table-bordered th:last-child, .portlet .portlet-body.no-padding .table.table-bordered td:last-child {
            border-right: 0 none;
        }

        .portlet .portlet-body.no-padding .table.table-bordered tr:last-child td {
            border-bottom: 0 none;
        }

.portlet .portlet-footer {
    padding: 10px 15px;
    background: #f2f2f2;
    border-top: 1px solid #cfcfcf;
}

    .portlet .portlet-footer ul {
        margin: 0;
    }

.portlet.hidden-widgets .portlet-widgets {
    display: none;
}

.portlet.hidden-widgets:hover .portlet-widgets {
    display: block;
}

.portlet.portlet-primary .portlet-heading, .portlet.portlet-success .portlet-heading, .portlet.portlet-warning .portlet-heading, .portlet.portlet-info .portlet-heading, .portlet.portlet-danger .portlet-heading, .portlet.portlet-dark .portlet-heading, .portlet.portlet-gray .portlet-heading, .portlet.portlet-inverse .portlet-heading {
    color: #fff;
}

    .portlet.portlet-primary .portlet-heading a, .portlet.portlet-success .portlet-heading a, .portlet.portlet-warning .portlet-heading a, .portlet.portlet-info .portlet-heading a, .portlet.portlet-danger .portlet-heading a, .portlet.portlet-dark .portlet-heading a, .portlet.portlet-gray .portlet-heading a, .portlet.portlet-inverse .portlet-heading a {
        color: #fff;
    }

.portlet.portlet-basic .portlet-heading {
    background: #f2f2f2;
}

    .portlet.portlet-basic .portlet-heading a {
        color: #999;
    }

.portlet-gray > .portlet-heading {
    background-color: #555;
}

.portlet-dark > .portlet-heading, .portlet-inverse > .portlet-heading {
    background-color: #414141;
}

.portlet-success > .portlet-heading {
    background-color: #72af46;
}

.portlet-danger > .portlet-heading {
    background-color: #bd362f;
}

.portlet-info > .portlet-heading {
    background-color: #466baf;
}

.portlet-warning > .portlet-heading {
    background-color: #feb902;
}

.portlet-primary > .portlet-heading {
    background-color: #5686c8;
}

.portlet-primary, .portlet-primary > .portlet-heading {
    border-color: #5686c8;
}

.portlet-danger, .portlet-danger > .portlet-heading {
    border-color: #bd362f;
}

.portlet-success, .portlet-success > .portlet-heading {
    border-color: #72af46;
}

.portlet-warning, .portlet-warning > .portlet-heading {
    border-color: #feb902;
}

.portlet-info, .portlet-info > .portlet-heading {
    border-color: #466baf;
}

.portlet-gray, .portlet-gray > .portlet-heading {
    border-color: #555;
}

.portlet-dark, .portlet-dark > .portlet-heading, .portlet-inverse, .portlet-inverse > .portlet-heading {
    border-color: #414141;
}


.btn.tile-button {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    border-right: 7.5px solid #cfcfcf;
}

    .btn.tile-button .tile-content-wrapper {
        overflow: hidden;
        padding: 10px 15px;
        position: relative;
    }

        .btn.tile-button .tile-content-wrapper .fa, .btn.tile-button .tile-content-wrapper .glyphicon {
            position: absolute;
            font-size: 57px;
            top: 50%;
            margin-top: -25px;
            left: 15px;
            -webkit-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            -moz-transform: rotate(-20deg);
            -webkit-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
        }

        .btn.tile-button .tile-content-wrapper .tile-content {
            font-size: 35px;
            text-align: right;
            font-weight: 500;
        }

            .btn.tile-button .tile-content-wrapper .tile-content span {
                font-size: 25px;
            }

        .btn.tile-button .tile-content-wrapper small {
            text-align: right;
            font-size: 16px;
            display: block;
        }

    .btn.tile-button:hover {
        background-color: #fff;
    }

        .btn.tile-button:hover .tile-content-wrapper .fa, .btn.tile-button:hover .tile-content-wrapper .glyphicon {
            left: -20px;
            margin-top: -45px;
            font-size: 110px !important;
            -moz-transform: rotate(20deg);
            -webkit-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
            opacity: .2;
            filter: alpha(opacity=20);
        }

        .btn.tile-button:hover .tile-content-wrapper .tile-content, .btn.tile-button:hover .tile-content-wrapper small {
            opacity: .5;
            filter: alpha(opacity=50);
        }

    .btn.tile-button.btn-default {
        border-color: #c93535;
    }

        .btn.tile-button.btn-default:hover {
            color: #5686c8;
        }

    .btn.tile-button.btn-dark, .btn.tile-button.btn-inverse {
        border-color: #444;
    }

        .btn.tile-button.btn-dark:hover, .btn.tile-button.btn-inverse:hover {
            color: #555;
        }

    .btn.tile-button.btn-white {
        border-color: #cfcfcf;
    }

        .btn.tile-button.btn-white:hover {
            color: #999;
        }

    .btn.tile-button.btn-danger {
        border-color: #a02e28;
    }

        .btn.tile-button.btn-danger:hover {
            color: #bd362f;
        }

    .btn.tile-button.btn-warning {
        border-color: #926840;
    }

        .btn.tile-button.btn-warning:hover {
            color: #feb902;
        }

    .btn.tile-button.btn-primary {
        border-color: #c93535;
    }

        .btn.tile-button.btn-primary:hover {
            color: #5686c8;
        }

    .btn.tile-button.btn-info {
        border-color: #3c5b96;
    }

        .btn.tile-button.btn-info:hover {
            color: #466baf;
        }

    .btn.tile-button.btn-success {
        border-color: #61963c;
    }

        .btn.tile-button.btn-success:hover {
            color: #72af46;
        }

    .btn.tile-button.btn-line {
        background: #fff;
        border-width: 1px 7.5px 1px 1px;
    }

        .btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon {
            margin-top: -45px;
            font-size: 110px;
            -moz-transform: rotate(20deg);
            -webkit-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
            left: -20px;
        }

        .btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line .tile-content-wrapper .tile-content, .btn.tile-button.btn-line .tile-content-wrapper small {
            opacity: .7;
            filter: alpha(opacity=70);
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .tile-content {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon {
            margin-top: -25px;
            font-size: 57px !important;
            -moz-transform: rotate(-20deg);
            -webkit-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
            left: 15px;
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line:hover .tile-content-wrapper small {
            opacity: .55;
            filter: alpha(opacity=55.00000000000001);
        }

        .btn.tile-button.btn-line.btn-default:active, .btn.tile-button.btn-line.btn-default:focus {
            color: #5686c8;
        }

        .btn.tile-button.btn-line.btn-primary:active, .btn.tile-button.btn-line.btn-primary:focus {
            color: #5686c8;
        }

        .btn.tile-button.btn-line.btn-success:active, .btn.tile-button.btn-line.btn-success:focus {
            color: #72af46;
        }

        .btn.tile-button.btn-line.btn-danger:active, .btn.tile-button.btn-line.btn-danger:focus {
            color: #bd362f;
        }

        .btn.tile-button.btn-line.btn-info:active, .btn.tile-button.btn-line.btn-info:focus {
            color: #466baf;
        }

        .btn.tile-button.btn-line.btn-warning:active, .btn.tile-button.btn-line.btn-warning:focus {
            color: #feb902;
        }

        .btn.tile-button.btn-line.btn-dark:active, .btn.tile-button.btn-line.btn-gray:active, .btn.tile-button.btn-line.btn-inverse:active, .btn.tile-button.btn-line.btn-dark:focus, .btn.tile-button.btn-line.btn-gray:focus, .btn.tile-button.btn-line.btn-inverse:focus {
            color: #414141;
        }

input[type=checkbox].tc, input[type=radio].tc {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 17px !important;
    height: 17px;
    cursor: pointer;
}

    input[type=checkbox].tc:checked, input[type=radio].tc:checked, input[type=checkbox].tc:focus, input[type=radio].tc:focus {
        outline: 0 !important;
    }

    input[type=checkbox].tc + .labels, input[type=checkbox].tc + input[type=hidden] + .labels, input[type=radio].tc + .labels {
        position: relative;
        z-index: 11;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: 400;
        font-size: 13px;
    }

        input[type=checkbox].tc + .labels::before, input[type=checkbox].tc + input[type=hidden] + .labels::before, input[type=radio].tc + .labels::before {
            font-family: fontAwesome;
            font-weight: 400;
            font-size: 12px;
            color: #fff;
            content: "\a0";
            background-color: #FAFAFA;
            border: 1px solid #4ba93e;
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
            border-radius: 0;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            height: 16px;
            line-height: 14px;
            min-width: 16px;
            margin-right: 1px;
        }

    input[type=checkbox].tc:checked + .labels::before, input[type=checkbox].tc:checked + input[type=hidden] + .labels::before, input[type=radio].tc:checked + .labels::before {
        display: inline-block;
        content: '\f00c';
        background-color: #4ba93e;
        border-color: #4ba93e;
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    }

    input[type=checkbox].tc:hover + .labels::before, input[type=checkbox].tc:checked + input[type=hidden] + .labels::before, input[type=radio].tc:hover + .labels::before, input[type=checkbox].tc + .labels:hover::before, input[type=radio].tc + .labels:hover::before {
        border-color: #4ba93e;
    }

    input[type=checkbox].tc:active + .labels::before, input[type=checkbox].tc:checked + input[type=hidden] + .labels::before, input[type=radio].tc:active + .labels::before, input[type=checkbox].tc:checked:active + .labels::before, input[type=radio].tc:checked:active + .labels::before {
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
    }

    input[type=checkbox].tc.tc-gray + .labels::before, input[type=radio].tc.tc-gray + .labels::before {
        box-shadow: none;
        border-color: #555;
    }

    input[type=checkbox].tc.tc-gary:checked + .labels::before, input[type=radio].tc.tc-gary:checked + .labels::before {
        background-color: #555;
        border-color: #555;
        color: #fff;
    }

    input[type=checkbox].tc.tc-danger + .labels::before, input[type=radio].tc.tc-danger + .labels::before {
        box-shadow: none;
        border-color: #bd362f;
    }

    input[type=checkbox].tc.tc-danger:checked + .labels::before, input[type=radio].tc.tc-danger:checked + .labels::before {
        background-color: #bd362f;
        border-color: #bd362f;
        color: #fff;
    }

    input[type=checkbox].tc.tc-success + .labels::before, input[type=radio].tc.tc-success + .labels::before {
        box-shadow: none;
        border-color: #72af46;
    }

    input[type=checkbox].tc.tc-success:checked + .labels::before, input[type=radio].tc.tc-success:checked + .labels::before {
        background-color: #72af46;
        border-color: #72af46;
        color: #fff;
    }

    input[type=checkbox].tc.tc-info + .labels::before, input[type=radio].tc.tc-info + .labels::before {
        box-shadow: none;
        border-color: #466baf;
    }

    input[type=checkbox].tc.tc-info:checked + .labels::before, input[type=radio].tc.tc-info:checked + .labels::before {
        background-color: #466baf;
        border-color: #466baf;
        color: #fff;
    }

    input[type=checkbox].tc.tc-primary + .labels::before, input[type=radio].tc.tc-primary + .labels::before {
        box-shadow: none;
        border-color: #5686c8;
    }

    input[type=checkbox].tc.tc-primary:checked + .labels::before, input[type=radio].tc.tc-primary:checked + .labels::before {
        background-color: #5686c8;
        border-color: #5686c8;
        color: #fff;
    }

    input[type=checkbox].tc.tc-warning + .labels::before, input[type=radio].tc.tc-warning + .labels::before {
        box-shadow: none;
        border-color: #feb902;
    }

    input[type=checkbox].tc.tc-warning:checked + .labels::before, input[type=radio].tc.tc-warning:checked + .labels::before {
        background-color: #feb902;
        border-color: #feb902;
        color: #fff;
    }

    input[type=checkbox].tc:disabled + .labels::before, input[type=radio].tc:disabled + .labels::before, input[type=checkbox].tc[disabled] + .labels::before, input[type=radio].tc[disabled] + .labels::before, input[type=checkbox].tc.disabled + .labels::before, input[type=radio].tc.disabled + .labels::before {
        background-color: #f2f2f2 !important;
        border-color: #cfcfcf !important;
        box-shadow: none !important;
        color: #BBB;
    }

    input[type=radio].tc + .labels::before {
        border-radius: 100%;
        font-size: 11px;
        font-family: FontAwesome;
        text-shadow: 0 0 1px #fff;
        line-height: 15px;
        height: 17px;
        min-width: 17px;
    }

    input[type=radio].tc:checked + .labels::before {
        content: "\f111";
        font-size: 13px;
    }

    input[type=checkbox].tc.tc-switch {
        width: 55px;
        height: 25px;
    }

        input[type=checkbox].tc.tc-switch + .labels {
            margin: 0 4px;
            min-height: 24px;
        }

            input[type=checkbox].tc.tc-switch + .labels::before {
                /*font-family: 'Calibri';*/
                content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
                color: #555;
                font-weight: 600;
                font-size: 11px;
                line-height: 18px;
                line-height: 21px\9;
                height: 20px;
                overflow: hidden;
                border-radius: 12px;
                background-color: #f2f2f2;
                -webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
                box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
                border: 1px solid #CCC;
                text-align: left;
                float: left;
                padding: 0;
                width: 52px;
                text-indent: -19px;
                text-indent: -21px\9;
                margin-right: 0;
                -webkit-transition: text-indent .4s ease;
                -o-transition: text-indent .4s ease;
                transition: text-indent .4s ease;
            }

            input[type=checkbox].tc.tc-switch + .labels::after {
                /*font-family: 'Calibri';*/
                content: '|||';
                font-size: 10px;
                font-weight: lighter;
                color: #555;
                background-color: #fff;
                text-shadow: -1px 0 0 rgba(0,0,0,.15);
                text-align: center;
                border-radius: 100%;
                width: 22px;
                height: 22px;
                line-height: 20px;
                position: absolute;
                top: -2px;
                left: -3px;
                padding: 0;
                -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
                box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
                text-shadow: 0 1px 1px rgba(0,0,0,.3) inset;
                -webkit-transition: left .4s ease;
                -o-transition: left .4s ease;
                transition: left .4s ease;
            }

        input[type=checkbox].tc.tc-switch:checked + .labels::before {
            text-indent: 9px;
            color: #fff;
            background-color: #f1c9c9;
            border-color: #5686c8;
        }

        input[type=checkbox].tc.tc-switch:checked + .labels::after {
            left: 34px;
            background-color: #fff;
            color: #f1c9c9;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-2 + .labels::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-3 + .labels::after {
            font-family: FontAwesome;
            font-size: 13px;
            line-height: 23px;
            content: "\f00d";
            top: -1px;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-3:checked + .labels::after {
            content: "\f00c";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
            content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
            /*font-family: 'Calibri';*/
            font-weight: bolder;
            font-size: 12px;
            line-height: 23px;
            height: 24px;
            overflow: hidden;
            line-height: 25px\9;
            border-radius: 12px;
            background-color: #5686c8;
            border: 1px solid #5686c8;
            color: #fff;
            width: 56px;
            text-indent: -25px;
            text-indent: -28px\9;
            display: inline-block;
            position: relative;
            box-shadow: none;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::after {
            /*font-family: 'Calibri';*/
            content: '|||';
            text-shadow: -1px 0 0 rgba(0,0,0,.2);
            font-size: 8px;
            font-weight: lighter;
            color: #5686c8;
            text-align: center;
            position: absolute;
            border-radius: 12px;
            color: #555;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            line-height: 18px;
            background-color: #fff;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
            text-indent: 9px;
            background-color: #999;
            border-color: #5686c8;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::after {
            left: 34px;
            background-color: #fff;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
            text-indent: 8px;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels {
            position: relative;
        }

            input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::before {
                font-family: FontAwesome;
                content: "\f00d";
                text-shadow: 0 -1px 0 rgba(0,0,0,.25);
                box-shadow: none;
                border: 0;
                font-weight: lighter;
                font-size: 16px;
                border-radius: 12px;
                display: inline-block;
                background-color: #555;
                color: #fff;
                width: 52px;
                height: 22px;
                line-height: 20px;
                text-indent: 32px;
                -webkit-transition: background .1s ease;
                -o-transition: background .1s ease;
                transition: background .1s ease;
            }

            input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::after {
                content: '';
                text-shadow: 0 -1px 0 rgba(0,0,0,.25);
                position: absolute;
                top: 2px;
                left: 3px;
                border-radius: 12px;
                box-shadow: 0 -1px 0 rgba(0,0,0,.25);
                width: 18px;
                height: 18px;
                text-align: center;
                background-color: #F2F2F2;
                border: 4px solid #F2F2F2;
                -webkit-transition: left .2s ease;
                -o-transition: left .2s ease;
                transition: left .2s ease;
            }

        input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::before {
            content: "\f00c";
            text-indent: 6px;
            color: #fff;
            border-color: #6c1c1c;
            background-color: #5686c8;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::after {
            left: 32px;
            background-color: #fff;
            border: 4px solid #fff;
            text-shadow: 0 -1px 0 rgba(0,200,0,.25);
        }

        input[type=checkbox].tc.tc-switch.tc-switch-7 {
            width: 75px;
        }

            input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels {
                position: relative;
            }

                input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::before {
                    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
                    font-weight: bolder;
                    font-size: 14px;
                    line-height: 20px;
                    background-color: #fff;
                    border: 1px solid #999;
                    border-radius: 0;
                    box-shadow: none;
                    color: #999;
                    width: 74px;
                    height: 26px;
                    line-height: 22px;
                    overflow: hidden;
                    text-indent: 4px;
                    display: inline-block;
                    position: relative;
                    -webkit-transition: all .2s ease;
                    -o-transition: all .2s ease;
                    transition: all .2s ease;
                }

                input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::after {
                    content: '\f00d';
                    font-family: FontAwesome;
                    font-size: 16px;
                    position: absolute;
                    top: 3px;
                    left: 39px;
                    width: 32px;
                    height: 20px;
                    line-height: 18px;
                    text-align: center;
                    background-color: #999;
                    color: #fff;
                    border-radius: 0;
                    box-shadow: none;
                    -webkit-transition: all .2s ease-in-out;
                    -o-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                }

            input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::before {
                color: #5686c8;
                background-color: #fff;
                text-indent: -33px;
                border-color: #5686c8;
            }

            input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::after {
                left: 3px;
                content: '\f00c';
                background-color: #5686c8;
                color: #fff;
            }

.well {
    /*border: 1px solid #cfcfcf;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;*/
    margin-bottom: /*20px;*/ 16px;
    /*padding: 15px;*/
    /*padding:0 15px 15px;*/
    padding: 0px;
    background: #f2f2f2;
}

    .well.well-sm {
        padding: 10px;
    }

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

    .well h1, .well h2, .well h3 {
        line-height: 36px;
    }

.jumbotron {
    font-size: 18px;
    margin-bottom: 15px;
    background: #f2f2f2;
    border-radius: 0 !important;
}

    .jumbotron.bordered {
        border: 1px solid #cfcfcf;
    }

@media (max-width:640px) {
    .jumbotron {
        font-size: 13px;
    }
}

@media (max-width:320px) {
    .breadcrumbs > .b-right ul li a {
        padding: 5px 7px;
    }

    .breadcrumbs > .b-right ul li a {
        font-size: 14px;
    }

    .jumbotron h1 {
        font-size: 26px;
    }
}

.note {
    border-left: 5px solid #999;
    background-color: #f2f2f2;
}

    .note h1, .note h2, .note h3, .note h4 {
        margin-top: 0;
    }

    .note p:last-child {
        margin-bottom: 0;
    }

    .note code, .note .highlight {
        background-color: #f2f2f2;
    }

.note-danger {
    background-color: #f2dede;
    border-color: #ce838f;
    color: #a94442;
}

.note-warning {
    background-color: #fcf8e3;
    border-color: #f0c670;
    color: #8a6d3b;
}

.note-info {
    background-color: #d9edf7;
    border-color: #70cee1;
    color: #31708f;
}

.note-success {
    background-color: #dff0d8;
    border-color: #a1cd7c;
    color: #3c763d;
}

.alert, .note {
    padding: 15px;
    margin: 0 0 15px;
}

    .alert .close, .note .close {
        font-size: 16px;
        outline: 0 !important;
    }

    .alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a, .alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a, .alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a, .alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a, .alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a, .alert.gray a, .note.gray a {
        text-decoration: underline;
    }

    .alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a {
        color: #31708f;
    }

    .alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a {
        color: #a94442;
    }

    .alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a {
        color: #31708f;
    }

    .alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a {
        color: #8a6d3b;
    }

    .alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a {
        color: #fff;
    }

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    background-color: #222;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-shadow: 1px 1px 0 rgba(42,45,50,.5);
    border-radius: 0;
    padding: 5px 9px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #222;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #222;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #222;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #222;
}

.tooltip-danger + .tooltip > .tooltip-inner {
    background-color: #bd362f;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(100,60,20,.3);
    border-radius: 0;
}

.tooltip-danger + .tooltip.top .tooltip-arrow {
    border-top-color: #bd362f;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #bd362f;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #bd362f;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #bd362f;
}

.tooltip-success + .tooltip > .tooltip-inner {
    background-color: #72af46;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(60,100,20,.3);
    border-radius: 0;
}

.tooltip-success + .tooltip.top .tooltip-arrow {
    border-top-color: #72af46;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #72af46;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #72af46;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #72af46;
}

.tooltip-warning + .tooltip > .tooltip-inner {
    background-color: #feb902;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(100,90,10,.3);
    border-radius: 0;
}

.tooltip-warning + .tooltip.top .tooltip-arrow {
    border-top-color: #feb902;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #feb902;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #feb902;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #feb902;
}

.tooltip-info + .tooltip > .tooltip-inner {
    background-color: #466baf;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(40,50,100,.3);
    border-radius: 0;
}

.tooltip-info + .tooltip.top .tooltip-arrow {
    border-top-color: #466baf;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #466baf;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #466baf;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #466baf;
}

.tooltip-primary + .tooltip > .tooltip-inner {
    background-color: #5686c8;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(40,50,100,.3);
    border-radius: 0;
}

.tooltip-primary + .tooltip.top .tooltip-arrow {
    border-top-color: #5686c8;
}

.tooltip-primary + .tooltip.right .tooltip-arrow {
    border-right-color: #5686c8;
}

.tooltip-primary + .tooltip.left .tooltip-arrow {
    border-left-color: #5686c8;
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #5686c8;
}

.lists {
    padding-left: 0;
}

    .lists a.list-group-item {
        color: #414141;
    }

    .lists li {
        border: 1px solid #cfcfcf;
        border-width: 0 0 1px;
        margin-bottom: 0;
        padding: 0 15px;
        background-color: #fff;
        list-style: none;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 39px;
        line-height: 39px;
    }

        .lists li:hover {
            background: #f2f2f2;
            cursor: pointer;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

            /*.lists li:hover:after {
                content: "\e092";
                font-family: 'Glyphicons Halflings';
                display: block;
                position: absolute;
                right: 15px;
                top: 0;
                color: #999;
                height: 39px;
                line-height: 39px;
                font-size: 24px;
            }*/

            .lists li:hover .icons {
                opacity: .7;
                filter: alpha(opacity=70);
            }

        .lists li span, .lists li div {
            display: block;
            height: 39px;
            line-height: 39px;
            float: left;
            position: relative;
            overflow: hidden;
        }

            .lists li span.feed, .lists li div.feed {
                line-height: 15px !important;
                padding: 12px 0 0;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 75%;
                position: relative;
            }

                .lists li span.feed p, .lists li div.feed p {
                    margin: 0;
                    padding: 0;
                    font-weight: 600;
                    max-width: 45%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .lists li span.feed p, .lists li div.feed p {
                    margin: 0;
                    padding: 0;
                    font-weight: 600;
                    max-width: 45%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .lists li span.feed small, .lists li div.feed small {
                    display: block;
                    font-style: italic;
                    color: #999;
                    font-size: 100%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .lists li span.feed a, .lists li div.feed a, .lists li span.feed a:hover, .lists li div.feed a:hover, .lists li span.feed a:focus, .lists li div.feed a:focus {
                    text-decoration: none;
                }

            .lists li span.date, .lists li div.date, .lists li span.icons, .lists li div.icons, .lists li span.users, .lists li div.users {
                padding-right: 10px;
                color: #686868;
            }

            .lists li span.icons, .lists li div.icons {
                font-size: 16px;
            }

            .lists li span.date-time, .lists li div.date-time {
                float: right;
                position: absolute;
                top: -10px;
                right: 15px;
                font-size: 11px;
                color: #686868;
            }

            .lists li span img, .lists li div img {
                border: 2px solid #5686c8;
                width: 37px;
                height: 37px;
                max-width: 37px;
                max-height: 37px;
            }

        .lists li label {
            display: none;
            float: left;
            height: 39px;
            line-height: 39px;
            padding-right: 10px;
        }

            .lists li label .labels {
                float: none;
            }

        .lists li.lg {
            height: 55px;
            line-height: 55px;
        }

            .lists li.lg:hover:after {
                height: 55px;
                line-height: 55px;
            }

            .lists li.lg span, .lists li.lg label, .lists li.lg div {
                height: 55px;
                line-height: 55px;
            }

                .lists li.lg span .labels, .lists li.lg label .labels, .lists li.lg div .labels, .lists li.lg span input[type=checkbox], .lists li.lg label input[type=checkbox], .lists li.lg div input[type=checkbox] {
                    margin-top: 15px;
                }

@media (min-width:767px) {
    .lists li label {
        display: block;
    }
}

.task-lists a.list-group-item {
    color: #414141;
}

.task-lists li {
    border: 0 none;
    padding: 5px 0;
}

.task-lists.ui-sortable .list-group-item:, .task-lists.ui-sortable a.list-group-item:focus {
    text-decoration: none;
}

.task-widget ul.task-lists {
    list-style: none;
}

.task-widget .list-group {
    margin-bottom: 0;
}

.task-widget .tcb {
    display: inline-block;
    margin-bottom: -5px;
}

    .task-widget .tcb .labels {
        cursor: pointer;
    }

.task-widget.task-lists label.todo-done span {
    text-decoration: line-through;
}

.lists-2 {
    margin-bottom: 0;
}

    .lists-2 > li {
        padding: 0;
    }

        .lists-2 > li a {
            display: block;
            padding: 10px 15px;
            color: #686868;
            text-decoration: none;
            font-weight: 500;
        }

            .lists-2 > li a [class*=fa-] {
                color: #999;
                font-size: 18px;
                width: 25px;
            }

            .lists-2 > li a [class*=glyphicon-] {
                width: 25px;
                font-size: 16px;
                color: #999;
                display: inline-block;
            }

        .lists-2 > li.active, .lists-2 > li.active:hover {
            background: #5686c8;
            border: 0;
        }

            .lists-2 > li.active, .lists-2 > li.active:hover, .lists-2 > li.active > *, .lists-2 > li.active:hover > *, .lists-2 > li.active [class*=fa-], .lists-2 > li.active:hover [class*=fa-], .lists-2 > li.active [class*=glyphglyphicon-], .lists-2 > li.active:hover [class*=glyphglyphicon-], .lists-2 > li.active p, .lists-2 > li.active:hover p, .lists-2 > li.active p *, .lists-2 > li.active:hover p *, .lists-2 > li.active .media-heading, .lists-2 > li.active:hover .media-heading {
                color: #fff !important;
            }

                .lists-2 > li.active .badge, .lists-2 > li.active:hover .badge {
                    border: 1px solid #fff;
                }

        .lists-2 > li:hover {
            background: #f2f2f2;
        }

            .lists-2 > li:hover > a > [class*=fa-], .lists-2 > li:hover > a > [class*=glyphglyphicon-] {
                color: #5686c8;
            }

.tc-tabs {
    margin-bottom: 15px;
}

    .tc-tabs .nav-tabs {
        border-color: #cfcfcf;
        margin-bottom: 0;
        margin-left: 0;
        position: relative;
        border-bottom: 0 none;
    }

        .tc-tabs .nav-tabs > li > a, .tc-tabs .nav-tabs > li > a:focus {
            border-radius: 0 !important;
            background-color: #f2f2f2;
            color: #555;
            margin-right: 1px;
            line-height: 16px;
            border-color: #cfcfcf;
            position: relative;
            z-index: 11;
        }

            .tc-tabs .nav-tabs > li > a:hover {
                background-color: #fff;
                color: #555;
                border-color: #cfcfcf;
            }

            .tc-tabs .nav-tabs > li > a:active, .tc-tabs .nav-tabs > li > a:focus {
                outline: 0 !important;
            }

        .tc-tabs .nav-tabs > li:first-child > a {
            margin-left: 0;
        }

        .tc-tabs .nav-tabs > li:last-child > a {
            margin-right: 0;
        }

        .tc-tabs .nav-tabs > li .badge {
            padding: 0 4px;
            line-height: 15px;
            margin-top: -5px;
            opacity: 1;
        }

        .tc-tabs .nav-tabs > li.active > a, .tc-tabs .nav-tabs > li.active > a:hover, .tc-tabs .nav-tabs > li.active > a:focus {
            color: #555;
            border-color: #cfcfcf;
            border-top: 1px solid #5686c8;
            border-bottom-color: transparent;
            background-color: #fff;
            z-index: 12;
            line-height: 16px;
        }

        .tc-tabs .nav-tabs.no-padding > li:first-child a {
            border-left: 0 none;
        }

        .tc-tabs .nav-tabs.no-padding > li a {
            border-top-color: transparent;
        }

        .tc-tabs .nav-tabs.no-padding > li.active > a, .tc-tabs .nav-tabs.no-padding > li.active > a:hover, .tc-tabs .nav-tabs.no-padding > li.active > a:focus {
            border-top-color: transparent;
        }


        .tc-tabs .nav-tabs.pull-right > li:first-child a {
            border-left: 1px solid #cfcfcf;
        }

        .tc-tabs .nav-tabs.pull-right > li:last-child a {
            border-right: 0 none;
        }

        .tc-tabs .nav-tabs[class*=tab-color-] > li > a, .tc-tabs .nav-tabs[class*=tab-color-] > li > a:focus, .tc-tabs .nav-tabs[class*=tab-color-] > li > a:hover {
            color: #fff;
            border-color: transparent;
            margin-right: 2px;
        }

        .tc-tabs .nav-tabs.tab-color-dark > li > a, .tc-tabs .nav-tabs.tab-color-dark > li > a:focus {
            background-color: #5686c8;
        }

        .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a, .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a:focus, .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a:hover {
            background-color: #fff;
            color: #686868;
            box-shadow: none;
        }

        .tc-tabs .nav-tabs.tab-color-dark > li.active > a, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:focus, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:hover {
            color: #686868;
            border-color: #5686c8#cfcfcf transparent;
        }

.tabs-below .tc-tabs .nav-tabs.tab-color-dark > li.active > a {
    border-color: transparent #cfcfcf #cfcfcf;
}

.tc-tabs .nav-tabs.background-dark {
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-bottom: 0 none;
    padding: 15px 15px 0;
}




.tc-tabs.tabs-bottom .nav-tabs.tab-color-dark {
    border-bottom: 1px solid #cfcfcf;
}

.tc-tabs .tab-content {
    padding: 5px;
    border: 1px solid #cfcfcf;
    position: relative;
    background: #fff;
    z-index: 11;
    overflow: hidden;
}

.tc-tabs .nav-pills .open .dropdown-toggle, .tc-tabs .nav > li.dropdown.open.active > a:hover, .tc-tabs .nav > li.dropdown.open.active > a:focus {
    background-color: #5686c8;
    border-color: #5686c8;
    color: #f2f2f2;
}

    .tc-tabs .nav-pills .open .dropdown-toggle > [class*=fa-], .tc-tabs .nav > li.dropdown.open.active > a:hover > [class*=fa-], .tc-tabs .nav > li.dropdown.open.active > a:focus > [class*=fa-], .tc-tabs .nav-pills .open .dropdown-toggle [class*=glyphicon-], .tc-tabs .nav > li.dropdown.open.active > a:hover [class*=glyphicon-], .tc-tabs .nav > li.dropdown.open.active > a:focus [class*=glyphicon-] {
        color: #f2f2f2 !important;
    }

.tc-tabs.lg .nav-tabs > li > a {
    padding: 15px;
    font-size: 14px;
}

.tabs-bottom > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-color: #cfcfcf;
    border-bottom-width: 0;
}

    .tabs-bottom > .nav-tabs > li > a, .tabs-bottom > .nav-tabs > li > a:hover, .tabs-bottom > .nav-tabs > li > a:focus {
        border-color: #cfcfcf;
    }

    .tabs-bottom > .nav-tabs > li.active > a, .tabs-bottom > .nav-tabs > li.active > a:hover, .tabs-bottom > .nav-tabs > li.active > a:focus {
        border-color: #cfcfcf;
        border-bottom: 1px solid #5686c8;
        border-top-color: transparent;
        margin-top: 0;
    }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 60px;
}

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #cfcfcf;
    float: left;
}

    .tabs-left > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            border-color: #cfcfcf;
            border-right-color: transparent;
            margin: 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
            border-color: #cfcfcf;
            border-top-width: 1px;
            border-left: 1px solid #5686c8;
            border-right-color: transparent;
            margin: 0 -1px 0 0;
            box-shadow: none;
        }

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #cfcfcf;
    float: right;
}

    .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #cfcfcf;
            border-left-color: transparent;
            margin: 0;
        }

        .tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:hover {
            border-color: #cfcfcf;
            border-top-width: 1px;
            border-right: 1px solid #5686c8;
            border-left-color: transparent;
            margin: 0 0 0 -1px;
            box-shadow: none;
        }

.nav-tabs > li > a > .badge {
    padding: 0 4px;
    line-height: 15px;
}

.nav-tabs li [class*=" fa-"], .nav-tabs li [class^=fa-], .nav-tabs li [class*=" glyphicon-"], .nav-tabs li [class^=glyphicon-] {
    width: 1em;
    display: inline-block;
}

.nav-tabs > li.open .dropdown-toggle {
    background-color: #5686c8;
    border-color: #5686c8;
    color: #fff;
}

    .nav-tabs > li.open .dropdown-toggle > [class*=fa-], .nav-tabs > li.open .dropdown-toggle [class*=glyphicon-] {
        color: #fff;
    }

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
}

@media (max-width:480px) {
    .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
        float: none !important;
        margin-bottom: -1px;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #cfcfcf;
            margin: 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover, .tabs-right > .nav-tabs > li.active > a:hover {
            border-color: #cfcfcf;
            border-top-width: 1px;
            margin: 0;
            border-right-color: #cfcfcf;
            box-shadow: none;
        }
}

.tc-tabs .tab-lg-button.nav-tabs > li > a {
    padding-left: 15px;
    padding-right: 15px;
}

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: block;
        margin-bottom: 6px;
        width: auto;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > .badge {
        position: absolute;
        line-height: 15px;
        width: 17px;
        height: 17px;
        font-size: 10px;
        padding: 1px;
        border-radius: 50%;
        top: 7px;
        right: 10px;
    }

@media (max-width:480px) {
    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark {
        padding: 0;
        border: 0 none;
        margin-bottom: -1px;
    }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:focus {
            border-bottom-color: #cfcfcf;
        }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a {
            margin-right: 0;
            margin-bottom: 2px;
        }

            .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a.active, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:focus {
                margin-right: 0;
            }

            .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a .badge {
                float: right !important;
            }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li:last-child.active > a {
            border-bottom: 0 none;
        }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: inline-block;
        margin-bottom: 0;
        width: auto;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-], .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-] {
        margin-right: 5px;
        font-size: 13px !important;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li {
        float: none;
    }

        .tc-tabs .tab-lg-button.nav-tabs > li.active > a, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:focus {
            border-bottom-color: #cfcfcf;
        }

    .tc-tabs .nav-tabs > li .badge {
        margin-top: 0;
    }
}

.tc-tabs .tab-small-button.nav-tabs > li > a {
    padding: 12px 12px 5px;
}

    .tc-tabs .tab-small-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-small-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: block;
        margin-bottom: 6px;
        width: auto;
    }

    .tc-tabs .tab-small-button.nav-tabs > li > a > .badge {
        position: absolute;
        line-height: 15px;
        width: 17px;
        height: 17px;
        font-size: 10px;
        padding: 1px;
        border-radius: 50%;
        top: 7px;
        right: 2px;
    }

.tc-tabs .nav-tabs.nav-justified {
    margin-bottom: -1px;
}

    .tc-tabs .nav-tabs.nav-justified > li > a {
        text-align: left !important;
    }

@media (max-width:767px) {
    .tc-tabs .nav-tabs.nav-justified {
        padding: 0;
        border: 0 none;
    }

        .tc-tabs .nav-tabs.nav-justified > li.active > a, .tc-tabs .nav-tabs.nav-justified > li.active > a:hover, .tc-tabs .nav-tabs.nav-justified > li.active > a:focus {
            border-bottom-color: #cfcfcf;
        }

        .tc-tabs .nav-tabs.nav-justified > li > a {
            margin-right: 0;
            margin-bottom: 0;
        }

            .tc-tabs .nav-tabs.nav-justified > li > a.active, .tc-tabs .nav-tabs.nav-justified > li > a:hover, .tc-tabs .nav-tabs.nav-justified > li > a:focus {
                margin-right: 0;
            }

            .tc-tabs .nav-tabs.nav-justified > li > a .badge {
                float: right !important;
            }

        .tc-tabs .nav-tabs.nav-justified > li:last-child.active > a {
            border-bottom: 0 none;
        }

    .tc-tabs .tab-color-dark.nav-justified > li > a {
        margin-bottom: 2px;
    }
}

.tc-tabsbar {
    margin-bottom: 15px;
}

    .tc-tabsbar .nav-tabs {
        border: 1px solid #cfcfcf;
        margin-bottom: 15px;
    }

        .tc-tabsbar .nav-tabs > li {
            height: 41px;
            padding: 1px;
            display: inline-block;
            margin-bottom: 0;
            border-right: 1px solid #cfcfcf;
        }

            .tc-tabsbar .nav-tabs > li > a {
                border: 0 none;
                height: 39px;
                line-height: 39px;
                display: block;
                padding: 0 15px;
                color: #686868;
                margin-right: 0;
            }

                .tc-tabsbar .nav-tabs > li > a .glyphicon {
                    top: 2px;
                }

                .tc-tabsbar .nav-tabs > li > a:active, .tc-tabsbar .nav-tabs > li > a:focus {
                    outline: 0 !important;
                }

                .tc-tabsbar .nav-tabs > li > a, .tc-tabsbar .nav-tabs > li > a:focus {
                    border-radius: 0 !important;
                }

                    .tc-tabsbar .nav-tabs > li > a:hover {
                        background-color: transparent;
                    }

                    .tc-tabsbar .nav-tabs > li > a .badge {
                        margin-left: 4px;
                    }

                    .tc-tabsbar .nav-tabs > li > a:first-child {
                        border-left: 0 none;
                    }

            .tc-tabsbar .nav-tabs > li.active > a {
                background: #5686c8;
                color: #fff;
                border: 0 none;
            }

                .tc-tabsbar .nav-tabs > li.active > a:hover, .tc-tabsbar .nav-tabs > li.active > a:focus {
                    border: 0 none;
                }

            .tc-tabsbar .nav-tabs > li.active .badge {
                background-color: #fff !important;
                color: #5686c8 !important;
            }

        .tc-tabsbar .nav-tabs.light {
            border-color: #cfcfcf !important;
        }

        .tc-tabsbar .nav-tabs.white {
            background-color: transparent !important;
        }

            .tc-tabsbar .nav-tabs.white > li > a {
                background: #fff;
            }

            .tc-tabsbar .nav-tabs.white > li.active > a {
                background: #5686c8 !important;
            }

@media (min-width:768px) {
    .tc-tabsbar.lg .nav-tabs > li {
        height: 60px;
        padding: 3px;
    }

        .tc-tabsbar.lg .nav-tabs > li > a {
            height: 54px;
            line-height: 54px;
            font-size: 14px;
        }

    /* .navbar-side {    margin: 30px 0 0 0 !important;}*/
}


@media (min-width:800px) {

    .navbar-side {
        margin: -1px 0 0 !important;
    }
}

.tc-tabsbar.arrow .nav-tabs > li.active:after {
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    border: 10px solid;
    border-color: #5686c8 transparent;
    margin: 0 auto -7px;
}

.tc-tabsbar.center-tabs .nav-tabs {
    text-align: center;
    margin: 0 auto 15px;
    border: 0 none;
    padding: 0;
}

    .tc-tabsbar.center-tabs .nav-tabs > li {
        display: inline-block;
        float: none;
        border: 1px solid #cfcfcf;
        padding: 0 !important;
        margin-right: -4px;
        border-right: 0 none;
    }

        .tc-tabsbar.center-tabs .nav-tabs > li.active {
            border-color: #5686c8;
        }

            .tc-tabsbar.center-tabs .nav-tabs > li.active:last-child {
                border-right: 1px solid #5686c8;
            }

        .tc-tabsbar.center-tabs .nav-tabs > li:first-child {
            margin-left: 0;
        }

        .tc-tabsbar.center-tabs .nav-tabs > li:last-child {
            margin-right: 0;
            border-right: 1px solid #cfcfcf;
        }

@media (min-width:767px) {
    .tc-tabsbar.center-tabs.lg .nav-tabs > li > a {
        height: 58px;
        line-height: 58px;
    }
}

@media (max-width:767px) {
    .tc-tabsbar .nav-tabs {
        border: 0 none !important;
    }

        .tc-tabsbar .nav-tabs > li {
            display: block !important;
            text-align: left !important;
            float: none !important;
            border: 1px solid #cfcfcf !important;
            margin-right: 0 !important;
            margin-bottom: -1px;
            padding: 0 !important;
        }

            .tc-tabsbar .nav-tabs > li.active {
                border-color: #5686c8 !important;
            }

    .tc-tabsbar.arrow .nav-tabs > li.active:after {
        display: none !important;
    }
}

.tab-content.no-padding {
    padding: 0;
}

.tab-content.no-border {
    border: 0 none;
    padding: 15px;
}

.tab-content.padding-32 {
    padding: 32px 24px;
}

.tab-content.no-border.padding-32 {
    padding: 32px;
}

.tab-content.padding-30 {
    padding: 30px 23px;
}

.tab-content.no-border.padding-30 {
    padding: 30px;
}

.tab-content.padding-28 {
    padding: 28px 21px;
}

.tab-content.no-border.padding-28 {
    padding: 28px;
}

.tab-content.padding-26 {
    padding: 26px 20px;
}

.tab-content.no-border.padding-26 {
    padding: 26px;
}

.tab-content.padding-24 {
    padding: 24px 18px;
}

.tab-content.no-border.padding-24 {
    padding: 24px;
}

.tab-content.padding-22 {
    padding: 22px 17px;
}

.tab-content.no-border.padding-22 {
    padding: 22px;
}

.tab-content.padding-20 {
    padding: 20px 15px;
}

.tab-content.no-border.padding-20 {
    padding: 20px;
}

.tab-content.padding-18 {
    padding: 18px 14px;
}

.tab-content.no-border.padding-18 {
    padding: 18px;
}

.tab-content.padding-16 {
    padding: 16px 12px;
}

.tab-content.no-border.padding-16 {
    padding: 16px;
}

.tab-content.padding-14 {
    padding: 14px 11px;
}

.tab-content.no-border.padding-14 {
    padding: 14px;
}

.tab-content.padding-12 {
    padding: 12px 9px;
}

.tab-content.no-border.padding-12 {
    padding: 12px;
}

.tab-content.padding-10 {
    padding: 10px 8px;
}

.tab-content.no-border.padding-10 {
    padding: 10px;
}

.tab-content.padding-8 {
    padding: 8px 6px;
}

.tab-content.no-border.padding-8 {
    padding: 8px;
}

.tab-content.padding-6 {
    padding: 6px 5px;
}

.tab-content.no-border.padding-6 {
    padding: 6px;
}

.tab-content.padding-4 {
    padding: 4px 3px;
}

.tab-content.no-border.padding-4 {
    padding: 4px;
}

.tab-content.padding-2 {
    padding: 2px;
}

.tab-content.no-border.padding-2 {
    padding: 2px;
}

.tab-content.padding-0 {
    padding: 0;
}

.tab-content.no-border.padding-0 {
    padding: 0;
}

.tc-accordion .panel .panel-heading {
    padding: 0;
}

    .tc-accordion .panel .panel-heading a .panel-title {
        color: #686868;
        padding: 10px;
        font-size: 14px;
    }

        .tc-accordion .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion .panel .panel-heading a .panel-title [class^=fa-], .tc-accordion .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion .panel .panel-heading a .panel-title [class^=glyphicon-] {
            width: 16px;
            min-width: 16px;
        }

    .tc-accordion .panel .panel-heading a:hover, .tc-accordion .panel .panel-heading a:focus {
        text-decoration: none;
    }

.tc-accordion .panel.panel-primary.panel, .tc-accordion .panel.panel-success.panel, .tc-accordion .panel.panel-info.panel, .tc-accordion .panel.panel-warning.panel, .tc-accordion .panel.panel-danger.panel {
    border-color: #cfcfcf;
}

    .tc-accordion .panel.panel-primary.panel .panel-heading, .tc-accordion .panel.panel-success.panel .panel-heading, .tc-accordion .panel.panel-info.panel .panel-heading, .tc-accordion .panel.panel-warning.panel .panel-heading, .tc-accordion .panel.panel-danger.panel .panel-heading {
        border-color: #cfcfcf;
    }

        .tc-accordion .panel.panel-primary.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-success.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-info.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-warning.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-danger.panel .panel-heading a .panel-title {
            color: #fff;
        }

.tc-accordion .panel.panel-default .panel-heading {
    background-color: #f2f2f2;
}

.tc-accordion .panel.panel-primary .panel-heading {
    background-color: #5686c8;
}

.tc-accordion .panel.panel-success .panel-heading {
    background-color: #72af46;
}

.tc-accordion .panel.panel-info .panel-heading {
    background-color: #466baf;
}

.tc-accordion .panel.panel-warning .panel-heading {
    background-color: #feb902;
}

.tc-accordion .panel.panel-danger .panel-heading {
    background-color: #bd362f;
}

.tc-accordion.no-border .panel.panel-default {
    border: 0;
}

    .tc-accordion.no-border .panel.panel-default .panel-heading {
        border: 1px solid #5686c8;
        border-width: 0 0 0 1px;
    }

        .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active {
            background: #5686c8;
        }

            .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title {
                color: #fff;
            }

                .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" fa-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^=fa-], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" glyphicon-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^=glyphicon-] {
                    color: #fff !important;
                }

.tc-accordion.no-border .panel .panel-body {
    border: 0 !important;
}

.tc-accordion-simple .panel {
    border: 0 none;
}

    .tc-accordion-simple .panel .panel-heading {
        padding: 0;
        border-width: 0;
        background-color: transparent !important;
    }

        .tc-accordion-simple .panel .panel-heading a .panel-title {
            padding: 6px 10px;
            font-size: 14px;
        }

            .tc-accordion-simple .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^=fa-], .tc-accordion-simple .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^=glyphicon-] {
                width: 16px;
                min-width: 16px;
            }

        .tc-accordion-simple .panel .panel-heading a:hover, .tc-accordion-simple .panel .panel-heading a:focus {
            text-decoration: none;
        }

        .tc-accordion-simple .panel .panel-heading.accordion-active a .panel-title {
            font-weight: 600;
        }

        .tc-accordion-simple .panel .panel-heading + .panel-collapse .panel-body {
            border: 0 none;
            padding-top: 10px;
        }

    .tc-accordion-simple .panel.panel-default .panel-heading a .panel-title {
        color: #686868;
    }

    .tc-accordion-simple .panel.panel-primary .panel-heading a .panel-title {
        color: #5686c8 !important;
    }

    .tc-accordion-simple .panel.panel-success .panel-heading a .panel-title {
        color: #72af46 !important;
    }

    .tc-accordion-simple .panel.panel-warning .panel-heading a .panel-title {
        color: #feb902 !important;
    }

    .tc-accordion-simple .panel.panel-info .panel-heading a .panel-title {
        color: #466baf !important;
    }

.progress {
    box-shadow: none;
    background: #e5e5e5;
    height: 18px;
}

    .progress .progress-bar {
        box-shadow: none;
        line-height: 18px;
    }

    .progress[data-percent] {
        position: relative;
    }

        .progress[data-percent]:after {
            display: inline-block;
            content: attr(data-percent);
            color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            line-height: 16px;
            text-align: center;
            font-size: 12px;
            /*font-family: 'Calibri';*/
        }

    .progress.progress-yellow[data-percent]:after {
        color: #963;
    }

    .progress.progress-small {
        height: 12px;
    }

        .progress.progress-small .progress-bar {
            line-height: 11px;
            font-size: 11px;
        }

        .progress.progress-small[data-percent]:after {
            line-height: 11px;
            font-size: 11px;
        }

    .progress.progress-mini {
        height: 9px;
    }

        .progress.progress-mini .progress-bar {
            line-height: 8px;
            font-size: 11px;
        }

        .progress.progress-mini[data-percent]:after {
            line-height: 8px;
            font-size: 11px;
        }

.progress-bar {
    background-color: #999;
}

.progress-bar-primary {
    background-color: #5686c8;
}

.progress-bar-danger {
    background-color: #bd362f;
}

.progress-bar-success {
    background-color: #72af46;
}

.progress-bar-warning {
    background-color: #feb902;
}

.progress-bar-info {
    background-color: #466baf;
}

.progress-bar-inverse {
    background-color: #414141;
}

.progress {
    position: relative;
}

    .progress:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,255,0);
    }

.skills .progress[data-percent] {
    position: relative;
}

    .skills .progress[data-percent]:after {
        display: none;
    }

.skills .progress .progress-type {
    position: absolute;
    left: 0;
    padding: 1px 7px 0;
    line-height: 16px;
    font-size: 11px;
    color: #f2f2f2;
    background-color: rgba(25,25,25,.2);
}

.skills .progress .progress-completed {
    position: absolute;
    right: 0;
    padding: 0 7px;
    line-height: 16px;
}

.skills .progress.progress-mini {
    height: 9px;
}

    .skills .progress.progress-mini .progress-bar {
        line-height: 8px;
    }

    .skills .progress.progress-mini .progress-type, .skills .progress.progress-mini .progress-completed {
        display: none;
    }

.skills .progress.progress-small .progress-type, .skills .progress.progress-small .progress-completed {
    font-size: 11px;
    line-height: 11px !important;
}

.dropdown-menu {
    border-radius: 0 !important;
    font-size: 13px;
}

    .dropdown-menu > li > a {
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 1px;
        margin-top: 1px;
        color: #686868;
    }

    .dropdown-menu.dropdown-only-icon {
        min-width: 50px;
    }

        .dropdown-menu.dropdown-only-icon > li {
            float: left;
            margin: 0 4px;
        }

            .dropdown-menu.dropdown-only-icon > li > a [class*=fa-], .dropdown-menu.dropdown-only-icon > li > a [class*=glyphicon-] {
                width: 18px;
                display: inline-block;
            }

    .dropdown-menu.dropdown-yellow li > a:hover, .dropdown-menu.dropdown-yellow li > a:focus, .dropdown-menu.dropdown-yellow li > a:active, .dropdown-menu.dropdown-yellow li.active a, .dropdown-menu.dropdown-yellow li.active a:hover {
        background: #feeebb;
        color: #555;
    }

    .dropdown-menu.dropdown-primary li > a:hover, .dropdown-menu.dropdown-primary li > a:focus, .dropdown-menu.dropdown-primary li > a:active, .dropdown-menu.dropdown-primary li.active a, .dropdown-menu.dropdown-primary li.active a:hover {
        background: #5686c8;
        color: #fff;
    }

    .dropdown-menu.dropdown-success li > a:hover, .dropdown-menu.dropdown-success li > a:focus, .dropdown-menu.dropdown-success li > a:active, .dropdown-menu.dropdown-success li.active a, .dropdown-menu.dropdown-success li.active a:hover {
        background: #72af46;
        color: #fff;
    }

    .dropdown-menu.dropdown-danger li > a:hover, .dropdown-menu.dropdown-danger li > a:focus, .dropdown-menu.dropdown-danger li > a:active, .dropdown-menu.dropdown-danger li.active a, .dropdown-menu.dropdown-danger li.active a:hover {
        background: #bd362f;
        color: #fff;
    }

    .dropdown-menu.dropdown-info li > a:hover, .dropdown-menu.dropdown-info li > a:focus, .dropdown-menu.dropdown-info li > a:active, .dropdown-menu.dropdown-info li.active a, .dropdown-menu.dropdown-info li.active a:hover {
        background: #466baf;
        color: #fff;
    }

    .dropdown-menu.dropdown-warning li > a:hover, .dropdown-menu.dropdown-warning li > a:focus, .dropdown-menu.dropdown-warning li > a:active, .dropdown-menu.dropdown-warning li.active a, .dropdown-menu.dropdown-warning li.active a:hover {
        background: #feb902;
        color: #fff;
    }

    .dropdown-menu.dropdown-close {
        top: 92%;
        left: -5px;
    }

        .dropdown-menu.dropdown-close.dropdown-menu-right {
            left: auto;
            right: -5px;
        }

    .dropdown-menu.dropdown-closer {
        top: 80%;
        left: -10px;
    }

        .dropdown-menu.dropdown-closer.dropdown-menu-right {
            right: -10px;
            left: auto;
        }

    .dropdown-menu.dropdown-caret:before {
        border-bottom: 7px solid rgba(0,0,0,.2);
        -moz-border-bottom-colors: rgba(0,0,0,.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        left: 9px;
        position: absolute;
        top: -7px;
    }

    .dropdown-menu.dropdown-caret:after {
        border-bottom: 6px solid #fff;
        -moz-border-bottom-colors: #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        left: 10px;
        position: absolute;
        top: -6px;
    }

    .dropdown-menu.dropdown-menu-right.dropdown-caret:before {
        left: auto;
        right: 9px;
    }

    .dropdown-menu.dropdown-menu-right.dropdown-caret:after {
        left: auto;
        right: 10px;
    }

.dropup > .dropdown-menu.dropdown-caret:before {
    border-bottom-width: 0;
    border-top: 7px solid rgba(0,0,0,.2);
    -moz-border-top-colors: rgba(0,0,0,.2);
    bottom: -7px;
    top: auto;
}

.dropup > .dropdown-menu.dropdown-caret:after {
    border-bottom-width: 0;
    border-top: 6px solid #FFF;
    -moz-border-top-colors: #FFF;
    bottom: -6px;
    top: auto;
}

.dropdown-100 {
    min-width: 100px;
}

.dropdown-125 {
    min-width: 125px;
}

.dropdown-150 {
    min-width: 150px;
}

.dropdown-175 {
    min-width: 175px;
}

.dropdown-200 {
    min-width: 200px;
}

.dropdown-225 {
    min-width: 225px;
}

.dropdown-checkboxes li {
    margin: 4px 10px;
}

.dropdown-colorpicker > .dropdown-menu {
    padding: 4px;
    min-width: 130px;
    max-width: 130px;
    top: 80%;
    left: -7px;
}

    .dropdown-colorpicker > .dropdown-menu.dropdown-menu-right {
        right: -7px;
        left: auto;
    }

    .dropdown-colorpicker > .dropdown-menu > li {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        margin: 2px;
    }

        .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
            display: block;
            width: 20px;
            height: 20px;
            margin: 0;
            padding: 0;
            border-radius: 0;
            position: relative;
            -webkit-transition: all ease .1s;
            -o-transition: all ease .1s;
            transition: all ease .1s;
        }

            .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {
                text-decoration: none;
                opacity: .8;
                filter: alpha(opacity=80);
                -webkit-transform: scale(1.08,1.08);
                -ms-transform: scale(1.08,1.08);
                -o-transform: scale(1.08,1.08);
                transform: scale(1.08,1.08);
            }

            .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
                content: "\f00c";
                display: inline-block;
                font-family: FontAwesome;
                color: #fff;
                position: absolute;
                left: 0;
                right: 0;
                text-align: center;
                line-height: 21px;
            }

.navbar-top .dropdown-menu, .top-navbar .dropdown-menu {
    padding: 0;
    margin-top: -2px !important;
    -webkit-box-shadow: -5px 5px rgba(102,102,102,.1);
    box-shadow: -5px 5px rgba(102,102,102,.1);
}

    .navbar-top .dropdown-menu li, .top-navbar .dropdown-menu li {
        border-bottom: 1px solid #f5f5f5;
    }

        .navbar-top .dropdown-menu li:first-child, .top-navbar .dropdown-menu li:first-child {
            border-top: 2px solid #333;
        }

        .navbar-top .dropdown-menu li:last-child, .top-navbar .dropdown-menu li:last-child {
            border-bottom: 0 none;
        }

        .navbar-top .dropdown-menu li > a, .top-navbar .dropdown-menu li > a {
            padding: 7.5px 15px;
            margin: 0;
        }

            .navbar-top .dropdown-menu li > a:hover, .top-navbar .dropdown-menu li > a:hover, .navbar-top .dropdown-menu li > a:focus, .top-navbar .dropdown-menu li > a:focus, .navbar-top .dropdown-menu li > a:active, .top-navbar .dropdown-menu li > a:active, .navbar-top .dropdown-menu li.active a, .top-navbar .dropdown-menu li.active a, .navbar-top .dropdown-menu li.active a:hover, .top-navbar .dropdown-menu li.active a:hover {
                background: #5686c8;
                color: #fff;
            }

@media (min-width:992px) {
    .navbar-top .dropdown-menu, .top-navbar .dropdown-menu, .b-right .dropdown-menu {
        z-index: 1031;
    }


    .navbar-top .show-on-hover:hover ul.dropdown-menu, .top-navbar .show-on-hover:hover ul.dropdown-menu, .b-right .show-on-hover:hover ul.dropdown-menu {
        display: block;
    }
}

.tc-table {
    background: #fff;
    margin-bottom: 15px;
}

    .tc-table.table > thead > tr > th, .tc-table.table > thead > tr > td {
        border-bottom: 3px double #cfcfcf;
        border-color: #cfcfcf;
    }

        .tc-table.table > thead > tr > th label, .tc-table.table > thead > tr > td label {
            margin-bottom: 0;
        }

    .tc-table.table .col-small {
        width: 45px;
        min-width: 45px;
    }

        .tc-table.table .col-small.center {
            text-align: center;
        }

    .tc-table.table .col-medium {
        width: 125px;
        min-width: 125px;
    }

        .tc-table.table .col-medium.center {
            text-align: center;
        }

@media (max-width:992px) {
    .tc-table.table .tool-bars {
        width: 45px;
        min-width: 45px;
    }
}

.tc-table.table label {
    margin-bottom: 0;
}

.tc-table.table ul.table-mobile-ul {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 2px solid #cfcfcf;
}

.tc-table.table > thead > tr > th[class*=sorted] {
    color: #5686c8;
}

@media (max-width:360px) {
    .tc-table.table {
        font-size: 12px;
    }
}

.tc-table.footable > thead > tr > th > span.footable-sort-indicator {
    color: #999;
    float: right;
    margin-right: 4px;
}

.tc-table.table-bordered {
    border: 1px solid #cfcfcf;
}

    .tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > tbody > tr > th, .tc-table.table-bordered > tfoot > tr > th, .tc-table.table-bordered > thead > tr > td, .tc-table.table-bordered > tbody > tr > td, .tc-table.table-bordered > tfoot > tr > td {
        border: 1px solid #cfcfcf;
    }

    .tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > thead > tr > td {
        border-bottom: 3px double #cfcfcf;
    }

.tc-table.table-primary.table > thead > tr > th, .tc-table.table-primary.table > thead > tr > td {
    border-bottom-width: 1px;
    background: #5686c8;
    color: #fff;
}

.tc-table.table-primary.footable > thead > tr > th > span.footable-sort-indicator {
    color: #fff;
}

.tc-table.table-primary.table-bordered > thead {
    border-bottom: 2px solid #c93535;
}

    .tc-table.table-primary.table-bordered > thead > tr > th {
        border: 1px solid #c93535;
    }

        .tc-table.table-primary.table-bordered > thead > tr > th:first-child {
            border-left: 1px solid #c93535;
        }

        .tc-table.table-primary.table-bordered > thead > tr > th:last-child {
            border-right: 1px solid #c93535;
        }

.tc-table.table-primary.table-bordered.dataTable {
    margin-bottom: 0;
}

    .tc-table.table-primary.table-bordered.dataTable th[class*=sort]:after {
        color: #fff;
    }

    .tc-table.table-primary.table-bordered.dataTable th[class*=sorting_], .tc-table.table-primary.table-bordered.dataTable th.sorting_desc:after, .tc-table.table-primary.table-bordered.dataTable th.sorting_asc:after {
        color: #fff;
    }

.dataTable {
    margin-bottom: 0;
}

    .dataTable th[class*=sort] {
        cursor: pointer;
        outline: 0 none !important;
    }

        .dataTable th[class*=sort]:after {
            content: "\f0dc";
            display: inline-block;
            color: #999;
            font-family: FontAwesome;
            font-size: 13px;
            font-weight: 400;
            float: right;
            margin-right: 4px;
            position: relative;
        }

    .dataTable th[class*=sorting_] {
        color: #5686c8;
    }

    .dataTable th.sorting_desc:after {
        content: "\f0dd";
        top: -6px;
        color: #999;
    }

    .dataTable th.sorting_asc:after {
        content: "\f0de";
        top: 4px;
        color: #999;
    }

    .dataTable th.sorting_disabled {
        cursor: inherit;
    }

        .dataTable th.sorting_disabled:after {
            display: none;
        }

.dataTables_length select {
    width: 60px;
    padding: 2px 3px;
}

.dataTables_length label {
    font-weight: 400;
}

.dataTables_filter {
    text-align: right;
}

    .dataTables_filter input[type=text] {
        width: 125px;
        padding: 4px 6px;
    }

    .dataTables_filter label {
        font-weight: 400;
    }

.dataTables_info {
    font-size: 13px;
    margin: 5px 12px;
}

.dataTables_paginate {
    text-align: right;
}

    .dataTables_paginate .pagination {
        margin: 5px 12px;
    }

.dataTables_wrapper label {
    display: inline-block;
}

.dataTables_wrapper input[type=text], .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px;
}

.dataTables_wrapper .row {
    margin: 0;
}

    .dataTables_wrapper .row:first-child {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 0 none;
    }

        .dataTables_wrapper .row:first-child + .dataTable {
            border-top: 1px solid #cfcfcf;
            border-bottom: 1px solid #cfcfcf;
        }

    .dataTables_wrapper .row:last-child {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 0 none;
    }

.footable-row-detail-row {
    display: block;
    line-height: 1.5em;
}

.dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    cursor: pointer;
}

    .dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        content: "\f067";
        padding-right: 5px;
        font-size: 18px;
        color: #888;
    }

.dataTable.table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    content: "\f068";
    padding-right: 5px;
    font-size: 18px;
    color: #888;
}

.dataTable.table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
    font-weight: 600;
}

#tcSilder ul.thumbnails, #tc-slider-2 ul.thumbnails, .owl-carousel ul.thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width:640px) {
    #tcSilder ul.thumbnails li, #tc-slider-2 ul.thumbnails li, .owl-carousel ul.thumbnails li {
        margin-bottom: 30px;
    }
}

#tcSilder .thumbnail, #tc-slider-2 .thumbnail, .owl-carousel .thumbnail, #tcSilder .slide-item, #tc-slider-2 .slide-item, .owl-carousel .slide-item {
    position: relative;
    overflow: hidden;
}

    #tcSilder .thumbnail img, #tc-slider-2 .thumbnail img, .owl-carousel .thumbnail img, #tcSilder .slide-item img, #tc-slider-2 .slide-item img, .owl-carousel .slide-item img {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    #tcSilder .thumbnail .tools, #tc-slider-2 .thumbnail .tools, .owl-carousel .thumbnail .tools, #tcSilder .slide-item .tools, #tc-slider-2 .slide-item .tools, .owl-carousel .slide-item .tools {
        position: absolute;
        top: -100%;
        right: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff !important;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        #tcSilder .thumbnail .tools .fa, #tc-slider-2 .thumbnail .tools .fa, .owl-carousel .thumbnail .tools .fa, #tcSilder .slide-item .tools .fa, #tc-slider-2 .slide-item .tools .fa, .owl-carousel .slide-item .tools .fa, #tcSilder .thumbnail .tools .glyphicon, #tc-slider-2 .thumbnail .tools .glyphicon, .owl-carousel .thumbnail .tools .glyphicon, #tcSilder .slide-item .tools .glyphicon, #tc-slider-2 .slide-item .tools .glyphicon, .owl-carousel .slide-item .tools .glyphicon {
            background: rgba(0,0,0,.55);
            font-size: 16px;
            padding: 15px;
            border-radius: 100%;
            color: #f2f2f2;
            -webkit-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            #tcSilder .thumbnail .tools .fa:hover, #tc-slider-2 .thumbnail .tools .fa:hover, .owl-carousel .thumbnail .tools .fa:hover, #tcSilder .slide-item .tools .fa:hover, #tc-slider-2 .slide-item .tools .fa:hover, .owl-carousel .slide-item .tools .fa:hover, #tcSilder .thumbnail .tools .glyphicon:hover, #tc-slider-2 .thumbnail .tools .glyphicon:hover, .owl-carousel .thumbnail .tools .glyphicon:hover, #tcSilder .slide-item .tools .glyphicon:hover, #tc-slider-2 .slide-item .tools .glyphicon:hover, .owl-carousel .slide-item .tools .glyphicon:hover {
                background: #5686c8;
            }

        #tcSilder .thumbnail .tools .btn, #tc-slider-2 .thumbnail .tools .btn, .owl-carousel .thumbnail .tools .btn, #tcSilder .slide-item .tools .btn, #tc-slider-2 .slide-item .tools .btn, .owl-carousel .slide-item .tools .btn {
            background: rgba(0,0,0,.55);
            border: 1px solid rgba(0,0,0,.1);
            font-size: 13px;
            color: #f2f2f2;
            -webkit-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            #tcSilder .thumbnail .tools .btn:hover, #tc-slider-2 .thumbnail .tools .btn:hover, .owl-carousel .thumbnail .tools .btn:hover, #tcSilder .slide-item .tools .btn:hover, #tc-slider-2 .slide-item .tools .btn:hover, .owl-carousel .slide-item .tools .btn:hover {
                background: #5686c8;
            }

    #tcSilder .thumbnail:hover img, #tc-slider-2 .thumbnail:hover img, .owl-carousel .thumbnail:hover img, #tcSilder .slide-item:hover img, #tc-slider-2 .slide-item:hover img, .owl-carousel .slide-item:hover img {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    #tcSilder .thumbnail:hover .tools, #tc-slider-2 .thumbnail:hover .tools, .owl-carousel .thumbnail:hover .tools, #tcSilder .slide-item:hover .tools, #tc-slider-2 .slide-item:hover .tools, .owl-carousel .slide-item:hover .tools {
        top: 35%;
    }

#tcSilder .carousel {
    margin-bottom: 0;
}

#tcSilder .item div.slide-contents {
    padding: 15px 0;
    display: block;
    border-top: 1px dotted #cfcfcf;
}

#tcSilder .left-btn, #tcSilder .right-btn {
    top: -30px;
}

#testimonials .carousel {
    margin-bottom: 0;
}

#testimonials .item div.testimonials-slide {
    padding: 15px;
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    background: #f8f8f8;
}

#testimonials .carousel-info {
    overflow: hidden;
    padding-top: 15px;
    background: url(../../images/arrow-testimonials.png) no-repeat 83px 0;
}

    #testimonials .carousel-info img {
        width: 75px;
        height: 75px;
        padding: 3px;
        border-radius: 150px !important;
        border: solid 1px #f5f5f5;
    }

#testimonials .carousel-info {
    overflow: hidden;
}

    #testimonials .carousel-info img {
        margin-right: 15px;
    }

    #testimonials .carousel-info span {
        display: block;
    }

#testimonials span.testimonials-name {
    color: #5686c8;
    font-size: 14px;
    margin: 23px 0 7px;
}

#testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}

#testimonials .left-btn, #testimonials .right-btn {
    bottom: 30px;
}

#tcSilder .left-btn, #testimonials .left-btn, #tcSilder .right-btn, #testimonials .right-btn {
    right: 0;
    width: 26px;
    height: 26px;
    position: absolute;
    display: inline-block;
    background: #f2f2f2;
    color: #999;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

    #tcSilder .left-btn:hover, #testimonials .left-btn:hover, #tcSilder .right-btn:hover, #testimonials .right-btn:hover {
        background: #5686c8;
        color: #fff;
    }

#tcSilder .left-btn, #testimonials .left-btn {
    right: 27px;
}

    #tcSilder .left-btn:before, #testimonials .left-btn:before {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

    #tcSilder .left-btn:hover:before, #testimonials .left-btn:hover:before {
        content: "\f105";
    }

#tcSilder .right-btn, #testimonials .right-btn {
    background: #f2f2f2;
}

    #tcSilder .right-btn:before, #testimonials .right-btn:before {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

    #tcSilder .right-btn:hover:before, #testimonials .right-btn:hover:before {
        content: "\f104";
    }

.carousel {
    margin-bottom: 15px;
}

    .carousel .carousel-caption {
        text-shadow: none;
        background: rgba(0,0,0,.5);
        left: 0;
        right: 0;
        bottom: 0;
    }

        .carousel .carousel-caption h4 {
            color: #fff;
            text-shadow: none;
            font-weight: 500;
        }

    .carousel .carousel-control {
        text-shadow: none;
        color: transparent;
    }

        .carousel .carousel-control.left, .carousel .carousel-control.right {
            background-image: none !important;
        }

        .carousel .carousel-control.right {
            text-align: center;
        }

    .carousel .carousel-indicators {
        bottom: 0;
    }

        .carousel .carousel-indicators li {
            border-radius: 0;
        }

    .carousel.tc-carousel .item {
        overflow: hidden;
    }

    .carousel.tc-carousel .carousel-indicators {
        top: auto;
        bottom: -23px;
        margin: 0;
        width: auto;
        right: 0;
        left: 0;
    }

        .carousel.tc-carousel .carousel-indicators li {
            background: #fff;
            border-color: #5686c8;
        }

            .carousel.tc-carousel .carousel-indicators li.active {
                background: #e6a1a1;
            }

        .carousel.tc-carousel .carousel-indicators.right {
            text-align: right;
        }

        .carousel.tc-carousel .carousel-indicators.left {
            text-align: left;
        }

    .carousel:hover .carousel-control, .carousel.focus .carousel-control {
        color: #5686c8;
        opacity: .55;
        filter: alpha(opacity=55.00000000000001);
    }

.tp-slider {
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #cfcfcf;
}

    .tp-slider .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
    }

    .tp-slider .tp-banner {
        width: 100%;
        position: relative;
    }

    .tp-slider .title_white, .tp-slider .title, .tp-slider .subtitle_white {
        font-weight: 300;
    }

    .tp-slider .subtitle, .tp-slider .title_white_bold {
        font-weight: 400;
    }

    .tp-slider .title, .tp-slider .title_white {
        font-size: 47px;
    }

    .tp-slider .title {
        color: #414141;
    }

    .tp-slider .title_white {
        color: #fff;
    }

    .tp-slider .subtitle, .tp-slider .subtitle_white {
        font-size: 18px;
        color: #fff;
        padding: 5px 10px;
        text-align: center;
    }

    .tp-slider .subtitle_white {
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
    }

    .tp-slider .subtitle {
        background-color: #5686c8;
    }

    .tp-slider .title, .tp-slider .subtitle, .tp-slider .slide_desc {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .tp-slider .slide_desc {
        font-size: 14px;
        line-height: 24px;
    }

    .tp-slider .slidetitle-2 {
        font-size: 47px;
        color: #555;
        text-decoration: none;
        padding: 15px 10px 5px;
        text-shadow: none;
        text-align: center;
        border-bottom: 3px solid #5686c8;
    }

    .tp-slider .tp-leftarrow.default, .tp-slider .tp-rightarrow.default {
        text-decoration: none;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        width: 40px !important;
        height: 40px !important;
        background: rgba(0,0,0,.7) !important;
        color: #fff;
        border-radius: 100%;
    }

        .tp-slider .tp-leftarrow.default:hover, .tp-slider .tp-rightarrow.default:hover {
            background-color: #5686c8 !important;
        }

        .tp-slider .tp-leftarrow.default:before {
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

        .tp-slider .tp-rightarrow.default:before {
            content: "\f105";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

.owl-carousel {
    margin-bottom: 15px;
}

    .owl-carousel .slide-item {
        padding: 0 5px;
    }

        .owl-carousel .slide-item a.contents {
            padding: 10px;
            display: block;
            background: #fff;
            color: #686868;
            text-decoration: none;
        }

            .owl-carousel .slide-item a.contents .title {
                display: block;
                font-size: 14px;
                font-weight: 300;
            }

            .owl-carousel .slide-item a.contents small {
                font-size: 13px;
                font-weight: 300;
            }

        .owl-carousel .slide-item:hover a.contents g {
            background: #5686c8;
        }

        .owl-carousel .slide-item:hover a.contents:after {
            content: "\e092";
            font-family: 'Glyphicons Halflings';
            display: block;
            position: absolute;
            right: 15px;
            top: auto;
            bottom: 10px;
            color: #fff;
        }

        .owl-carousel .slide-item:hover a.contents .title, .owl-carousel .slide-item:hover a.contents small {
            color: #fff;
        }

    .owl-carousel.with-contents .slide-item img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .owl-carousel.with-contents:hover img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .owl-carousel.no-padding-items .slide-item {
        padding: 0;
    }

.owl-buttons {
    position: absolute;
    top: -37px;
    right: 10px;
}

    .owl-buttons .owl-prev, .owl-buttons .owl-next {
        background: #f2f2f2;
        color: #999;
        text-decoration: none;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

        .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
            background: #5686c8;
            color: #fff;
        }

        .owl-buttons .owl-prev:before {
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-indent: 0;
        }

        .owl-buttons .owl-prev:hover:before {
            content: "\f105";
        }

        .owl-buttons .owl-next:before {
            content: "\f105";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-indent: 0;
        }

        .owl-buttons .owl-next:hover:before {
            content: "\f104";
        }

    .owl-buttons div {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-left: 5px;
        position: static;
    }

.owl-controls {
    text-align: center;
    margin-top: 10px;
}

    .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            border: 1px solid #5686c8;
            background: #fff;
        }

        .owl-controls .owl-page.active span, .owl-controls .owl-controls.clickable .owl-page:hover span {
            background: #5686c8;
        }

        .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            border-radius: 30px;
        }

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #cfcfcf;
}

    .ui-datepicker .ui-widget-header {
        font-weight: 400;
        background: #5686c8;
        color: #fff;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        height: 26px;
        min-width: 32px;
        max-width: 32px;
        text-align: center;
        cursor: pointer;
        color: transparent;
        line-height: 26px;
    }

        .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
            color: transparent;
            visibility: hidden;
        }

        .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
            text-decoration: none;
        }

        .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
            display: inline;
            font-family: FontAwesome;
            font-size: 14px;
            content: "\f100";
            color: #fff;
        }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 2px;
    }

    .ui-datepicker .ui-datepicker-next:before {
        content: "\f101";
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .ui-datepicker td {
        padding: 0;
    }

        .ui-datepicker td > a, .ui-datepicker td > span {
            display: inline-block;
            min-width: 24px;
            max-width: 24px;
            text-align: center;
            color: #555;
            font-size: 14px;
        }

            .ui-datepicker td > a:hover {
                background-color: #f2f2f2;
            }

            .ui-datepicker td > a.ui-state-highlight {
                background-color: #dff0d8;
                border: 1px solid #a1cd7c;
            }

            .ui-datepicker td > a.ui-state-active {
                background-color: #5686c8;
                color: #fff;
                border: 0 none;
            }

            .ui-datepicker td > a.ui-priority-secondary {
                color: #999;
            }

        .ui-datepicker td > span {
            color: #999;
        }

        .ui-datepicker td .ui-datepicker-buttonpane {
            background-color: #e5e5e5;
        }

.ui-spinner {
    border: 1px solid #cfcfcf;
}

.ui-spinner-button {
    border-width: 0 !important;
    line-height: 15px;
    padding: 0;
    width: 18px;
    cursor: pointer;
    color: #fff !important;
    height: 15px;
    margin: 1px;
    font-size: 13px;
}

    .ui-spinner-button > [class*=fa-] {
        width: 18px;
        font-size: 10px;
        display: inline-block;
    }

.ui-spinner-input {
    padding: 5px;
    max-width: 75px;
    width: 75px;
    outline: 0 !important;
    margin-right: 23px;
    margin-left: 3px;
    margin-bottom: 4px;
}

.ui-widget-overlay {
    background: rgba(0,0,0,.25);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    z-index: 9999 !important;
}

.ui-dialog, .ui-jqdialog {
    z-index: 99999 !important;
    background-color: #fff;
    padding: 0;
    border: 1px solid #cfcfcf;
    box-shadow: -8px 10px 35px #707070;
}

    .ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
        background-color: #5686c8;
        font-size: 12px;
        color: #fff;
        padding: 10px;
        font-weight: bold;
    }

    .ui-dialog .ui-dialog-title, .ui-jqdialog .ui-dialog-title, .ui-dialog .ui-jqdialog-title, .ui-jqdialog .ui-jqdialog-title {
        float: none;
        width: auto;
    }

    .ui-dialog .widget-header, .ui-jqdialog .widget-header {
        margin: 0;
        border-width: 0 0 1px;
    }

    .ui-dialog .ui-dialog-buttonpane, .ui-jqdialog .ui-dialog-buttonpane, .ui-dialog .ui-jqdialog-buttonpane, .ui-jqdialog .ui-jqdialog-buttonpane {
        background-color: #f2f2f2;
        border-top: 1px solid #cfcfcf;
    }

    .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-dialog-titlebar-close, .ui-dialog .ui-jqdialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
        border: 0;
        background: 0 0;
        opacity: .4;
        color: #bd362f;
        padding: 0;
        top: 50%;
        right: 8px !important;
        text-align: center;
    }


        .ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
            content: "\f00d";
            display: inline;
            font-family: FontAwesome;
            font-size: 16px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-jqdialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
            opacity: 1;
            text-decoration: none;
            padding: 0;
        }

        .ui-dialog .ui-dialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text, .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
            text-indent: 0;
            visibility: hidden;
        }

    .ui-dialog .widget-header .ui-dialog-titlebar-close, .ui-jqdialog .widget-header .ui-dialog-titlebar-close, .ui-dialog .widget-header .ui-jqdialog-titlebar-close, .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
        right: 10px !important;
    }

.ui-progressbar {
    background-color: #f2f2f2;
    height: 22px;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
    }

        .ui-progressbar .ui-progressbar-value[class=progress-bar] {
            background-color: #999;
        }

.ui-slider {
    background-color: #e0e2e2;
}

.ui-slider-horizontal {
    height: 10px;
}

.ui-slider-vertical {
    width: 10px;
}

.ui-slider .ui-slider-handle {
    border-radius: 0;
    width: .9em;
    height: 1.45em;
    cursor: pointer;
    background-color: #f2f2f2;
    border: 1px solid;
}

    .ui-slider .ui-slider-handle:before {
        display: inline-block;
    }

    .ui-slider .ui-slider-handle:hover {
        background-color: #fff;
    }

    .ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:active {
        outline: 0;
        box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3);
        text-decoration: none;
    }

        .ui-slider .ui-slider-handle:hover:before, .ui-slider .ui-slider-handle:focus:before, .ui-slider .ui-slider-handle:active:before {
            text-shadow: 1px 1px 1px rgba(0,0,0,.3);
        }

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.725em;
    top: -.4em;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.35em;
    margin-bottom: -.65em;
    width: 1.45em;
    height: .9em;
}

.ui-slider-range {
    background-color: #5686c8;
}

.ui-slider-handle {
    outline: 0 !important;
}

    .ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:focus, .ui-slider-handle:active {
        border-color: #5686c8;
        color: #5686c8;
    }

.ui-slider-inverse .ui-slider-range {
    background-color: #414141;
}

.ui-slider-inverse .ui-slider-handle, .ui-slider-inverse .ui-slider-handle:hover, .ui-slider-inverse .ui-slider-handle:focus, .ui-slider-inverse .ui-slider-handle:active {
    border-color: #414141;
    color: #414141;
}

.ui-slider-primary .ui-slider-range {
    background-color: #5686c8;
}

.ui-slider-primary .ui-slider-handle, .ui-slider-primary .ui-slider-handle:hover, .ui-slider-primary .ui-slider-handle:focus, .ui-slider-primary .ui-slider-handle:active {
    border-color: #5686c8;
    color: #5686c8;
}

.ui-slider-success .ui-slider-range {
    background-color: #72af46;
}

.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-handle:hover, .ui-slider-success .ui-slider-handle:focus, .ui-slider-success .ui-slider-handle:active {
    border-color: #72af46;
    color: #72af46;
}

.ui-slider-danger .ui-slider-range {
    background-color: #bd362f;
}

.ui-slider-danger .ui-slider-handle, .ui-slider-danger .ui-slider-handle:hover, .ui-slider-danger .ui-slider-handle:focus, .ui-slider-danger .ui-slider-handle:active {
    border-color: #bd362f;
    color: #bd362f;
}

.ui-slider-info .ui-slider-range {
    background-color: #466baf;
}

.ui-slider-info .ui-slider-handle, .ui-slider-info .ui-slider-handle:hover, .ui-slider-info .ui-slider-handle:focus, .ui-slider-info .ui-slider-handle:active {
    border-color: #466baf;
    color: #466baf;
}

.ui-slider-warning .ui-slider-range {
    background-color: #feb902;
}

.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-handle:hover, .ui-slider-warning .ui-slider-handle:focus, .ui-slider-warning .ui-slider-handle:active {
    border-color: #feb902;
    color: #feb902;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-bottom: 1px solid #cfcfcf;
}

    .ui-tabs .ui-tabs-nav li {
        margin: 0;
    }

        .ui-tabs .ui-tabs-nav li.ui-state-default > a {
            background-color: #f2f2f2;
            border: 1px solid #cfcfcf;
            color: #666;
            font-weight: 400;
            line-height: 16px;
            margin-right: -1px;
            padding: 8px 12px;
            position: relative;
            top: 1px;
        }

@media (max-width:360px) {
    .ui-tabs .ui-tabs-nav li.ui-state-default > a {
        color: #666;
        font-weight: 400;
        line-height: 10px;
        margin-right: -1px;
        padding: 8px 6px;
        position: relative;
        font-size: 11px;
    }
}

.ui-tabs .ui-tabs-nav li > a:focus {
    outline: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
    border: 1px solid;
    border-color: #5686c8#cfcfcf transparent;
    border-top-width: 1px;
    margin-bottom: 0;
    background: #fff;
    color: #5686c8;
    position: relative;
}

.ui-tabs .ui-tabs-panel {
    border: 1px solid #cfcfcf;
    border-top-width: 0;
    margin: 0;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.ui-tooltip {
    background-color: #333;
    color: #ffffff !important;
    box-shadow: -4px 2px 5px #606060 !important;
}
/*.ui-tooltip:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 36%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
  width: 0;
  height: 0;
}*/

.ui-accordion .ui-accordion-header {
    color: #555;
    font-weight: 400;
    background-color: #f5f5f5;
    border: 1px solid #cfcfcf;
    padding: 8px 8px 9px 24px;
    font-size: 14px;
}

    .ui-accordion .ui-accordion-header:hover {
        color: #555;
    }

    .ui-accordion .ui-accordion-header.ui-state-active {
        color: #555;
        position: relative;
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        text-indent: 0;
        margin-top: 0;
        position: absolute;
        left: 10px;
        top: 7px;
    }

        .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
            display: inline;
            font-family: FontAwesome;
            font-size: 15px;
            content: "\f105";
        }

    .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
        content: "\f107";
        font-weight: 400;
    }

.ui-accordion .ui-accordion-content {
    border: 1px solid #cfcfcf;
    border-top-width: 0;
    padding: 11px 16px;
}

.ui-menu {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 150px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #cfcfcf;
    padding: 3px;
}

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: auto;
    }

    .ui-menu .ui-menu-item {
        padding: 5px 10px 6px;
        color: #686868;
        cursor: pointer;
        display: block;
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

        .ui-menu .ui-menu-item .ui-menu-icon {
            float: right;
            position: relative;
            left: auto;
            right: 4px;
            bottom: auto;
            text-indent: 0;
        }

            .ui-menu .ui-menu-item .ui-menu-icon:before {
                content: "\f105";
                font-family: FontAwesome;
                font-size: 14px;
                display: inline;
            }

        .ui-menu .ui-menu-item:hover, .ui-menu .ui-state-focus, .ui-menu .ui-state-active, .ui-menu .ui-menu-item:hover > .ui-menu-icon, .ui-menu .ui-state-focus > .ui-menu-icon, .ui-menu .ui-state-active > .ui-menu-icon {
            text-decoration: none;
            background-color: #5686c8;
            color: #fff;
            margin: auto;
            font-weight: 400;
        }

            .ui-menu .ui-menu-item:hover .ui-menu-icon, .ui-menu .ui-state-focus .ui-menu-icon, .ui-menu .ui-state-active .ui-menu-icon, .ui-menu .ui-menu-item:hover > .ui-menu-icon .ui-menu-icon, .ui-menu .ui-state-focus > .ui-menu-icon .ui-menu-icon, .ui-menu .ui-state-active > .ui-menu-icon .ui-menu-icon {
                color: #fff;
            }

    .ui-menu .ui-state-disabled, .ui-menu .ui-state-disabled .ui-menu-icon {
        color: #999;
        cursor: default;
    }

        .ui-menu .ui-state-disabled:hover, .ui-menu .ui-state-disabled.ui-state-focus, .ui-menu .ui-state-disabled.ui-state-active, .ui-menu .ui-state-disabled:hover .ui-menu-icon, .ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon, .ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
            background-color: #fff;
            color: #999;
        }

.ui-selectmenu-button {
    border: 1px solid #aaa;
}

    .ui-selectmenu-button[aria-expanded=true] {
        border-color: #4492C9;
    }

    .ui-selectmenu-button span.ui-icon {
        text-indent: 0;
        margin-top: -10px;
    }

    .ui-selectmenu-button .ui-icon:before {
        content: "\f0d7";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 14px;
    }

.ui-autocomplete {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.ui-autocomplete-category {
    padding: 6px;
    position: relative;
    background-color: #f2f2f2;
    color: #5686c8;
    font-weight: bolder;
    border: 1px solid #cfcfcf;
    border-width: 1px 0;
}

.ui-sortable-placeholder, .ui-sortable-helper, .ui-sortable-placeholder > a, .ui-sortable-helper > a {
    cursor: move !important;
}

.draggable-placeholder {
    border: 1px dashed #fffefc !important;
    background-color: #fff !important;
}

.label {
    border-radius: 0;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;
    background-color: #999 !important;
}

    .label[class*=col-][class*=arrow] {
        min-height: 0;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::safari-only, .label:empty {
        display: inline-block;
    }

    ::safari-only, .badge:empty {
        display: inline-block;
    }

    input.k-textbox {
        height: 23px;
    }
}

.badge {
    text-shadow: none;
    font-size: 11px;
    padding: 3px 6px;
    font-weight: 400;
    background-color: #999 !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
}

    .badge.no-radius {
        border-radius: 0;
    }

.label-transparent, .badge-transparent {
    background-color: transparent !important;
}

.label-info, .badge-info {
    background-color: #466baf !important;
}

.label-primary, .badge-primary {
    background-color: #5686c8 !important;
}

.label-success, .badge-success {
    background-color: #72af46 !important;
}

.label-danger, .badge-danger {
    background-color: #bd362f !important;
}

.label-inverse, .badge-inverse {
    background-color: #414141 !important;
}

.label-warning, .badge-warning {
    background-color: #feb902 !important;
}

.label-light, .badge-light {
    background-color: #f2f2f2 !important;
}

.label-pending, .badge-pending {
    background-color: #466baf !important;
}

.label-active, .badge-active {
    background-color: #72af46 !important;
}

.label-suspended, .badge-suspended {
    background-color: #feb902 !important;
}

.label-paid, .badge-paid {
    background-color: #72af46 !important;
}

.label-unpaid, .badge-unpaid {
    background-color: #bd362f !important;
}

.label-terminated, .badge-terminated {
    background-color: #bd362f !important;
}

.label-cancelled, .badge-cancelled {
    background-color: #bfbfbf !important;
}

.label-expired, .badge-expired {
    background-color: #999 !important;
}

.label-refunded, .badge-refunded {
    background-color: #999 !important;
}

.label-collections, .badge-collections {
    background-color: #feb902 !important;
}

.label-fraud, .badge-fraud {
    background-color: #222 !important;
}

.badge-light, .label-light {
    color: #999 !important;
}

.label.arrowed, .label.arrowed-in {
    position: relative;
    z-index: 1;
}

    .label.arrowed:before, .label.arrowed-in:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        border: 1px solid transparent;
        border-right-color: #999;
    }

    .label.arrowed-in:before {
        border-color: #999;
        border-left-color: transparent !important;
    }

.label.arrowed-right, .label.arrowed-in-right {
    position: relative;
    z-index: 1;
}

    .label.arrowed-right:after, .label.arrowed-in-right:after {
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        border: 1px solid transparent;
        border-left-color: #999;
    }

    .label.arrowed-in-right:after {
        border-color: #999;
        border-right-color: transparent !important;
    }

.label-info.arrowed:before {
    border-right-color: #466baf;
}

.label-info.arrowed-in:before {
    border-color: #466baf;
}

.label-info.arrowed-right:after {
    border-left-color: #466baf;
}

.label-info.arrowed-in-right:after {
    border-color: #466baf;
}

.label-primary.arrowed:before {
    border-right-color: #5686c8;
}

.label-primary.arrowed-in:before {
    border-color: #5686c8;
}

.label-primary.arrowed-right:after {
    border-left-color: #5686c8;
}

.label-primary.arrowed-in-right:after {
    border-color: #5686c8;
}

.label-success.arrowed:before {
    border-right-color: #72af46;
}

.label-success.arrowed-in:before {
    border-color: #72af46;
}

.label-success.arrowed-right:after {
    border-left-color: #72af46;
}

.label-success.arrowed-in-right:after {
    border-color: #72af46;
}

.label-warning.arrowed:before {
    border-right-color: #feb902;
}

.label-warning.arrowed-in:before {
    border-color: #feb902;
}

.label-warning.arrowed-right:after {
    border-left-color: #feb902;
}

.label-warning.arrowed-in-right:after {
    border-color: #feb902;
}

.label-danger.arrowed:before {
    border-right-color: #bd362f;
}

.label-danger.arrowed-in:before {
    border-color: #bd362f;
}

.label-danger.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-danger.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-inverse.arrowed:before {
    border-right-color: #414141;
}

.label-inverse.arrowed-in:before {
    border-color: #414141;
}

.label-inverse.arrowed-right:after {
    border-left-color: #414141;
}

.label-inverse.arrowed-in-right:after {
    border-color: #414141;
}

.label-light.arrowed:before {
    border-right-color: #f2f2f2;
}

.label-light.arrowed-in:before {
    border-color: #f2f2f2;
}

.label-light.arrowed-right:after {
    border-left-color: #f2f2f2;
}

.label-light.arrowed-in-right:after {
    border-color: #f2f2f2;
}

.label-pending.arrowed:before {
    border-right-color: #466baf;
}

.label-pending.arrowed-in:before {
    border-color: #466baf;
}

.label-pending.arrowed-right:after {
    border-left-color: #466baf;
}

.label-pending.arrowed-in-right:after {
    border-color: #466baf;
}

.label-active.arrowed:before {
    border-right-color: #72af46;
}

.label-active.arrowed-in:before {
    border-color: #72af46;
}

.label-active.arrowed-right:after {
    border-left-color: #72af46;
}

.label-active.arrowed-in-right:after {
    border-color: #72af46;
}

.label-suspended.arrowed:before {
    border-right-color: #feb902;
}

.label-suspended.arrowed-in:before {
    border-color: #feb902;
}

.label-suspended.arrowed-right:after {
    border-left-color: #feb902;
}

.label-suspended.arrowed-in-right:after {
    border-color: #feb902;
}

.label-paid.arrowed:before {
    border-right-color: #72af46;
}

.label-paid.arrowed-in:before {
    border-color: #72af46;
}

.label-paid.arrowed-right:after {
    border-left-color: #72af46;
}

.label-paid.arrowed-in-right:after {
    border-color: #72af46;
}

.label-unpaid.arrowed:before {
    border-right-color: #bd362f;
}

.label-unpaid.arrowed-in:before {
    border-color: #bd362f;
}

.label-unpaid.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-unpaid.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-terminated.arrowed:before {
    border-right-color: #bd362f;
}

.label-terminated.arrowed-in:before {
    border-color: #bd362f;
}

.label-terminated.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-terminated.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-cancelled.arrowed:before {
    border-right-color: #bfbfbf;
}

.label-cancelled.arrowed-in:before {
    border-color: #bfbfbf;
}

.label-cancelled.arrowed-right:after {
    border-left-color: #bfbfbf;
}

.label-cancelled.arrowed-in-right:after {
    border-color: #bfbfbf;
}

.label-expired.arrowed:before {
    border-right-color: #999;
}

.label-expired.arrowed-in:before {
    border-color: #999;
}

.label-expired.arrowed-right:after {
    border-left-color: #999;
}

.label-expired.arrowed-in-right:after {
    border-color: #999;
}

.label-refunded.arrowed:before {
    border-right-color: #999;
}

.label-refunded.arrowed-in:before {
    border-color: #999;
}

.label-refunded.arrowed-right:after {
    border-left-color: #999;
}

.label-refunded.arrowed-in-right:after {
    border-color: #999;
}

.label-collections.arrowed:before {
    border-right-color: #feb902;
}

.label-collections.arrowed-in:before {
    border-color: #feb902;
}

.label-collections.arrowed-right:after {
    border-left-color: #feb902;
}

.label-collections.arrowed-in-right:after {
    border-color: #feb902;
}

.label-fraud.arrowed:before {
    border-right-color: #222;
}

.label-fraud.arrowed-in:before {
    border-color: #222;
}

.label-fraud.arrowed-right:after {
    border-left-color: #222;
}

.label-fraud.arrowed-in-right:after {
    border-color: #222;
}

.label {
    font-size: 12px;
    line-height: 1.2;
    height: 20px;
}

    .label.arrowed {
        margin-left: 5px;
    }

        .label.arrowed:before {
            left: -10px;
            border-width: 10px 5px;
        }

    .label.arrowed-in {
        margin-left: 5px;
    }

        .label.arrowed-in:before {
            left: -5px;
            border-width: 10px 5px;
        }

    .label.arrowed-right {
        margin-right: 5px;
    }

        .label.arrowed-right:after {
            right: -10px;
            border-width: 10px 5px;
        }

    .label.arrowed-in-right {
        margin-right: 5px;
    }

        .label.arrowed-in-right:after {
            right: -5px;
            border-width: 10px 5px;
        }

.label-lg {
    padding: .3em .6em .4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}

    .label-lg.arrowed {
        margin-left: 6px;
    }

        .label-lg.arrowed:before {
            left: -12px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-in {
        margin-left: 6px;
    }

        .label-lg.arrowed-in:before {
            left: -6px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-right {
        margin-right: 6px;
    }

        .label-lg.arrowed-right:after {
            right: -12px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-in-right {
        margin-right: 6px;
    }

        .label-lg.arrowed-in-right:after {
            right: -6px;
            border-width: 12px 6px;
        }

.label-xlg {
    padding: .3em .7em .4em;
    font-size: 14px;
    line-height: 1.3;
    height: 28px;
}

    .label-xlg.arrowed {
        margin-left: 7px;
    }

        .label-xlg.arrowed:before {
            left: -14px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-in {
        margin-left: 7px;
    }

        .label-xlg.arrowed-in:before {
            left: -7px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-right {
        margin-right: 7px;
    }

        .label-xlg.arrowed-right:after {
            right: -14px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-in-right {
        margin-right: 7px;
    }

        .label-xlg.arrowed-in-right:after {
            right: -7px;
            border-width: 14px 7px;
        }

.label-sm {
    padding: .2em .4em .3em;
    font-size: 11px;
    line-height: 1.2;
    height: 18px;
}

    .label-sm.arrowed {
        margin-left: 4px;
    }

        .label-sm.arrowed:before {
            left: -8px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-in {
        margin-left: 4px;
    }

        .label-sm.arrowed-in:before {
            left: -4px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-right {
        margin-right: 4px;
    }

        .label-sm.arrowed-right:after {
            right: -8px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-in-right {
        margin-right: 4px;
    }

        .label-sm.arrowed-in-right:after {
            right: -4px;
            border-width: 9px 4px;
        }

.label > span, .label > [class*=fa-], .label > [class*=glyphicon-] {
    line-height: 1;
    vertical-align: bottom;
}

form .tcb {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    form.form-inline .tcb {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }
}

form .labels {
    cursor: pointer;
}

/*form label {
	font-weight: 600;
}*/

form label {
    /*font-size: 12px;*/
    font-weight: normal;
}

form .form-actions {
    display: block;
    border-top: 1px solid #cfcfcf;
    padding: 15px 10px;
}

    form .form-actions .form-group {
        margin-bottom: 0;
    }

form .input-group-addon {
    border: 1px solid #cfcfcf;
}

    form .input-group-addon [class*=" fa-"], form .input-group-addon [class^=fa-], form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^=glyphicon-] {
        color: #686868;
    }

    form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^=glyphicon-] {
        font-size: 13px;
    }

form .form-group .help-block {
    font-size: 12px;
    margin-bottom: 5px;
}

form .form-group.has-success > .input-icon [class*=fa-], form .form-group.has-success > .input-icon [class^=fa-], form .form-group.has-success > .input-icon [class*=glyphicon-], form .form-group.has-success > .input-icon [class^=glyphicon-] {
    color: #3c763d;
}

form .form-group.has-warning > .input-icon [class*=fa-], form .form-group.has-warning > .input-icon [class^=fa-], form .form-group.has-warning > .input-icon [class*=glyphicon-], form .form-group.has-warning > .input-icon [class^=glyphicon-] {
    color: #8a6d3b;
}

form .form-group.has-error > .input-icon [class*=fa-], form .form-group.has-error > .input-icon [class^=fa-], form .form-group.has-error > .input-icon [class*=glyphicon-], form .form-group.has-error > .input-icon [class^=glyphicon-] {
    color: #a94442;
}

form .input-icon {
    position: relative;
}

    form .input-icon input {
        padding-left: 33px !important;
    }

    form .input-icon [class*=fa-], form .input-icon [class^=fa-], form .input-icon [class*=" glyphicon-"], form .input-icon [class^=glyphicon-] {
        display: block;
        position: absolute;
        margin: 11px 2px 4px 10px;
        width: 16px;
        min-width: 16px;
        height: 16px;
        font-size: 16px;
    }

    form .input-icon.right input {
        padding-left: 12px !important;
        padding-right: 33px !important;
    }

    form .input-icon.right [class*=fa-], form [class^=fa-] {
        right: 8px;
        float: right;
        top: 7px;
    }

.form-horizontal .tcb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.form-horizontal .tcb-inline {
    display: inline-block;
    padding-left: 0 !important;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 15px;
    min-height: 20px;
}

@media (max-width:767px) {
    .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
        margin-bottom: 5px;
    }
}

textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=find], input[type=tel], input[type=color] {
    border-radius: 0 !important;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    font-size: 13px;
    box-shadow: none !important;
    /*padding: 6px;*/ /*padding:0 7px;*/
    height: 23px;
}

    textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=find]:focus, input[type=tel]:focus, input[type=color]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #cfcfcf #cfcfcf #cfcfcf #5686c8;
        background-color: #fff;
        outline: 0 none;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }

input[readonly] {
    background: #f5f5f5 !important;
    cursor: default !important;
}

.input-mini {
    width: 60px;
    max-width: 100%;
}

.input-small {
    width: 90px;
    max-width: 100%;
}

.input-medium, .input-md {
    width: 150px;
    max-width: 100%;
}

.input-large {
    width: 210px;
    max-width: 100%;
}

.input-xlarge {
    width: 270px;
    max-width: 100%;
}

.input-xxlarge {
    width: 530px;
    max-width: 100%;
}

.input-lg {
    height: 45px;
}

select option, select.form-control option {
    padding: 3px 4px;
}

    select option:active, select.form-control option:active, select option:hover, select.form-control option:hover, select option:focus, select.form-control option:focus {
        background-color: #fff;
        color: #686868;
    }

    select option[value=""], select.form-control option[value=""] {
        padding: 0;
    }

.form-control, select {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #444;
    background-color: #fff;
    border: 1px solid #cfcfcf;
}

    .form-control:focus, select:focus {
        color: #444;
        border-color: #cfcfcf;
        background-color: #fff;
        outline: 0;
    }

select {
    padding: 3px 4px;
    height: 30px;
}

    select.form-control {
        /*padding: 4px 6px;*/ padding: 0;
    }

        select[multiple], select.form-control[multiple] {
            height: auto;
        }

    select.input-sm {
        border-radius: 0;
        padding: 2px 3px;
    }

    select.input-lg {
        border-radius: 0;
        padding: 6px 8px;
    }

input[disabled] {
    color: #848484 !important;
    background-color: #eee !important;
}

    input[disabled]:hover {
        border-color: #cfcfcf !important;
    }

input[readonly] {
    color: #939192;
    background: #f5f5f5 !important;
    cursor: default;
}

    input[readonly]:hover {
        border-color: #c3c3c3;
    }

    input[readonly]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #aaa;
        background-color: #f9f9f9;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset !important;
}

.login-container {
    margin: 8% auto 50px;
    width: 200px;
}

    .login-container h2 {
        text-align: center;
        margin: 0 0 0 270px;
    }

#login-box input.form-control {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: none;
    border-bottom: 1px solid #fff !important;
    color: #fff;
    height: 50px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
}

#forgot-box input.form-control {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: none;
    border-bottom: 1px solid #fff !important;
    color: #fff;
    height: 50px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2) !important;
}

.login-box {
    /*width: 360px;*/
    width: 600px;
    padding: 20px;
    padding-bottom: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    -moz-transform: scale(0,1) translate(-150px);
    -webkit-transform: scale(0,1) translate(-150px);
    -o-transform: scale(0,1) translate(-150px);
    -ms-transform: scale(0,1) translate(-150px);
    transform: scale(0,1) translate(-150px);
    color: #fff;
    margin-top: -120px;
}

    .login-box.visible {
        visibility: visible;
        -moz-transform: scale(1,1) translate(0);
        -webkit-transform: scale(1,1) translate(0);
        -o-transform: scale(1,1) translate(0);
        -ms-transform: scale(1,1) translate(0);
        transform: scale(1,1) translate(0);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -o-transition: none;
        -webkit-transition: none;
    }

    .login-box .page-header {
        margin: -15px 0 15px;
    }

    .login-box .footer-wrap {
        margin: 20px -20px 0;
        padding: 10px 20px;
    }

        .login-box .footer-wrap a {
            text-decoration: none;
        }

    .login-box .social-or-login {
        margin-top: 4px;
        position: relative;
        z-index: 1;
        text-align: center;
    }

        .login-box .social-or-login :first-child {
            display: inline-block;
            background: rgba(255,255,255,.36);
            padding: 2px 8px;
            color: #4099ad;
            font-size: 13px;
        }

        .login-box .social-or-login:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 50%;
            left: 0;
            right: 0;
            border-top: 1px dotted rgba(255,255,255,.46);
        }

    .login-box .hr {
        border-color: rgba(255,255,255,.46);
    }

@media (max-width:480px) {
    .login-container, .login-box {
        width: 95%;
    }

        .login-container h2 {
            margin: 0 0 0 103px;
            text-align: center;
        }
}

body.login, body.error {
    background: #555 url(../../images/common/login-bg.jpg) left bottom no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.error-container {
    margin: 10% auto 50px;
}

    .error-container .error-box {
        padding: 15px;
        text-align: center;
        background: rgba(255,255,255,.75);
        border: 6px solid rgba(0,0,0,.5);
    }

        .error-container .error-box .error-code {
            font-size: 600%;
            font-weight: bolder;
            border-bottom: 1px solid #bd362f;
            padding: 10px;
            color: #bd362f;
        }

@media (max-width:768px) {
    .error-container .error-box .error-code {
        font-size: 360%;
    }
}

@media (max-width:480px) {
    .error-container .error-box .error-code {
        font-size: 200%;
    }

    .error-container .error-box h3 {
        font-size: 13px !important;
    }
}

.top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
    color: #fff;
}

    .top-navbar .navbar-nav > li > a:hover, .top-navbar .navbar-right > li > a:hover, .top-navbar .navbar-nav > li > a:focus, .top-navbar .navbar-right > li > a:focus {
        color: #fff;
    }

.top-navbar .nav li a {
    border-top: 1px solid transparent;
}

.top-navbar .navbar-toggle {
    outline: 0;
    margin-top: 6px;
    margin-bottom: auto;
    border-color: transparent;
    color: #686868;
}

    .top-navbar .navbar-toggle:hover, .top-navbar .navbar-toggle:active, .top-navbar .navbar-toggle:focus {
        background: 0 0;
    }

    .top-navbar .navbar-toggle .fa {
        font-size: 21px;
    }

.top-navbar .navbar-collapse {
    border-color: transparent;
}

.top-navbar .nav .open > a, .top-navbar .nav .open > a:hover, .top-navbar .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.top-navbar .navbar-left > li > a, .top-navbar .navbar-right > li > a {
    font-size: 14px;
}

.top-navbar .top-menu {
    background-color: #373737;
}

.top-navbar.navbar {
    background-color: #fff;
    margin-bottom: 0;
    border-bottom: 0 none;
}

.top-navbar .navbar-header {
    background-color: #fff;
    padding: 0 0 5px;
}

@media (max-width:992px) {
    .top-navbar .nav-top {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 10px;
        background-color: #373737;
    }

    .top-navbar .navbar-left.pull-right {
        float: none !important;
    }
}

@media (min-width:992px) {
    .top-navbar.navbar {
        border-bottom: 0;
    }

    .top-navbar .search-box {
        min-width: 190px;
    }

    .top-navbar .navbar-brand {
        margin-left: 0 !important;
    }

    .top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
        padding: 15px;
    }

    .top-navbar .navbar-right > li > a {
        color: #686868 !important;
    }

    .top-navbar .nav-top {
        margin: 0;
    }

    .top-navbar .navbar-right, .top-navbar .navbar-header {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        padding: 10px 0;
    }

    .top-navbar.top-nav-collapse .navbar-right, .top-navbar.top-nav-collapse .navbar-header {
        padding: 0;
    }

    .top-navbar .navbar-left.navbar-nav > li {
        border: 1px solid rgba(0,0,0,.2);
        border-width: 0 1px 0 0;
    }

        .top-navbar .navbar-left.navbar-nav > li:first-child {
            border-width: 0 1px !important;
        }

        .top-navbar .navbar-left.navbar-nav > li .btn:hover, .top-navbar .navbar-left.navbar-nav > li .btn:focus {
            background-color: #5686c8 !important;
        }

    ;
}

.mass-head {
    width: 100%;
    height: auto;
}

    .mass-head.inner {
        padding: 15px 0 0;
        border-bottom: 1px solid #cfcfcf;
        background: #f2f2f2;
    }

        .mass-head.inner h1 {
            font-size: 31px;
            margin-top: 0;
        }

            .mass-head.inner h1 small {
                font-size: 13px;
            }

        .mass-head.inner .breadcrumb {
            float: right;
            margin-top: 0;
            background: 0 0;
            border-bottom: 0 none;
            margin-bottom: 10px;
        }

            .mass-head.inner .breadcrumb li, .mass-head.inner .breadcrumb a {
                text-decoration: none;
            }

            .mass-head.inner .breadcrumb > li + li:before {
                content: "//\00a0";
                padding: 0 5px;
            }

@media (max-width:992px) {
    .mass-head.inner .breadcrumb {
        float: left;
        padding: 0;
    }
}

.mass-head.inner.bg-danger h1, .mass-head.inner.bg-primary h1, .mass-head.inner.bg-success h1, .mass-head.inner.bg-warning h1, .mass-head.inner.bg-info h1, .mass-head.inner.dark h1, .mass-head.inner.gray h1, .mass-head.inner.bg-danger .breadcrumb, .mass-head.inner.bg-primary .breadcrumb, .mass-head.inner.bg-success .breadcrumb, .mass-head.inner.bg-warning .breadcrumb, .mass-head.inner.bg-info .breadcrumb, .mass-head.inner.dark .breadcrumb, .mass-head.inner.gray .breadcrumb, .mass-head.inner.bg-danger .breadcrumb li, .mass-head.inner.bg-primary .breadcrumb li, .mass-head.inner.bg-success .breadcrumb li, .mass-head.inner.bg-warning .breadcrumb li, .mass-head.inner.bg-info .breadcrumb li, .mass-head.inner.dark .breadcrumb li, .mass-head.inner.gray .breadcrumb li, .mass-head.inner.bg-danger .breadcrumb a, .mass-head.inner.bg-primary .breadcrumb a, .mass-head.inner.bg-success .breadcrumb a, .mass-head.inner.bg-warning .breadcrumb a, .mass-head.inner.bg-info .breadcrumb a, .mass-head.inner.dark .breadcrumb a, .mass-head.inner.gray .breadcrumb a, .mass-head.inner.bg-danger .breadcrumb > li + li:before, .mass-head.inner.bg-primary .breadcrumb > li + li:before, .mass-head.inner.bg-success .breadcrumb > li + li:before, .mass-head.inner.bg-warning .breadcrumb > li + li:before, .mass-head.inner.bg-info .breadcrumb > li + li:before, .mass-head.inner.dark .breadcrumb > li + li:before, .mass-head.inner.gray .breadcrumb > li + li:before {
    color: rgba(255,255,255,.95);
}

    .mass-head.inner.bg-danger .breadcrumb li:hover, .mass-head.inner.bg-primary .breadcrumb li:hover, .mass-head.inner.bg-success .breadcrumb li:hover, .mass-head.inner.bg-warning .breadcrumb li:hover, .mass-head.inner.bg-info .breadcrumb li:hover, .mass-head.inner.dark .breadcrumb li:hover, .mass-head.inner.gray .breadcrumb li:hover, .mass-head.inner.bg-danger .breadcrumb a:hover, .mass-head.inner.bg-primary .breadcrumb a:hover, .mass-head.inner.bg-success .breadcrumb a:hover, .mass-head.inner.bg-warning .breadcrumb a:hover, .mass-head.inner.bg-info .breadcrumb a:hover, .mass-head.inner.dark .breadcrumb a:hover, .mass-head.inner.gray .breadcrumb a:hover {
        color: #fff;
    }

.mass-head.inner.bg-danger small, .mass-head.inner.bg-primary small, .mass-head.inner.bg-success small, .mass-head.inner.bg-warning small, .mass-head.inner.bg-info small, .mass-head.inner.dark small, .mass-head.inner.gray small {
    color: rgba(255,255,255,.65);
}

@media (min-width:992px) {
    .mass-head {
        padding: 120px 0 0;
    }

        .mass-head.inner {
            padding: 140px 0 0;
        }

            .mass-head.inner .breadcrumb {
                margin-bottom: 0;
            }
}

.block-s1 {
    padding: 10px 0;
}

    .block-s1 p, .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4, .block-s1 h5, .block-s1 h6 {
        padding: 0;
        margin: 10px 15px;
    }

@media (max-width:992px) {
    .block-s1 .text-right, .block-s1 .text-left {
        text-align: center !important;
    }
}

@media (max-width:480px) {
    .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4 {
        font-size: 16px;
        line-height: 26px;
    }
}

.block-s1.notice {
    padding: 10px;
}

.block-s2, .block-s4 {
    padding: 20px 0 5px;
}

.block-s3 {
    padding: 15px 0;
}

.block-footer {
    padding: 40px 0 10px;
    background: #2f2f2f;
}

    .block-footer ul.list-unstyled {
        padding: 0 10px;
    }

        .block-footer ul.list-unstyled a {
            color: #909090;
        }

            .block-footer ul.list-unstyled a:hover, .block-footer ul.list-unstyled a:active, .block-footer ul.list-unstyled a:focus {
                color: #f6f6f6;
                text-decoration: none;
            }

        .block-footer ul.list-unstyled li {
            padding-top: 5px;
        }

        .block-footer ul.list-unstyled .fa, .block-footer ul.list-unstyled .glyphicon {
            font-size: 110%;
        }

    .block-footer h4 {
        text-transform: uppercase;
        color: #909090;
        font-size: 15px;
    }

    .block-footer .social ul, .block-footer .social li {
        padding: 0 !important;
    }

    .block-footer .well {
        background: #282828;
        border: 0 none;
    }

    .block-footer .copyright {
        padding-top: 10px;
        margin-top: 60px;
        border-top: 1px solid #494949;
        border-bottom: 1px solid #494949;
    }

        .block-footer .copyright ul {
            float: right;
        }

            .block-footer .copyright ul a {
                color: #909090;
            }

                .block-footer .copyright ul a:hover, .block-footer .copyright ul a:active, .block-footer .copyright ul a:focus {
                    color: #f6f6f6;
                    text-decoration: none;
                }

@media (max-width:768px) {
    .block-footer .copyright ul {
        float: left !important;
    }
}

.page-container {
    background: #fff;
}

@media (min-width:767px) {
    .block-s2 {
        padding: 40px 0 25px;
    }
}

@media (max-width:992px) {
    .container {
        width: 100% !important;
    }
}

#back-to-top {
    z-index: 9999;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 3px;
    right: 1px;
    display: none;
}

.blog-posts {
    margin: 0 0 15px;
    border-bottom: 1px double #cfcfcf;
    padding-bottom: 15px;
}

    .blog-posts h1, .blog-posts h2 {
        margin-top: 10px;
    }

        .blog-posts h1 a, .blog-posts h2 a {
            color: #686868;
        }

            .blog-posts h1 a:hover, .blog-posts h2 a:hover, .blog-posts h1 a:focus, .blog-posts h2 a:focus {
                color: #5686c8;
            }

@media (max-width:480px) {
    .blog-posts h1, .blog-posts h2 {
        font-size: 18px;
    }
}

.blog-posts .article-info {
    margin: 20px 0 15px;
    background: #fff;
    padding: 7.5px 0;
    border: 1px solid #cfcfcf;
    border-width: 1px 0;
}

    .blog-posts .article-info li {
        display: inline-block;
        margin-right: 10px;
        border-left: solid 1px #cfcfcf;
        padding-left: 15px;
    }

        .blog-posts .article-info li:first-child {
            padding-left: 0;
            border: 0 none;
        }

        .blog-posts .article-info li a {
            color: #686868;
        }

        .blog-posts .article-info li .fa {
            margin-right: 4px;
            font-size: 14px;
            color: #5686c8;
        }

    .blog-posts .article-info .pull-right li {
        margin-right: 0;
    }

    .blog-posts .article-info.top {
        border: 0 none;
        padding: 0;
        margin: 0 0 15px;
    }

        .blog-posts .article-info.top li {
            border: 0 none;
            padding-left: 0;
        }

.blog-posts img {
    margin: 10px 0 15px;
}

.blog-posts .lead {
    font-size: 16px;
}

.blog-posts .comments {
    border: 1px solid #cfcfcf;
    border-width: 1px 0;
    padding: 15px 0;
    margin-bottom: 15px;
}

    .blog-posts .comments h4 {
        padding-top: 0;
        margin: 10px 0 4px;
        font-size: 16px;
    }

    .blog-posts .comments .media-object {
        width: 60px;
        max-width: 60px;
        height: 60px;
        max-hegiht: 60px;
        border: 1px solid #cfcfcf;
        padding: 3px;
    }

.blog-posts .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

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

.blog-tags {
    margin-bottom: 15px;
}

    .blog-tags h3 {
        margin: 0 0 10px;
    }

    .blog-tags ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .blog-tags ul li {
            position: relative;
            margin: 0 16px 7px 0;
            display: inline-block;
        }

            .blog-tags ul li a {
                background: #f2f2f2;
                display: inline-block;
                padding: 3px 5px 3px 10px;
                color: #999;
            }

                .blog-tags ul li a:hover, .blog-tags ul li a:focus {
                    color: #fff;
                    background: #5686c8;
                    text-decoration: none;
                }

                    .blog-tags ul li a:hover:after, .blog-tags ul li a:focus:after {
                        border-left-color: #5686c8;
                    }

                .blog-tags ul li a:after {
                    top: 50%;
                    width: 0;
                    left: 100%;
                    height: 0;
                    z-index: 2;
                    content: " ";
                    display: block;
                    margin-top: -12px;
                    position: absolute;
                    border-left: 12px solid #f2f2f2;
                    border-top: 12px solid transparent;
                    border-bottom: 12px solid transparent;
                }

.blog-categories {
    margin-bottom: 15px;
}

    .blog-categories h3 {
        margin: 0 0 10px;
    }

    .blog-categories ul li {
        padding: 5px 15px;
        border-bottom: 1px solid #f5f5f5;
    }

        .blog-categories ul li a:hover, .blog-categories ul li a:focus {
            text-decoration: none;
            color: #686868;
        }

        .blog-categories ul li :before {
            content: "\f105";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 4px;
        }

.pricing-table-1 {
    padding: 0 25px 15px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    border: 3px solid #cfcfcf;
}

    .pricing-table-1 .plan-title {
        margin-top: 15px;
    }

    .pricing-table-1 .plan-pricing {
        width: 140px;
        height: 140px;
        margin: 30px auto;
        border: 3px solid #cfcfcf;
        background: #fff;
        border-radius: 100%;
        display: table;
    }

        .pricing-table-1 .plan-pricing .plan-price {
            font-size: 30px;
            line-height: 20px;
            vertical-align: middle;
            display: table-cell;
        }

        .pricing-table-1 .plan-pricing .plan-unit {
            display: block;
            margin-top: 5px;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: 400;
        }

        .pricing-table-1 .plan-pricing .plan-text {
            text-transform: none;
            display: block;
            margin-bottom: 5px;
            font-size: 11px;
            font-weight: 400;
        }

    .pricing-table-1 .plan-features {
        margin: 30px auto;
        padding: 15px 0 0;
        border-top: 1px solid #cfcfcf;
    }

        .pricing-table-1 .plan-features li {
            list-style: none;
            padding: 5px 0;
        }

    .pricing-table-1 .plan-button {
        margin-bottom: 15px;
    }

    .pricing-table-1.active {
        border-color: #5686c8;
    }

        .pricing-table-1.active .plan-pricing {
            background: #5686c8;
            border-color: #ce4444;
        }

        .pricing-table-1.active .plan-price, .pricing-table-1.active .plan-unit {
            color: #fff;
        }

    .pricing-table-1:hover {
        border-color: #5686c8;
    }

    .pricing-table-1 .ribbon-wrapper .ribbon {
        top: 14px;
    }

.pricing-table-2 {
    margin-bottom: 15px;
    border: 1px solid #cfcfcf;
}

    .pricing-table-2 .product-image {
        display: block;
        position: relative;
        z-index: 2;
    }

    .pricing-table-2 .icon-attachment {
        color: #fff;
    }

    .pricing-table-2 .details {
        position: relative;
        background: #fff;
        padding: 0 10px 25px;
        z-index: 3;
    }

        .pricing-table-2 .details h4 {
            margin: 0;
            padding: 5px 0;
            font-weight: 500;
        }

            .pricing-table-2 .details h4 a {
                color: #686868;
            }

                .pricing-table-2 .details h4 a:hover {
                    text-decoration: none;
                    color: #5686c8;
                }

        .pricing-table-2 .details p {
            padding: 0;
            font-size: 11px;
        }

        .pricing-table-2 .details .intents {
            text-align: right;
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .pricing-table-2 .details .intents .count {
                display: inline-block;
                position: relative;
                top: -3px;
                margin: 0 5px;
            }

    .pricing-table-2 .actions {
        height: 25px;
        font-size: 18px;
        font-weight: 400;
    }

        .pricing-table-2 .actions .btn-round {
            position: relative;
            border-radius: 100%;
            padding: 10px 0;
            width: 38px;
            height: 38px;
            top: -19px;
            text-align: center;
            border-color: transparent;
            background: #fff;
        }

            .pricing-table-2 .actions .btn-round:hover {
                background: #fff;
            }

        .pricing-table-2 .actions .counter {
            float: right;
        }

            .pricing-table-2 .actions .counter.text {
                font-size: 14px;
            }

        .pricing-table-2 .actions a:hover {
            text-decoration: none;
        }

    .pricing-table-2 .pricing {
        position: absolute;
        z-index: 3;
        color: #fff;
        font-weight: 500;
        font-size: 1.7em;
        right: 10px;
        bottom: 5px;
        padding: 0 10px;
        background-color: rgba(0,0,0,.55);
        border: 1px solid rgba(0,0,0,.35);
    }

    .pricing-table-2 .tag {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 10px;
    }

        .pricing-table-2 .tag .text {
            font-weight: 600;
            position: absolute;
            top: 5px;
            right: 0;
            width: 40px;
            color: #fff;
            z-index: 4;
            text-align: center;
        }

        .pricing-table-2 .tag .caret {
            border-top: 8px solid transparent !important;
            display: block;
            color: #fff;
            z-index: 3;
            position: relative;
            top: 0;
            right: 0;
            text-align: center;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            border-left: 20px solid rgba(0,0,0,.55);
            border-right: 20px solid rgba(0,0,0,.55);
            border-bottom: 30px solid rgba(0,0,0,.55);
        }

        .pricing-table-2 .tag .bg-danger, .pricing-table-2 .tag .bg-primary, .pricing-table-2 .tag .bg-success, .pricing-table-2 .tag .bg-warning, .pricing-table-2 .tag .bg-info, .pricing-table-2 .tag .dark, .pricing-table-2 .tag .gray, .pricing-table-2 .tag .inverse {
            background-color: transparent !important;
        }

/*.pricing-table-3 {
	padding: 15px;
	width: 100%;
	height: 100%;
	border: 3px solid #cfcfcf;
	margin-bottom: 15px;
	background: #fff;
}*/


.pricing-table-3 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    /* margin-bottom: 15px;*/
    margin-right: -15px;
    max-height: 188px;
    overflow: auto;
    padding: 5px;
    width: 56%;
}

    .pricing-table-3 .price-small {
        font-size: 24px;
    }

    .pricing-table-3 h3, .pricing-table-3 h4 {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .pricing-table-3 .desc {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .pricing-table-3 .rate {
        background: #5686c8;
        padding: 15px;
        margin: 15px -15px;
        color: #fff;
        clear: both;
    }

        .pricing-table-3 .rate .price {
            display: inline-block;
            float: left;
            clear: both;
        }

            .pricing-table-3 .rate .price .term {
                padding-top: 4px;
                margin-left: 4px;
                float: left;
            }

            .pricing-table-3 .rate .price .amount {
                padding-top: 4px;
                float: left;
                text-align: right;
                font-size: 41px;
                line-height: 40px;
                font-weight: 300;
            }

        .pricing-table-3 .rate .btn {
            margin-top: 3px;
            float: right;
            display: block;
        }

        .pricing-table-3 .rate:before {
            display: table;
            line-height: 0;
            content: "";
        }

        .pricing-table-3 .rate:after {
            display: table;
            line-height: 0;
            content: "";
            clear: both;
        }

    .pricing-table-3 ul {
        padding-left: 5px;
        margin-bottom: 15px;
    }

        .pricing-table-3 ul li {
            list-style: none;
            padding: 7.5px 0;
            border-bottom: solid 1px #f2f2f2;
        }

            .pricing-table-3 ul li:before {
                content: "\f00c";
                margin-right: 4px;
                font-family: FontAwesome;
                font-style: normal;
                font-weight: 400;
            }

    .pricing-table-3:hover {
        border-color: #5686c8;
    }

    .pricing-table-3.active {
        border-color: #5686c8;
    }

    .pricing-table-3 .ribbon-wrapper .ribbon {
        top: 14px;
    }

.tc-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tc-gallery > li {
        float: left;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 15px 15px 0;
    }

        .tc-gallery > li > :first-child {
            display: block;
            position: relative;
        }

            .tc-gallery > li > :first-child:focus {
                outline: 0;
            }

        .tc-gallery > li .tags {
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 0;
            overflow: visible;
            direction: rtl;
            padding: 0;
            margin: 0;
            height: auto;
            width: auto;
            background-color: transparent;
            border-width: 0;
            vertical-align: inherit;
        }

            .tc-gallery > li .tags > .label-holder {
                opacity: .92;
                filter: alpha(opacity=92);
                display: table;
                margin: 1px 0 0;
                direction: ltr;
                text-align: left;
            }

                .tc-gallery > li .tags > .label-holder:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

        .tc-gallery > li > .tools {
            position: absolute;
            top: 0;
            bottom: 0;
            left: -30px;
            width: 24px;
            background-color: rgba(0,0,0,.55);
            text-align: center;
            vertical-align: middle;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

            .tc-gallery > li > .tools.tools-right {
                left: auto;
                right: -30px;
            }

            .tc-gallery > li > .tools.tools-bottom {
                width: auto;
                height: 28px;
                left: 0;
                right: 0;
                top: auto;
                bottom: -30px;
            }

            .tc-gallery > li > .tools.tools-top {
                width: auto;
                height: 28px;
                left: 0;
                right: 0;
                top: -30px;
                bottom: auto;
            }

        .tc-gallery > li:hover > .tools {
            left: 0;
            right: 0;
        }

            .tc-gallery > li:hover > .tools.tools-bottom {
                top: auto;
                bottom: 0;
            }

            .tc-gallery > li:hover > .tools.tools-top {
                bottom: auto;
                top: 0;
            }

            .tc-gallery > li:hover > .tools.tools-right {
                left: auto;
                right: 0;
            }

        .tc-gallery > li > .in.tools {
            left: 0;
            right: 0;
        }

            .tc-gallery > li > .in.tools.tools-bottom {
                top: auto;
                bottom: 0;
            }

            .tc-gallery > li > .in.tools.tools-top {
                bottom: auto;
                top: 0;
            }

            .tc-gallery > li > .in.tools.tools-right {
                left: auto;
                right: 0;
            }

        .tc-gallery > li > .tools > a, .tc-gallery > li > :first-child .inner a {
            display: inline-block;
            color: #FFF;
            font-size: 18px;
            font-weight: 400;
            padding: 0 4px;
        }

            .tc-gallery > li > .tools > a:hover, .tc-gallery > li > :first-child .inner a:hover {
                text-decoration: none;
                color: #C9E2EA;
            }

        .tc-gallery > li .tools.tools-bottom > a, .tc-gallery > li .tools.tools-top > a {
            display: inline-block;
        }

        .tc-gallery > li > :first-child > .text {
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0;
            text-align: center;
            color: #FFF;
            background-color: rgba(0,0,0,.55);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

            .tc-gallery > li > :first-child > .text:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: 0;
            }

            .tc-gallery > li > :first-child > .text > .inner {
                padding: 4px 0;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                max-width: 90%;
            }

        .tc-gallery > li:hover > :first-child > .text {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.tc-gallery-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tc-gallery-2 > li {
        float: left;
        display: block;
        position: relative;
        margin: 0 15px 15px 0;
    }

        .tc-gallery-2 > li > :first-child {
            display: block;
            position: relative;
        }

            .tc-gallery-2 > li > :first-child:focus {
                outline: 0;
            }

        .tc-gallery-2 > li.thumbnail {
            padding: 10px;
            -moz-transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            background: #f2f2f2;
        }

            .tc-gallery-2 > li.thumbnail .thumb-preview {
                position: relative;
                z-index: 2;
            }

                .tc-gallery-2 > li.thumbnail .thumb-preview .thumb-image {
                    display: block;
                    overflow: hidden;
                }

                .tc-gallery-2 > li.thumbnail .thumb-preview img {
                    width: 100%;
                    -webkit-transition: all .1s linear;
                    -o-transition: all .1s linear;
                    transition: all .1s linear;
                    border: 1px solid #cfcfcf;
                }

                .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: rgba(0,0,0,.55);
                    visibility: hidden;
                    overflow: hidden;
                }

                    .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-zoom {
                        position: absolute;
                        top: 0;
                        right: 0;
                        padding: 5px 15px 10px;
                        font-size: 18px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: transform .1s linear .1s;
                        -o-transition: transform .1s linear .1s;
                        transition: transform .1s linear .1s;
                        -moz-transform: translate(100%,0);
                        -webkit-transform: translate(100%,0);
                        -o-transform: translate(100%,0);
                        -ms-transform: translate(100%,0);
                        transform: translate(100%,0);
                    }

                    .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background-color: rgba(0,0,0,.55);
                        color: #fff;
                        padding: 6px 10px;
                        -webkit-transition: transform .1s linear .1s;
                        -o-transition: transform .1s linear .1s;
                        transition: transform .1s linear .1s;
                        -moz-transform: translate(0,100%);
                        -webkit-transform: translate(0,100%);
                        -o-transform: translate(0,100%);
                        -ms-transform: translate(0,100%);
                        transform: translate(0,100%);
                    }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-option {
                            margin: 0;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group > a {
                            color: #fff;
                            padding: 0 5px;
                            text-decoration: none;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group .gl-toggle {
                            color: #fff;
                            background: 0 0;
                            border: 0;
                            padding: 2px 2px 2px 10px;
                            border-left: 1px solid rgba(0,0,0,.55);
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .checkbox-inline {
                            padding-left: 0;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar:after {
                            content: "";
                            display: table;
                            clear: both;
                        }

            .tc-gallery-2 > li.thumbnail .gl-title {
                margin: 10px 0 2px;
                padding-bottom: 2px;
                display: inline-block;
            }

                .tc-gallery-2 > li.thumbnail .gl-title small {
                    position: relative;
                    top: 0;
                    left: 0;
                    color: #999;
                    opacity: 0;
                    z-index: 1;
                    font-size: 10px;
                    font-size: 1rem;
                }

            .tc-gallery-2 > li.thumbnail .gl-description:after {
                content: "";
                display: table;
                clear: both;
            }

            .tc-gallery-2 > li.thumbnail.thumbnail-selected {
                border-color: #fff;
                box-shadow: 0 0 8px -1px #e5e5e5;
            }

                .tc-gallery-2 > li.thumbnail.thumbnail-selected .gl-title small {
                    opacity: 1;
                }

                .tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options {
                    visibility: visible;
                }

                    .tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options .gl-toolbar {
                        -moz-transform: translate(0,0);
                        -webkit-transform: translate(0,0);
                        -o-transform: translate(0,0);
                        -ms-transform: translate(0,0);
                        transform: translate(0,0);
                    }

            .tc-gallery-2 > li.thumbnail:hover .gl-title small, .tc-gallery-2 > li.thumbnail:focus .gl-title small {
                opacity: 1;
            }

            .tc-gallery-2 > li.thumbnail:hover .thumb-preview img, .tc-gallery-2 > li.thumbnail:focus .thumb-preview img {
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -o-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

            .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options {
                visibility: visible;
            }

                .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-zoom, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-zoom {
                    -moz-transform: translate(0,0);
                    -webkit-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    -ms-transform: translate(0,0);
                    transform: translate(0,0);
                }

                .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-toolbar, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-toolbar {
                    -moz-transform: translate(0,0);
                    -webkit-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    -ms-transform: translate(0,0);
                    transform: translate(0,0);
                }

@media only screen and (max-width:460px) {
    .tc-gallery {
        text-align: center;
    }

        .tc-gallery > li, .tc-gallery-2 > li {
            float: none;
            display: inline-block;
            margin: 2px;
        }
}

.notice {
    display: block;
    min-width: 200px;
    height: auto;
    position: relative;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}

    .notice * {
        color: inherit;
    }

    .notice :hover, .notice :focus, .notice :active {
        color: inherit;
    }

    .notice:before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        background-color: inherit;
        left: -5px;
        top: 50%;
        margin-top: -5px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .notice.marker-on-top:before {
        top: 0;
        left: 50%;
        margin-left: -5px;
    }

    .notice.marker-on-right:before {
        top: 50%;
        margin-top: -5px;
        left: 100%;
        margin-left: -5px;
    }

    .notice.marker-on-bottom:before {
        top: 100%;
        margin-left: -5px;
        left: 50%;
        margin-top: -5px;
    }

.inbox-tabs.nav-tabs > li > a {
    background-color: #fff;
}

.inbox-tabs.nav-tabs > li.active:not(.open) > a, .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover, .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
    background-color: #f2f2f2;
}

/*.inbox-tabs.nav-tabs > li > a.btn-new-mail {
    background-color: transparent;
    border: 0!important;
    padding: 0!important;
}*/

.inbox-tabs.nav-tabs > li > a.btn-new-mail > .btn {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.inbox-tabs.nav-tabs.tab-lg-button > li > a.btn-new-mail > .btn {
    padding: 10px !important;
}

@media only screen and (max-width:475px) {
    .inbox-tabs > .li-new-mail {
        display: block;
        text-align: right;
        margin-bottom: 8px !important;
        float: none !important;
    }

        .inbox-tabs > .li-new-mail > .btn-new-mail {
            display: inline-block;
            width: auto;
        }
}

.message-container {
    position: relative;
}

    .message-container label {
        margin-bottom: 0;
    }

.message-list {
    position: relative;
}

.message-item {
    border: 1px solid #efefef;
    border-bottom-width: 0;
    padding: 4px 15px 8px;
    line-height: 18px;
    position: relative;
    background-color: #fff;
    border-left-width: 0;
    border-right-width: 0;
}

    .message-item:first-child {
        border-top-width: 0;
    }

    .message-item:last-child {
        border-bottom-width: 0px;
    }

    .message-item:hover {
        border-color: #cfcfcf;
        background-color: #F7F7F7;
        cursor: pointer;
    }

        .message-item:hover + .message-item {
            border-top-color: #cfcfcf;
        }

            .message-item:hover + .message-item.selected {
                border-top-color: #fff;
            }

    .message-item.selected {
        background-color: #F7F7F7;
        border-color: #fff #cfcfcf;
    }

        .message-item.selected + .message-item {
            border-top-color: #fff;
        }

            .message-item.selected + .message-item:hover + .message-item {
                border-top-color: #fff;
            }

    .message-navbar input.ace + .lbl::before, .message-item input.ace + .lbl::before {
        top: auto;
    }

    .message-item .sender {
        margin: 0 6px 0 4px;
        vertical-align: middle;
        display: inline-block;
        width: 110px;
        height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        color: #373838;
    }

    .message-item.message-unread .sender {
        color: #333;
        font-weight: 600;
    }

    .message-item .summary {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        margin-left: 62px;
        max-width: 250px;
        max-width: calc(100% - 300px);
        min-width: 200px;
        white-space: nowrap;
    }

        .message-item .summary .text {
            vertical-align: middle;
            display: inline-block;
            width: auto;
            max-width: 100%;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

            .message-item .summary .text:hover {
                /*text-decoration: underline;*/
            }

        .message-item .summary .message-flags {
            display: block;
            position: absolute;
            right: 100%;
            margin-right: 4px;
            height: 18px;
            white-space: nowrap;
        }












    .message-item .subject {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        margin-left: 4px;
        max-width: 250px;
        max-width: calc(100% - 300px);
        min-width: 200px;
        white-space: nowrap;
    }

        .message-item .subject .text {
            vertical-align: middle;
            display: inline-block;
            width: auto;
            max-width: 100%;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

            .message-item .subject .text:hover {
                text-decoration: underline;
            }





    .message-item.message-unread .summary .text {
        /*color: #5686c8;*/
        /*font-weight: 600;*/
    }

    .message-item .time {
        float: right;
        width: 60px;
        height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .message-item.message-unread .time {
        /*font-weight: 600;*/
    }

    .message-item.message-unread .message-content .time {
        font-weight: 400;
    }

    .message-item .attachment {
        font-size: 18px;
        vertical-align: middle;
        float: right;
        margin: 0 12px;
        position: relative;
    }

    .message-item.message-unread .attachment {
        color: #5686c8;
    }

.message-content .time {
    font-weight: 400;
}

.message-star {
    vertical-align: middle;
    margin: 2px 4px 0 6px;
    font-size: 16px;
    cursor: pointer;
    color: #686868;
}

.message-icon {
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin: 2px 4px 0 6px;
    position: relative;
    vertical-align: middle;
    width: 25px;
}

.message-star.selected {
    color: #feb902 !important;
    text-decoration: none !important;
}

    .message-star.selected:before {
        content: "\f005";
    }

.mail-tag:empty {
    display: inline-block;
    width: 8px;
    height: 11px;
    padding: 0;
    line-height: normal;
    vertical-align: middle;
    margin: 0 1px 0 0;
}

.badge.mail-tag {
    border-radius: 2px;
}

.dropdown-menu > li > a > .mail-tag {
    vertical-align: inherit;
}

@media only screen and (max-width:767px) {
    .message-item .summary {
        min-width: 0;
    }

    .message-item .sender {
        width: 100px;
    }
}

@media only screen and (max-width:450px) {
    .message-item .summary {
        margin: 8px 0 0 32px;
        max-width: 95%;
        min-width: 0;
        display: block;
    }

    .message-item .sender {
        width: auto;
        max-width: 150px;
    }

    .message-item .summary .text {
        max-width: 95%;
    }
}

/*.message-content {
    padding: 16px 12px;
    border: 1px solid #E9E9E9;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.02);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.02);
    background-color: #fff;
    border-top-width: 0;
}*/

.message-item .message-content {
    margin-top: 16px;
    border-top-width: 1px;
}

.message-content .message-header img {
    /*border: 2px solid #cfcfcf;*/
}

.message-content .message-header .fa-star-o {
    color: #686868;
}

    .message-content .message-header .fa-star-o.selected {
        color: #feb902 !important;
        text-decoration: none !important;
    }

        .message-content .message-header .fa-star-o.selected:before {
            content: "\f005";
        }

..message-content {
    padding: 0 9px;
    line-height: 18px;
}

/*.message-navbar {
    line-height: 24px;
    padding: 10px 12px;
    border: 1px solid #cfcfcf;
    background: rgba(100, 149, 237, 0.7) url("../../Images/common/page-title-bg.png") no-repeat scroll left top;
    text-align: center;
    position: relative;
}*/


.message-navbar {
    background: #f4f4f4 none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #deb887;
    box-shadow: 0 -1px 1px #d7d7d7 inset;
    line-height: 24px;
    padding: 7px 12px 0;
    position: relative;
    text-align: center;
}

    .message-navbar .dropdown-toggle, .message-content .dropdown-toggle {
        color: #686868;
    }

        .message-navbar .dropdown-toggle:hover, .message-content .dropdown-toggle:hover, .message-navbar .dropdown-toggle:focus, .message-content .dropdown-toggle:focus {
            text-decoration: none;
            color: #5686c8;
        }

.message-bar {
    display: inline-block;
    min-height: 28px;
}

    .message-bar .message-infobar .title {
        font-size: 16px;
    }

        .message-bar .message-infobar .title .badge {
            vertical-align: top;
        }

@media only screen and (max-width:480px) {
    .message-bar {
        display: block;
        min-height: 60px;
    }
}

.message-footer {
    background-color: #f2f2f2;
    padding: 3px 15px;
    border: 1px solid #cfcfcf;
    border-top-width: 0;
}

    .message-footer .pagination {
        margin: 0;
    }

        .message-footer .pagination > li {
            margin: 0;
            padding: 0;
        }

            .message-footer .pagination > li > a, .message-footer .pagination > li > span {
                padding: 0 6px;
                margin-left: 1px;
                margin-right: 1px;
                background-color: transparent;
                border: 1px solid transparent;
                color: #686868;
            }

            .message-footer .pagination > li.disabled > span {
                color: #BBB;
                cursor: default;
                background-color: transparent;
                border-color: transparent;
            }

            .message-footer .pagination > li > a:hover {
                border-color: #cfcfcf;
                color: #5686c8;
                text-decoration: none;
                background-color: #fff;
            }

    .message-footer input[type=text] {
        font-size: 12px;
        width: 34px;
        height: 18px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 0 3px;
        vertical-align: middle;
        text-align: center;
    }

    .message-footer.message-footer-2 {
        border-top: 0 none;
    }

.message-item.message-inline-open {
    background-color: #f2f2f2;
}

    .message-item.message-inline-open + .message-item {
        border-bottom-color: transparent;
    }

.message-loading-overlay {
    position: absolute;
    z-index: 14;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    text-align: center;
}

    .message-loading-overlay > .fa {
        position: absolute;
        top: 15%;
        left: 0;
        right: 0;
        text-align: center;
    }

.message-content .sender {
    font-weight: 600;
    width: auto;
    text-overflow: inherit;
    vertical-align: middle;
    margin: 0;
}

.message-content .time {
    width: auto;
    text-overflow: inherit;
    white-space: normal;
    float: none;
    vertical-align: middle;
}

ul.attachment-list {
    margin: 6px 0 4px 8px;
}

    ul.attachment-list > li {
        margin-bottom: 3px;
    }

.message-attachment {
    padding-left: 10px;
    padding-right: 10px;
}

    .message-attachment .attachment-images img {
        width: 36px;
        height: 36px;
        border: 2px solid #cfcfcf;
    }

.attached-file {
    width: 175px;
    display: inline-block;
    color: #999;
}

    .attached-file > .fa, .attached-file > .glyphicon {
        display: inline-block;
        width: 16px;
        margin-right: 2px;
        vertical-align: middle;
    }

    .attached-file:hover {
        text-decoration: none;
        color: #5686c8;
    }

    .attached-file .attached-name {
        display: inline-block;
        max-width: 175px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        font-size: 13px;
    }

.messagebar-item-left, .messagebar-item-right {
    position: absolute;
    bottom: 6px;
    left: 15px;
    text-align: left;
}

.messagebar-item-right {
    right: 15px;
    left: auto;
}

.message-navbar .mini-search {
    right: auto;
    left: 5px;
    top: auto;
    bottom: 4px;
}

.message-navbar .messagebar-item-left ~ .mini-search {
    left: 60px;
}

.message-form {
    border: 1px solid #ddd;
    border-top: 0;
    padding-top: 22px;
}

    .message-form .cc-bcc {
        display: inline-block;
        top: 7px;
        right: 10px;
        color: #979797;
        cursor: pointer;
        position: absolute;
    }

@media only screen and (max-width:480px) {
    .message-form {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.message-form .form-actions {
    margin-bottom: 0;
}

.message-form .wysiwyg-editor {
    overflow: auto;
    min-height: 150px;
    max-height: 250px;
    height: auto;
}

.btn-send-message {
    position: relative;
    top: 6px;
    vertical-align: middle;
}

.btn-back-message-list {
    color: #414141;
}

    .btn-back-message-list:hover {
        color: #5686c8;
        text-decoration: none;
    }

.message-condensed .message-item {
    padding-top: 8px;
    padding-bottom: 9px;
}

.message-condensed .message-navbar, .message-condensed .message-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

.message-condensed .messagebar-item-left, .message-condensed .messagebar-item-right {
    bottom: 9px;
}

.message-condensed .message-navbar .mini-search {
    bottom: 7px;
}

@media only screen and (max-width:480px) {
    .message-condensed .message-bar {
        min-height: 42px;
    }
}

#live-chat-ui {
    bottom: 0;
    font-size: 12px;
    right: 25px;
    position: fixed;
    width: 290px;
    z-index: 1100;
}

    #live-chat-ui header {
        background: #252525;
        border-radius: 4px 4px 0 0;
        color: #fff;
        cursor: pointer;
        padding: 7.5px 15px;
        -webkit-box-shadow: 0 -3px 52px -13px rgba(0,0,0,.75);
        box-shadow: 0 -3px 52px -13px rgba(0,0,0,.75);
    }

    #live-chat-ui h4:before {
        background: #72af46;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: 0 8px 0 0;
        width: 8px;
    }

    #live-chat-ui h4 {
        font-size: 13px;
        margin: 5px 0;
    }

    #live-chat-ui h5 {
        font-size: 11px;
        margin-top: 0;
        margin-bottom: 5px;
        color: #555;
    }

    #live-chat-ui p {
        margin: 0;
    }

    #live-chat-ui form {
        padding: 15px;
    }

    #live-chat-ui input[type=text] {
        background-color: #f2f2f2;
        border: 1px solid #cfcfcf;
        width: 100%;
        font-size: 12px;
    }

        #live-chat-ui input[type=text]:focus, #live-chat-ui input[type=text]:hover {
            border: 1px solid #5686c8;
        }

    #live-chat-ui .chat-message-counter {
        background: #5686c8;
        border: 2px solid #bc3232;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: 600;
        height: 28px;
        left: 0;
        line-height: 24px;
        margin: -10px 0 0 -10px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }

    #live-chat-ui a.chat-close {
        color: #fff;
        display: block;
        float: right;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 5px 0;
        text-align: center;
        width: 16px;
    }

        #live-chat-ui a.chat-close :hover {
            color: #f2f2f2;
        }

    #live-chat-ui .chat {
        background: #f2f2f2;
    }

    #live-chat-ui .chat-history {
        height: auto;
        padding: 8px 24px;
        overflow: none;
    }

    #live-chat-ui .chat-message {
        margin: 16px 0;
    }

        #live-chat-ui .chat-message img {
            border-radius: 100%;
            float: left;
        }

    #live-chat-ui .chat-message-content {
        margin-left: 46px;
    }

    #live-chat-ui .chat-time {
        float: right;
        font-size: 10px;
    }

    #live-chat-ui .chat-feedback {
        font-style: italic;
        margin: 10px 0 -5px 0;
        text-align: center;
    }

@media (max-width:359px) {
    #live-chat {
        margin-left: 15px;
        right: 15px;
    }
}

.in-chat {
    position: relative;
}

    .in-chat .itemdiv {
        padding-right: 3px;
        min-height: 66px;
        position: relative;
    }

        .in-chat .itemdiv > .user {
            display: inline-block;
            width: 42px;
            position: absolute;
            left: 0;
        }

            .in-chat .itemdiv > .user > img {
                border-radius: 100%;
                border: 2px solid #cfcfcf;
                max-width: 40px;
                position: relative;
            }

        .in-chat .itemdiv > .body {
            width: auto;
            margin-left: 50px;
            margin-right: 12px;
            position: relative;
        }

            .in-chat .itemdiv > .body > .time {
                display: block;
                font-size: 11px;
                font-weight: 600;
                color: #999;
                position: absolute;
                right: 9px;
                top: 0;
            }

            .in-chat .itemdiv > .body > .name {
                display: block;
            }

            .in-chat .itemdiv > .body > .text {
                display: block;
                position: relative;
                margin-top: 2px;
                padding-bottom: 19px;
                padding-left: 7px;
                font-size: 13px;
            }

                .in-chat .itemdiv > .body > .text:after {
                    display: block;
                    content: "";
                    height: 1px;
                    font-size: 0;
                    overflow: hidden;
                    position: absolute;
                    left: 16px;
                    right: -12px;
                    margin-top: 9px;
                    border-top: 1px solid #cfcfcf;
                }

        .in-chat .itemdiv:last-child > .body > .text {
            border-bottom: 0;
        }

            .in-chat .itemdiv:last-child > .body > .text:after {
                display: none;
            }

        .in-chat .itemdiv.dialogdiv {
            padding-bottom: 14px;
        }

            .in-chat .itemdiv.dialogdiv:before {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                bottom: 0;
                left: 19px;
                width: 3px;
                max-width: 3px;
                background-color: #f2f2f2;
                border: 1px solid #cfcfcf;
                border-width: 0 1px;
            }

            .in-chat .itemdiv.dialogdiv:last-child:before {
                display: none;
            }

            .in-chat .itemdiv.dialogdiv > .user > img {
                border-color: #cfcfcf;
            }

            .in-chat .itemdiv.dialogdiv > .body {
                border: 1px solid #cfcfcf;
                padding: 5px 8px 8px;
                border-left-width: 1px;
                margin-right: 1px;
            }

                .in-chat .itemdiv.dialogdiv > .body:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: -5px;
                    top: 11px;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #cfcfcf;
                    border-width: 1px 0 0 1px;
                    background-color: #fff;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .in-chat .itemdiv.dialogdiv > .body > .time {
                    position: static;
                    float: right;
                }

                .in-chat .itemdiv.dialogdiv > .body > .text {
                    padding-left: 0;
                    padding-bottom: 0;
                }

                    .in-chat .itemdiv.dialogdiv > .body > .text:after {
                        display: none;
                    }

            .in-chat .itemdiv.dialogdiv .tooltip-inner {
                word-break: break-all;
            }

        .in-chat .itemdiv.memberdiv {
            width: 175px;
            padding: 2px;
            margin: 3px 0;
            float: left;
            border-bottom: 1px solid #cfcfcf;
        }

            .in-chat .itemdiv.memberdiv > .user > img {
                border-color: #cfcfcf;
            }

            .in-chat .itemdiv.memberdiv > .body > .time {
                position: static;
            }

            .in-chat .itemdiv.memberdiv > .body > .name {
                line-height: 18px;
                height: 18px;
                margin-bottom: 0;
            }

                .in-chat .itemdiv.memberdiv > .body > .name > a {
                    display: inline-block;
                    max-width: 100px;
                    max-height: 18px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    word-break: break-all;
                }

        .in-chat .itemdiv .tools {
            position: absolute;
            right: 5px;
            bottom: 10px;
            display: none;
        }

            .in-chat .itemdiv .tools .btn {
                border-radius: 36px;
                margin: 1px 0;
            }

        .in-chat .itemdiv .body .tools {
            bottom: 4px;
        }

        .in-chat .itemdiv.commentdiv .tools {
            right: 9px;
        }

        .in-chat .itemdiv:hover .tools {
            display: inline-block;
        }

.timeline {
    margin: auto;
    position: relative;
    margin-bottom: 15px;
}

    .timeline li {
        list-style: none;
    }

    .timeline:before {
        background-color: #e5e5e5;
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        width: 2px;
        height: 100%;
    }

    .timeline > .timeline-day {
        margin-left: -15px;
        margin-bottom: 15px;
    }

    .timeline .timeline-event {
        position: relative;
    }

        .timeline .timeline-event:hover .timeline-event-point {
            background-color: #5686c8 !important;
        }

    .timeline .timeline-event-wrap {
        padding: 32px 15px 15px;
        position: relative;
        top: -30px;
        left: 0;
        width: 100%;
    }

    .timeline .timeline-event-point {
        background-color: #414141;
        outline: 5px solid #cfcfcf;
        display: block;
        margin: 8px 8px 8px -7px;
        position: absolute;
        top: 0;
        left: -15px;
        width: 15px;
        height: 15px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .timeline .timeline-event-time {
        border: 1px solid #cfcfcf;
        position: relative;
        clear: both;
        display: inline-block;
        margin-bottom: 7.5px;
        padding: 3px 5px;
        background: #fff;
    }

        .timeline .timeline-event-time:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -16px;
            width: 16px;
            height: 2px;
            background: #e5e5e5;
        }

        .timeline .timeline-event-time:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 100%;
            width: 2px;
            height: 15px;
            background: #e5e5e5;
        }

    .timeline .timeline-event-massage {
        padding: 10px;
        margin-top: 7px;
        border: 1px solid #cfcfcf;
        background: #fff;
    }

        .timeline .timeline-event-massage img {
            padding: 2px;
            border: 1px solid #cfcfcf;
            background: #fff;
        }

.gritter-item-wrapper {
    background-image: none;
    background-color: #5686c8;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .gritter-item-wrapper.gritter-light, .gritter-item-wrapper.light {
        background: #f2f2f2;
    }

        .gritter-item-wrapper.gritter-light .gritter-item, .gritter-item-wrapper.light .gritter-item, .gritter-item-wrapper.gritter-light .gritter-close, .gritter-item-wrapper.light .gritter-close {
            color: #555;
        }

        .gritter-item-wrapper.gritter-light .gritter-title, .gritter-item-wrapper.light .gritter-title {
            text-shadow: none;
            color: #555;
        }

        .gritter-item-wrapper.gritter-light .gritter-close:before, .gritter-item-wrapper.light .gritter-close:before {
            color: #555;
        }

    .gritter-item-wrapper.dark .gritter-item, .gritter-item-wrapper.bg-info .gritter-item, .gritter-item-wrapper.bg-succsss .gritter-item, .gritter-item-wrapper.bg-primary .gritter-item, .gritter-item-wrapper.bg-success .gritter-item, .gritter-item-wrapper.bg-warning .gritter-item, .gritter-item-wrapper .inverse .gritter-item {
        color: #fff;
    }

    .gritter-item-wrapper .gritter-top, .gritter-item-wrapper .gritter-bottom, .gritter-item-wrapper .gritter-item {
        background-image: none !important;
    }

    .gritter-item-wrapper .gritter-image {
        border: 2px solid #cfcfcf;
        margin: 2px 10px 0 0;
    }

.gritter-item {
    color: #f2f2f2;
    /*font-family: 'Calibri';*/
}

.gritter-close {
    left: auto;
    right: 10px;
    top: 7px;
    background: none !important;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 0;
    display: block !important;
    color: #f2f2f2;
}

    .gritter-close:before {
        content: 'x' !important;
        font-size: 19px !important;
        text-indent: 0 !important;
        position: absolute !important;
        text-align: center !important;
        right: 0 !important;
        top: 0 !important;
        color: #fff;
    }

    .gritter-close:hover, .gritter-close:focus, .gritter-close:active {
        color: #fff;
        text-decoration: none;
    }

.gritter-title {
    text-shadow: none;
    padding: 0 0 2px;
    font-weight: 500;
    color: #fff;
}

.gritter-center {
    position: fixed;
    left: 33%;
    right: 33%;
    top: 33%;
}

    .gritter-center .gritter-with-image {
        float: left;
        width: auto;
    }

@media (max-width:767px) {
    .gritter-center {
        left: 30px;
        right: 30px;
    }
}

.fc .label, .fc-event .label {
    text-align: left !important;
    font-size: .85em;
    line-height: 1.42857143;
    height: auto;
}

.fc th, .fc-event th {
    padding: 7px 0;
    color: #555;
}

.fc-event {
    border: 1px solid #1b0707;
    background-color: #5686c8;
}

.fc-header-title > h2 {
    font-size: 21px;
    color: #555;
    line-height: normal;
}

.fc-widget-header, .fc-widget-content {
    border: 1px solid #cfcfcf;
}

.fc-widget-header {
    background: #f2f2f2;
}

.fc-state-highlight {
    background: #fff7eb;
}

.fc-grid .fc-day-number {
    color: #999;
}

.fc-event-hori, .fc-event-vert {
    border-radius: 0 !important;
    border-color: transparent;
}

    .fc-event-vert .fc-event-content {
        padding-left: 1px;
        padding-right: 1px;
    }

    .fc-event-vert .fc-event-time {
        padding: 0;
    }

.fc-state-default {
    border: 0;
}

    .fc-state-default, .fc-state-default .fc-button-inner {
        border: 0;
        background-color: #999;
        color: #fff;
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        border-radius: 0 !important;
        margin-left: 2px;
    }

        .fc-state-default .fc-button-effect {
            display: none;
        }

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
    opacity: .75;
    filter: alpha(opacity=75);
    color: #f2f2f2;
}

.fc-state-active, .fc-state-active .fc-button-inner {
    border-color: #1b0707;
    background-color: #5686c8;
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
    background-color: #5686c8;
}

.external-event {
    margin: 0 0 5px;
    padding: 0;
    cursor: default;
    display: block;
    color: #fff;
    background-color: #fff;
    line-height: 32px;
    text-align: left !important;
    font-size: 13px;
}

    .external-event:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .external-event.ui-draggable-dragging {
        cursor: move;
    }

    .external-event.label {
        height: auto;
    }

    .external-event > [class*=fa-]:first-child {
        display: inline-block;
        height: 32px;
        width: 32px;
        text-align: center;
        line-height: 30px;
        margin-right: 5px;
        font-size: 15px;
        border-right: 1px solid #fff;
    }

@media only screen and (max-width:480px) {
    .fc-header td {
        display: block;
        width: auto;
        text-align: left;
    }
}

.bootstrap-select .btn-default, .bootstrap-select.open .btn-default {
    background: #fff;
    border-color: #cfcfcf;
    color: #666;
}

    .bootstrap-select .btn-default:hover, .bootstrap-select.open .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select.open .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select.open .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open .btn-default.active, .bootstrap-select .btn-default.disabled, .bootstrap-select.open .btn-default.disabled, .bootstrap-select .btn-default.disabled:focus, .bootstrap-select.open .btn-default.disabled:focus, .bootstrap-select .open .dropdown-toggle.btn-default, .bootstrap-select.open .open .dropdown-toggle.btn-default {
        background: #fff;
        border-color: #cfcfcf;
        color: #666;
    }

.bootstrap-select .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn:focus {
    outline: 0 !important;
    outline-offset: 0;
}

.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;
    }

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    line-height: 22px;
}

    .bootstrap-tagsinput input {
        border: 0;
        box-shadow: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: 0;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: #fff;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role=remove]:after {
                content: "x";
                padding: 0 2px;
            }

            .bootstrap-tagsinput .tag [data-role=remove]:hover {
                box-shadow: none;
            }

                .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
                    box-shadow: none;
                }

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    direction: ltr;
}

    .datetimepicker.datetimepicker-rtl {
        direction: rtl;
    }

        .datetimepicker.datetimepicker-rtl table tr td span {
            float: right;
        }

    .datetimepicker > div {
        display: none;
    }

    .datetimepicker.minutes div.datetimepicker-minutes {
        display: block;
    }

    .datetimepicker.hours div.datetimepicker-hours {
        display: block;
    }

    .datetimepicker.days div.datetimepicker-days {
        display: block;
    }

    .datetimepicker.months div.datetimepicker-months {
        display: block;
    }

    .datetimepicker.years div.datetimepicker-years {
        display: block;
    }

    .datetimepicker table {
        margin: 0;
    }

        .datetimepicker table tr td.minute:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td.hour:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td.day:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
        }

            .datetimepicker table tr td span:hover {
                background: #f2f2f2;
            }

            .datetimepicker table tr td span.old {
                color: #999;
            }

    .datetimepicker .datetimepicker-hours span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker .datetimepicker-minutes span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker th.switch {
        width: 145px;
    }

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*=datetimepicker-dropdown]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cfcfcf;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
}

[class*=datetimepicker-dropdown]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
}

[class*=datetimepicker-dropdown-top]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cfcfcf;
    border-top-color: rgba(0,0,0,.2);
    border-bottom: 0;
}

[class*=datetimepicker-dropdown-top]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td, .datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
}

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
    color: #999;
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
    background-color: #dff0d8;
    border: 0 none;
}

    .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] {
        background-color: #a1cd7c;
    }

        .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-color: #999;
    color: #555;
}

    .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
        background-color: #5686c8;
    }

        .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
            background-color: #5686c8;
            border: 0 none;
        }

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
    background-color: #5686c8;
    color: #fff;
}

    .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] {
        background-color: #5686c8;
        border: 0 none;
    }

        .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
            background-color: #5686c8;
            border: 0 none;
        }

.datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

    .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
        background: 0 0;
    }

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.spinner-buttons.btn-group-vertical .btn {
    margin: 0;
    height: 17px;
    width: 22px;
    font-size: 10px;
}

.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

    .wizard-steps li {
        display: table-cell;
        text-align: center;
        width: 1%;
    }


        .wizard-steps li .step {
            border: 3px solid #cfcfcf;
            color: #999;
            font-size: 15px;
            border-radius: 100%;
            background-color: #fff;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 32px;
            text-align: center;
        }

        .wizard-steps li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 4px solid #cfcfcf;
            position: relative;
            top: 21px;
            z-index: 1;
        }

        .wizard-steps li:last-child:before {
            max-width: 50%;
            width: 50%;
        }

        .wizard-steps li:first-child:before {
            max-width: 51%;
            left: 50%;
        }

        .wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
            border-color: #5686c8;
        }

        .wizard-steps li.complete .step {
            cursor: default;
            color: #fff;
            -webkit-transition: transform ease .1s;
            -o-transition: transform ease .1s;
            transition: transform ease .1s;
        }

            .wizard-steps li.complete .step:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                line-height: 32px;
                text-align: center;
                border-radius: 100%;
                content: "\f00c";
                background-color: #fff;
                z-index: 3;
                font-family: FontAwesome;
                font-size: 17px;
                color: #5686c8;
            }

        .wizard-steps li.complete:hover .step {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            cursor: pointer;
        }

        .wizard-steps li .title {
            display: block;
            margin-top: 4px;
            max-width: 100%;
            color: #999;
            font-size: 14px;
            z-index: 104;
            text-align: center;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .wizard-steps li.complete .title, .wizard-steps li.active .title {
            color: #555;
        }

.step-content .step-pane {
    display: none;
    min-height: 75px;
    padding: 4px 8px 12px;
    margin-top: 15px;
}

.step-content .active {
    display: block;
}

.wizard-actions {
    text-align: right;
}

    .wizard-actions.btn-group, .wizard-actions.ui-group-buttons {
        float: right;
    }

@media only screen and (max-width:460px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px;
    }

    .wizard-steps li:before, .wizard-steps li:after {
        border-width: 3px;
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .wizard-steps li:before {
        top: 16px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
    }

    ;
}

#bwizard .bw-navbar {
    border-bottom: 0 none;
    background-color: transparent;
    font-size: 13px;
    padding: 0;
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
}

.bwizard-steps {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
}

    .bwizard-steps .active {
        color: #fff;
        background: #5686c8;
    }

        .bwizard-steps .active a, .bwizard-steps .active a:hover {
            color: #fff;
            cursor: default;
        }

        .bwizard-steps .active .label {
            background-color: #555;
        }

        .bwizard-steps .active:after {
            border-left-color: #72af46;
        }

    .bwizard-steps .label {
        position: relative;
        top: -1px;
        margin: 0 5px 0 0;
        padding: 1px 5px 2px;
    }

    .bwizard-steps li {
        display: inline-block;
        position: relative;
        padding: 12px 17px 10px 30px;
        background: #e2e2e2;
        /* line-height: 18px;*/ line-height: 2px;
        list-style: none;
    }

        .bwizard-steps li:first-child {
            padding-left: 12px;
            /*-moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;*/
        }

            .bwizard-steps li:first-child:before {
                border: 0;
            }

        .bwizard-steps li:last-child {
            margin-right: 0;
            /* -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;*/
            border-right: 1px solid #c3c3c3;
        }

            .bwizard-steps li:last-child:after {
                border: 0;
            }

        .bwizard-steps li:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 13px inset transparent;
            border-left: 15px solid #fff;
            border-top: 13px inset transparent;
            content: "";
        }

        .bwizard-steps li:after {
            position: absolute;
            right: -15px;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 13px inset transparent;
            border-left: 15px solid #e2e2e2;
            border-top: 13px inset transparent;
            content: "";
            z-index: 2;
        }

    .bwizard-steps a, .bwizard-steps a:hover {
        color: #999;
        text-decoration: none;
    }

    .bwizard-steps.clickable li:not(.active) {
        cursor: pointer;
    }

    .bwizard-steps.clickable li:hover:not(.active) {
        background: #e5e5e5;
    }

        .bwizard-steps.clickable li:hover:not(.active) a {
            color: #5686c8;
        }

        .bwizard-steps.clickable li:hover:not(.active):after {
            border-left-color: #cfcfcf;
        }

@media (max-width:460px) {
    .bwizard-steps li {
        margin: 5px 0;
        padding: 6px 17px 10px 15px;
    }

        .bwizard-steps li:first-child {
            border-radius: 0;
        }

        .bwizard-steps li:last-child {
            margin-right: 0;
            border-radius: 0;
        }

        .bwizard-steps li:before {
            border-bottom: 0 none;
            border-left: 0 none;
            border-top: 0 none;
            content: "";
        }

        .bwizard-steps li:after {
            border-bottom: 0 none;
            border-left: 0 none;
            border-top: 0 none;
        }

    ;
}

.md-editor {
    display: block;
    border: 1px solid #cfcfcf;
}

    .md-editor > .md-header, .md-editor .md-footer {
        display: block;
        padding: 6px 4px;
        background: #f2f2f2;
    }

    .md-editor > .md-header {
        margin: 0;
    }

    .md-editor > .md-preview {
        border-top: 1px dashed #cfcfcf;
        border-bottom: 1px dashed #cfcfcf;
        min-height: 10px;
        overflow: auto;
    }

    .md-editor > textarea {
        outline: 0;
        outline: thin dotted \9;
        margin: 0;
        display: block;
        padding: 10px;
        width: 100%;
        border: 0;
        border-top: 1px dashed #cfcfcf;
        border-bottom: 1px dashed #cfcfcf;
        background: #fff;
    }

    .md-editor .btn {
        border: 1px solid #cfcfcf;
        background: #fff;
    }

        .md-editor .btn.btn-primary {
            background: #5686c8;
            border-color: #ce4444;
        }

        .md-editor .btn .fa {
            font-size: 14px;
        }

        .md-editor .btn [class*=" fa-"], .md-editor .btn [class^=fa-], .md-editor .btn [class*=" glyphicon-"], .md-editor .btn [class^=glyphicon-] {
            margin-right: 0;
        }

    .md-editor .md-controls {
        float: right;
        padding: 3px;
    }

        .md-editor .md-controls .md-control {
            right: 5px;
            color: #bebebe;
            padding: 3px 3px 3px 10px;
        }

            .md-editor .md-controls .md-control:hover {
                color: #333;
            }

    .md-editor.md-fullscreen-mode {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        padding: 60px 30px 15px;
        background: #fff !important;
        border: 0 !important;
    }

        .md-editor.md-fullscreen-mode .md-footer {
            display: none;
        }

        .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
            margin: 0 auto !important;
            height: 100% !important;
            font-size: 20px !important;
            padding: 20px !important;
            color: #999;
            line-height: 1.6em !important;
            resize: none !important;
            box-shadow: none !important;
            background: #fff !important;
            border: 0 !important;
        }

        .md-editor.md-fullscreen-mode .md-preview {
            color: #333;
            overflow: auto;
        }

        .md-editor.md-fullscreen-mode .md-input:hover, .md-editor.md-fullscreen-mode .md-input:focus {
            color: #333;
            background: #fff !important;
        }

        .md-editor.md-fullscreen-mode .md-header {
            background: 0 0;
            text-align: center;
            position: fixed;
            width: 100%;
            top: 20px;
        }

        .md-editor.md-fullscreen-mode .btn-group {
            float: none;
        }

        .md-editor.md-fullscreen-mode .btn {
            border: 0;
            background: 0 0;
            color: #b3b3b3;
        }

            .md-editor.md-fullscreen-mode .btn:hover, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active {
                box-shadow: none;
                color: #333;
            }

        .md-editor.md-fullscreen-mode .md-fullscreen-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            text-align: right;
            z-index: 1002;
            display: block;
        }

            .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
                color: #b3b3b3;
                clear: right;
                margin: 10px;
                width: 30px;
                height: 30px;
                text-align: center;
            }

                .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
                    color: #333;
                    text-decoration: none;
                }


        .md-editor.md-fullscreen-mode .md-editor {
            height: 100% !important;
            position: relative;
        }

    .md-editor .md-fullscreen-controls {
        display: none;
    }

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.editable-container .popover-title {
    color: #222;
    line-height: 18px !important;
}

.editable-click, a.editable-click {
    border-bottom: 1px dashed #cfcfcf;
    cursor: pointer;
    font-weight: 400;
}

img.editable-click, imga.editable-click {
    border: 1px dotted #cfcfcf;
}

.editable-click:hover, a.editable-click:hover {
    border-color: #5686c8;
}

img.editable-click:hover, imga.editable-click:hover {
    opacity: .75;
    filter: alpha(opacity=75);
}

.editable-buttons, .editable-input {
    display: inline-block;
}

    .editable-buttons .btn {
        margin: 0 2px 0 0;
    }

        .editable-buttons .btn > [class*=fa-] {
            margin: 0;
        }

.editable-clear-x {
    cursor: pointer;
    color: #999;
    background: 0 0;
}

    .editable-clear-x:hover {
        color: #bd362f;
    }

    .editable-clear-x:before {
        display: inline-block;
        content: "\f057";
        font-family: FontAwesome;
        font-size: 15px;
        position: absolute;
        margin-top: -9px;
        width: 16px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

.editable-input .spinner {
    margin-right: 8px;
}

.editable-inline .editable-slider {
    margin-top: 10px;
    margin-right: 4px;
}

.editable-popup .editable-slider {
    display: block;
    margin-bottom: 16px;
    margin-top: 4px;
}

.editable-slider input {
    display: none;
}

.editable-input .file-input {
    display: block;
}

.editable-image .file-multiple label.selected {
    border-color: transparent;
}

.editable-image + .editable-buttons, .editable-wysiwyg + .editable-buttons {
    display: block;
    text-align: center;
    margin-top: 8px;
}

.editable-wysiwyg .wysiwyg-editor {
    height: auto;
    overflow-y: hidden;
}

.editableform .input-append.dropdown-menu {
    display: none;
}

.editableform .open .input-append.dropdown-menu {
    display: block;
}

.editable-container .editableform {
    margin-bottom: 10px;
}

.editable-inline .editableform {
    margin-bottom: 0;
}

.editableform-loading {
    background: 0 0;
}

    .editableform-loading [class*=fa-], .editableform-loading .progress {
        position: relative;
        top: 35%;
    }

.datepicker table {
    width: 100%;
}

.datepicker.datepicker-inline {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
}

.datepicker td, .daterangepicker td, .datetimepicker td, .datepicker th, .daterangepicker th, .datetimepicker th {
    border-radius: 0 !important;
}

    .datepicker td.active, .daterangepicker td.active, .datetimepicker td.active, .datepicker td.active:hover, .daterangepicker td.active:hover, .datetimepicker td.active:hover {
        background: #5686c8 !important;
        color: #fff !important;
        text-shadow: none !important;
        border: 0 none !important;
    }

        .datepicker td.active.disabled, .daterangepicker td.active.disabled, .datetimepicker td.active.disabled, .datepicker td.active.disabled:hover, .daterangepicker td.active.disabled:hover, .datetimepicker td.active.disabled:hover {
            background: #f2f2f2 !important;
        }

.datepicker-months .month, .datepicker-years .year {
    border-radius: 0 !important;
}

    .datepicker-months .month.active, .datepicker-years .year.active, .datepicker-months .month.active:hover, .datepicker-years .year.active:hover, .datepicker-months .month.active:focus, .datepicker-years .year.active:focus, .datepicker-months .month.active:active, .datepicker-years .year.active:active {
        background-image: none !important;
        background-color: #5686c8 !important;
        border: 0 none !important;
        color: #fff !important;
        text-shadow: none !important;
    }

.datepicker thead th.dow, .datetimepicker thead th.dow {
    background: #5686c8;
    color: #fff;
}

.well .datepicker table tr td.day:hover {
    background-color: #999;
    color: #fff;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: 1px solid #eee;
    background: #5686c8;
    opacity: .95;
    filter: alpha(opacity=95);
    color: #fff;
    font-size: 10px !important;
    padding: 3px;
    z-index: 9999;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    background: #5686c8;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    font-weight: 600;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 35px;
}

.wysiwyg-editor {
    max-height: 250px;
    height: 250px;
    background-color: #fff;
    border-collapse: separate;
    border: 1px solid #cfcfcf;
    padding: 4px;
    box-sizing: content-box;
    overflow-y: scroll;
    overflow-x: hidden;
    outline: 0;
}

    .wysiwyg-editor:focus {
        background-color: #fff;
    }

.wysiwyg-toolbar {
    line-height: 33px;
    position: relative;
}

    .wysiwyg-toolbar .dropdown-menu {
        text-align: left;
    }

    .wysiwyg-toolbar .btn-group {
        float: none !important;
        font-size: 0;
    }

        .wysiwyg-toolbar .btn-group > .btn {
            float: none;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            margin-left: 1px;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

            .wysiwyg-toolbar .btn-group > .btn > .fa, .wysiwyg-toolbar .btn-group > .btn .glyphicon {
                margin: 0 4px;
            }

                .wysiwyg-toolbar .btn-group > .btn > .fa:first-child, .wysiwyg-toolbar .btn-group > .btn .glyphicon:first-child {
                    font-size: 14px;
                    width: 25px;
                    max-width: 25px;
                    display: inline-block;
                    border-width: 1px !important;
                }

            .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .fa:last-child, .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .glyphicon:last-child {
                margin-right: 4px;
            }

.editor-style1 {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-bottom: 0 none;
}

    .editor-style1 .btn-group > .btn, .editor-style2 .btn-group > .btn, .editor-style1 .btn-group > .inline > .btn, .editor-style2 .btn-group > .inline > .btn {
        margin: 0 !important;
        background: #fff !important;
        border-width: 0 !important;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .editor-style1 .btn-group > .btn.active, .editor-style2 .btn-group > .btn.active, .editor-style1 .btn-group > .inline > .btn.active, .editor-style2 .btn-group > .inline > .btn.active {
            color: #5686c8 !important;
        }

            .editor-style1 .btn-group > .btn.active:after, .editor-style2 .btn-group > .btn.active:after, .editor-style1 .btn-group > .inline > .btn.active:after, .editor-style2 .btn-group > .inline > .btn.active:after {
                display: none;
            }

    .editor-style1 .btn-group, .editor-style2 .btn-group {
        position: relative;
    }

        .editor-style1 .btn-group:after, .editor-style2 .btn-group:after {
            display: block;
            content: "";
            position: absolute;
            left: -2px;
            top: 6px;
            bottom: 6px;
            width: 0;
            max-width: 0;
            border-left: 1px solid #cfcfcf;
        }

        .editor-style1 .btn-group:first-child:after, .editor-style2 .btn-group:first-child:after {
            display: none;
        }

    .editor-style1.wysiwyg-toolbar, .editor-style2.wysiwyg-toolbar {
        margin: 0 !important;
    }

.editor-style2 {
    background-color: #f2f2f2;
    border: 1px solid #cfcfcf;
    border-bottom: 0 none;
}

    .editor-style2 + .wysiwyg-editor {
        border-color: #cfcfcf;
        background-color: #fff;
    }

    .editor-style2 .btn-group > .btn, .editor-style2 .btn-group > .inline > .btn {
        margin: 0 1px 0 0 !important;
        background: #fff !important;
        border: 1px solid #cfcfcf !important;
        text-shadow: none !important;
    }

        .editor-style2 .btn-group > .btn.active, .editor-style2 .btn-group > .inline > .btn.active {
            color: #5686c8 !important;
        }

            .editor-style2 .btn-group > .btn.active:after, .editor-style2 .btn-group > .inline > .btn.active:after {
                display: none;
            }

    .editor-style2 .btn-group:after {
        display: none;
    }

.wysiwyg-toolbar .btn-colorpicker {
    width: 24px;
    height: 24px;
    position: relative;
    background: #5686c8;
    background: -moz-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#cf3e73),color-stop(20%,#fff),color-stop(30%,#2283c5),color-stop(40%,#fff),color-stop(50%,#87b87f),color-stop(60%,#fff),color-stop(70%,#ffb752),color-stop(80%,#fff),color-stop(90%,#d15b47),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -o-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -ms-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
    background: linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
}

.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
    top: auto;
}

.wysiwyg-toolbar input[type=file] {
    position: fixed;
    z-index: -10;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    display: block;
}

.wysiwyg-toolbar .wysiwyg-choose-file {
    display: inline-block;
    width: auto;
    margin: 4px auto 0;
    padding-left: 5px;
    padding-right: 5px;
}

.wysiwyg-toolbar .dropdown-menu input[type=text] {
    margin-left: 8px;
    margin-bottom: 0;
}

    .wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
        min-width: 150px;
    }

.wysiwyg-toolbar .dropdown-menu .btn {
    margin-right: 8px;
    margin-left: 8px;
}

.editor-style1 .btn-colorpicker {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wysiwyg-editor img {
        display: inline !important;
    }

    .wysiwyg-editor .ui-wrapper {
        border: 1px dotted #D00;
        overflow: visible !important;
        display: inline-block !important;
        vertical-align: middle;
    }

        .wysiwyg-editor .ui-wrapper:after {
            content: "";
            display: block;
            position: absolute;
            right: -3px;
            bottom: -3px;
            width: 7px;
            height: 7px;
            border: 1px solid #D00;
            background-color: #fff;
            z-index: 1;
        }
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.dd-handle, .dd2-content {
    display: block;
    min-height: 38px;
    margin: 5px 0;
    padding: 8px 12px;
    border: 1px solid #cfcfcf;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dd-handle[class*=btn-], .dd2-content[class*=btn-] {
        border: 0;
    }

        .dd-handle[class*=btn-].btn-white, .dd2-content[class*=btn-].btn-white, .dd-handle[class*=btn-].btn-default, .dd2-content[class*=btn-].btn-default {
            border: 1px solid #cfcfcf;
        }

    .dd-handle:hover.btn-default, .dd2-content:hover.btn-default {
        background: #fafafa;
    }

.dd2-handle + .dd2-content, .dd2-handle + .dd2-content[class*=btn-] {
    padding-left: 44px;
}

.dd-item > button:hover ~ .dd-handle[class*=btn-], .dd-item > button:hover ~ .dd2-content[class*=btn-] {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dd2-handle:hover ~ .dd2-content[class*=btn-] {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dd2-item.dd-item > button {
    margin-left: 34px;
}

.dd-item > button {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 1px 5px 5px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    top: 4px;
    left: 1px;
    outline: 0 none !important;
}

    .dd-item > button:before {
        font-family: FontAwesome;
        content: '\f067';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
        font-weight: 400;
    }

    .dd-item > button[data-action=collapse]:before {
        content: '\f068';
    }

    .dd-item > button:hover {
        color: #5686c8;
    }

.dd-item.dd-colored > button, .dd-item.dd-colored > button:hover {
    color: #fff;
}

.dd-placeholder, .dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2f2f2;
    border: 2px dashed #cfcfcf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dd-empty {
    border-color: #cfcfcf;
    border-style: solid;
    background-color: #f2f2f2;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .dd-dragel > li > .dd-handle {
        opacity: 1;
        filter: alpha(opacity=100);
        position: relative;
    }

    .dd-dragel > .dd-item > .dd-handle {
        margin-top: 0;
    }

.dd-list > li[class*=item-] {
    border-width: 0;
    padding: 0;
}

    .dd-list > li[class*=item-] > .dd-handle {
        border-left: 2px solid;
        border-left-color: inherit;
    }

.dd-list > li > .dd-handle .sticker {
    position: absolute;
    right: 0;
    top: 0;
}

.dd2-handle, .dd-dragel > li > .dd2-handle {
    left: 0;
    top: 0;
    width: 36px;
    margin: 0;
    border-width: 1px 1px 0 0;
    text-align: center;
    padding: 0 !important;
    line-height: 38px;
    height: 38px;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

    .dd2-handle[class*=btn-] {
        border-right: 1px solid #cfcfcf;
    }

.dd-dragel .dd2-handle[class*=btn-] {
    border-color: transparent;
    border-right-color: #cfcfcf;
}

.dd-item > .dd2-handle .drag-icon {
    display: none;
}

.dd-dragel > .dd-item > .dd2-handle .drag-icon {
    display: inline;
}

.dd-dragel > .dd-item > .dd2-handle .normal-icon {
    display: none;
}

.select2-container.form-control {
    border: 0;
    height: auto !important;
    padding: 0;
}

.form-control .select2-choice {
    border: 1px solid #cfcfcf;
    background-color: #fff;
    background-image: none;
    filter: none;
    padding: 3px 0 0 12px;
    border-radius: 0;
}

.select2-container .select2-choice {
    border-radius: 0;
    height: 34px;
    line-height: 28px;
}

.select2-container.select2-drop-above .select2-choice {
    border-radius: 0;
}

.select2-container[class*=input-] {
    max-width: none;
}

.select2-container .select2-choice abbr, .select2-search-choice-close {
    background: 0 0;
}

    .select2-container .select2-choice abbr:before, .select2-search-choice-close:before {
        font-family: FontAwesome;
        font-size: 12px;
        display: inline;
        content: "\f00d";
        color: #686868;
        position: relative;
        top: -1px;
    }

    .select2-container .select2-choice abbr:hover:before, .select2-search-choice-close:hover:before {
        color: #555;
    }

    .select2-container .select2-choice abbr:before {
        top: -7px;
    }

    .select2-search-choice-close:hover {
        text-decoration: none !important;
    }

.select2-drop {
    border-radius: 0;
    border: 1px solid #cfcfcf;
    border-width: 0 1px 3px;
    color: #686868;
}

    .select2-drop.select2-drop-above {
        border-radius: 0;
        border-color: #cfcfcf !important;
    }

.select2-container .select2-choice {
    background: #fff none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi.select2-container-active .select2-choices {
    border-color: #cfcfcf;
}

.select2-results .select2-highlighted {
    background: #5686c8;
}

.select2-container .select2-choice .select2-arrow {
    border-radius: 0;
    background: transparent none;
    border: 0;
}

    .select2-container .select2-choice .select2-arrow b {
        background: 0 0;
    }

        .select2-container .select2-choice .select2-arrow b:before {
            font-family: FontAwesome;
            display: inline;
            content: "\f107";
            color: #686868;
            position: relative;
            left: 0;
        }

.select2-dropdown-open .select2-choice .select2-arrow b:before {
    content: "\f106";
}

.select2-search .select2-input {
    background: #fff none;
    margin-top: 4px;
}

.select2-search:after {
    font-family: FontAwesome;
    font-size: 14px;
    display: inline;
    content: "\f002";
    color: #686868;
    position: relative;
    top: 0;
    left: -20px;
    z-index: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: none;
    background-color: #fff;
}

.select2-container-multi .select2-choices {
    border-color: #cfcfcf;
    background-image: none;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: none !important;
        font-size: 13px;
    }

    .select2-container-multi .select2-choices .select2-search-choice {
        line-height: 16px;
        padding-bottom: 4px;
    }

.select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-container-multi.select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-search input.select2-active {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
        background-image: none !important;
        background-size: auto !important;
    }

    .select2-search input {
        background-position: auto !important;
    }
}

.form-group.has-error .select2-choice, .form-group.has-error .select2-choices {
    border-color: #ce838f !important;
}

.form-group.has-info .select2-choice, .form-group.has-info .select2-choices {
    border-color: #70cee1 !important;
}

.form-group.has-warning .select2-choice, .form-group.has-warning .select2-choices {
    border-color: #f0c670 !important;
}

.form-group.has-success .select2-choice, .form-group.has-success .select2-choices {
    border-color: #a1cd7c !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-size: auto !important;
    }

    .select2-search input {
        background-position: auto !important;
    }

    ;
}

.select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #5686c8;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
    margin-right: 0;
    padding: 6px 22px 7px 9px;
    position: relative;
    transition: all .2s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

    .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
        position: absolute;
        top: 1px;
        bottom: 0;
        right: 0;
        left: auto;
        width: 18px;
        height: auto;
        line-height: 25px;
        text-align: center;
    }

        .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:before {
            color: #fff;
            position: static;
            font-size: 11px;
        }

        .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover {
            background-color: rgba(0,0,0,.2);
        }

            .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover:before {
                color: #FFF;
            }

.modal-open .select2-drop-mask {
    z-index: 10051;
}

.modal-open .select2-drop {
    z-index: 10052;
}

.modal-open .select2-search {
    z-index: 10053;
}

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(../../images/saturation.png);
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
            border-radius: 0;
        }

.colorpicker-hue, .colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i, .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url(../../images/hue.png);
}

.colorpicker-alpha {
    background-image: url(../../images/alpha.png);
    display: none;
}

.colorpicker {
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    margin-top: 1px;
    border-radius: 4px;
}

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

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(../../images/alpha.png);
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-append.color .add-on i, .input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.easy-pie-chart {
    position: relative;
    display: inline-block;
    text-align: center;
}

    .easy-pie-chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .easy-pie-chart .percent {
        display: inline-block;
        z-index: 2;
    }

        .easy-pie-chart .percent:after {
            content: "%";
            margin-left: .1em;
        }

    .easy-pie-chart .number, .easy-pie-chart .icon {
        display: inline-block;
        z-index: 2;
    }

    .easy-pie-chart a.title {
        display: block;
        text-align: center;
        font-size: 13px 1;
        color: #555;
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
    }

        .easy-pie-chart a.title:hover, .easy-pie-chart a.title:focus, .easy-pie-chart a.title:active {
            text-decoration: none;
        }

        .easy-pie-chart a.title:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            color: #5686c8;
        }

.rating-input .rating-clear {
    text-decoration: none;
}

.sparkline-chart {
    margin-top: 10px;
}

    .sparkline-chart a.title {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #555;
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
    }

        .sparkline-chart a.title:hover, .sparkline-chart a.title:focus, .sparkline-chart a.title:active {
            text-decoration: none;
        }

        .sparkline-chart a.title:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            color: #5686c8;
        }

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.profile-pic {
    display: block;
    padding: 3px;
    border: 1px solid #f2f2f2;
    background: #fff;
    margin-bottom: 5px;
}

    .profile-pic img {
        width: 100%;
        max-width: 100%;
    }

    .profile-pic :after, .profile-pic :before {
        content: "";
        height: 4px;
        position: absolute;
        right: 0;
        top: -5px;
    }

    .profile-pic :before {
        border-left: 35px solid #72af46;
        border-right: 34px solid #466baf;
        margin: 0 30px 0 0;
    }

    .profile-pic :after {
        border-left: 34px solid #5686c8;
        border-right: 35px solid #414141;
        margin: 0 99px 0 0;
    }

ul.wysihtml5-toolbar li {
    margin: 0 5px 5px 0;
}

ul.wysihtml5-toolbar .btn {
    background: #fff;
    color: baseFontcolor;
    border-color: #cfcfcf;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    ul.wysihtml5-toolbar .btn .fa, ul.wysihtml5-toolbar .btn .glyphicon {
        font-size: 14px;
        color: #5686c8;
    }

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background: #5686c8;
    color: #fff;
}

    ul.wysihtml5-toolbar a.btn.wysihtml5-command-active .fa, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active .glyphicon {
        color: #fff;
    }

.slimScrollBar {
    border-radius: 0 !important;
    background-color: #5686c8 !important;
}

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

.morris-hover.morris-default-style {
    background: #5686c8;
    opacity: .95;
    filter: alpha(opacity=95);
}

.morris-hover-row-label, .morris-hover-point {
    color: #fff !important;
}

.morris-hover.morris-default-style {
    padding: 0 10px 5px;
    border: 0 none;
    border-radius: 0;
}

.chart-holder {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

    .chart-holder > svg {
        width: 100% !important;
    }

td.legendColorBox {
    padding-right: 4px;
}

    td.legendColorBox > div {
        border: 1px solid #cfcfcf !important;
    }

.quick-list a {
    color: #686868;
}

    .quick-list a:hover, .quick-list a:focus, .quick-list a:active {
        text-decoration: none;
    }

.quick-list .media {
    position: relative;
    padding: 7.5px 10px;
    margin-top: 5px;
    border-bottom: 1px dotted #cfcfcf;
}

    .quick-list .media .media-body {
        font-weight: 600;
        color: #5686c8;
    }

        .quick-list .media .media-body small {
            font-weight: 400;
            color: #686868;
        }

    .quick-list .media img {
        border: 2px solid #5686c8;
    }

    .quick-list .media > .tools {
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: none;
    }

    .quick-list .media:hover {
        background: #F5F5F5;
    }

        .quick-list .media:hover > .tools {
            display: inline-block;
        }

.pace .pace-progress {
    background: #5686c8;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 3px;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}

.widget {
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #cfcfcf;
}

    .widget .body {
        min-height: 100px;
        height: auto;
        color: inherit;
        padding: 15px;
        overflow: hidden;
        position: relative;
        font-size: 13px;
    }

        .widget .body h1, .widget .body h2, .widget .body h3, .widget .body h4, .widget .body p:last-child {
            margin: 0;
        }

        .widget .body a, .widget .body a:hover, .widget .body a:focus, .widget .body a:active {
            color: inherit;
            text-decoration: none;
        }

        .widget .body .background-icon-right [class*=fa-], .widget .body .background-icon-right [class*=glyphicon-], .widget .body .background-icon-left [class*=fa-], .widget .body .background-icon-left [class*=glyphicon-] {
            font-size: 7.5em;
            position: absolute;
            opacity: .1;
            filter: alpha(opacity=10);
        }

        .widget .body .background-icon-left [class*=fa-], .widget .body .background-icon-left [class*=glyphicon-] {
            top: -15px;
            left: -15px;
        }

        .widget .body .background-icon-right [class*=fa-], .widget .body .background-icon-right [class*=glyphicon-] {
            top: -15px;
            right: -15px;
        }

#colorbox:focus, #colorbox:active {
    outline: 0;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    background: none !important;
    opacity: 0;
}

#cboxContent {
    border: 12px solid #222;
    background-color: #fff;
    padding: 7px;
}

#cboxOverlay {
    background: rgba(0,0,0,.95);
    background: #000;
}

#cboxCurrent {
    left: 64px;
    margin-bottom: 4px;
    font-size: 14px;
}

#cboxTitle {
    margin-bottom: 4px;
    font-size: 14px;
    color: #555;
}

#cboxNext, #cboxPrevious, #cboxClose {
    background: 0 0;
    text-indent: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    padding: 0 4px;
    text-align: center;
    border: 2px solid #f2f2f2;
    border-radius: 16px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 5px;
}

    #cboxNext:hover, #cboxPrevious:hover {
        color: #555;
        border-color: #cfcfcf;
    }

#cboxContent {
    overflow: visible;
}

#cboxClose {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 32px;
    color: #fff;
    font-size: 21px;
    height: 28px;
    width: 28px;
    padding-bottom: 2px;
    margin-left: 0;
    right: -14px;
    top: -14px;
}

#cboxLoadingOverlay {
    background: none !important;
}

#cboxLoadingGraphic {
    background: #fff none !important;
    text-align: center;
}

    #cboxLoadingGraphic > [class*=fa-] {
        display: inline-block;
        background-color: #fff;
        border-radius: 8px;
        width: 32px;
        height: 32px;
        position: relative;
        top: 48%;
        text-align: center;
        vertical-align: middle;
        font-size: 24px;
        color: #feb902;
    }

.daterangepicker .ranges li {
    color: #999;
    border-radius: 0;
}

    .daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
        background: #5686c8;
        border: 1px solid transparent;
    }

.daterangepicker .calendar-date {
    border-radius: 0;
}

.paper-clip {
    display: none;
}

@media (min-width:992px) {
    .paper-clip {
        width: 60px;
        height: 85px;
        background: url(../../images/paper-clip.png) repeat scroll 0 0 transparent;
        position: absolute;
        top: -14px;
        right: -13px;
        display: block;
    }
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #cfcfcf;
    background-color: #fff;
}

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

    .ribbon-wrapper .ribbon {
        display: block;
        font-size: 15px;
        color: #fff;
        text-align: center;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -5px;
        top: 15px;
        width: 120px;
        line-height: 20px;
        background-color: rgba(0,0,0,.7);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    .ribbon-wrapper.small {
        width: 65px;
        height: 68px;
    }

        .ribbon-wrapper.small .ribbon {
            width: 90px;
            padding: 0;
            font-size: 13px;
        }

.profile-card {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    color: #999;
    text-align: center;
}

    .profile-card .animate {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .profile-card > img {
        width: 100px;
        padding: 1px;
        background: rgba(0,0,0,.5);
    }

    .profile-card .profile-card-details {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: -100%;
        left: 0;
        padding: 0 15px;
    }

        .profile-card .profile-card-details .profile-card-header {
            width: 100%;
            height: 100%;
            height: auto;
            position: absolute;
            bottom: -100%;
            bottom: 100%;
            left: 0;
            padding: 10px 5px;
            background: rgba(0,0,0,.7);
        }

            .profile-card .profile-card-details .profile-card-header h4, .profile-card .profile-card-details .profile-card-header span {
                margin: 0;
                padding: 0;
            }

        .profile-card .profile-card-details .profile-card-detail .social {
            list-style: none;
            padding: 0;
            margin-top: 25px;
        }

            .profile-card .profile-card-details .profile-card-detail .social li {
                padding: 0;
                display: inline-block;
            }

        .profile-card .profile-card-details::-webkit-scrollbar {
            width: 8px;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-button {
            width: 8px;
            height: 0;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-track {
            background: 0 0;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-thumb {
            background: 0 0;
        }

            .profile-card .profile-card-details::-webkit-scrollbar-thumb:hover {
                background: 0 0;
            }

    .profile-card:hover .profile-card-details {
        bottom: 0;
        overflow: auto;
        padding-bottom: 15px;
        background: rgba(0,0,0,.7);
    }

        .profile-card:hover .profile-card-details .profile-card-header {
            position: relative;
            bottom: 0;
            padding-top: 45px;
            padding-bottom: 25px;
            background: 0 0;
        }

.tc-box {
    margin-bottom: 15px;
}

    .tc-box a, .tc-box:hover, .tc-box:active, .tc-box:focus {
        text-decoration: none !important;
    }

    .tc-box .media {
        padding: 10px 0;
    }

        .tc-box .media .pull-left {
            margin-right: 0;
        }

    .tc-box .border-right {
        border-right: 1px dotted #cfcfcf;
    }

@media (max-width:992px) {
    .tc-box .border-right {
        border-right: 1px dotted transparent;
        border-bottom: 1px dotted #cfcfcf;
    }
}

.tc-box .media-body {
    padding-right: 10px;
    padding-left: 10px;
}

.tc-box .icon-box {
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #cfcfcf;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    color: #999;
    padding-right: 0;
}

.tc-box:hover .icon-box, .tc-box:focus .icon-box {
    color: #fff;
    background: #5686c8;
    border-color: #5686c8;
}

.tc-box.no-hover .icon-box {
    border: 2px solid transparent;
}

.tc-box.no-hover:hover .icon-box, .tc-box.no-hover:focus .icon-box {
    background: 0 0;
    border-color: transparent;
}

    .tc-box.no-hover:hover .icon-box .fa, .tc-box.no-hover:focus .icon-box .fa, .tc-box.no-hover:hover .icon-box .glyphicon, .tc-box.no-hover:focus .icon-box .glyphicon {
        color: inherit;
    }

.tc-box.s2 {
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 15px;
    background: #fff;
}

    .tc-box.s2 .icon-box {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 45px;
        border: 2px solid #cfcfcf;
        border-radius: 100%;
        margin: 0 auto;
        color: #5686c8;
    }

    .tc-box.s2:hover, .tc-box.s2:focus {
        color: #fff;
        background: #5686c8;
    }

        .tc-box.s2:hover .icon-box, .tc-box.s2:focus .icon-box {
            border-color: #fff;
            color: #fff;
        }

.rollerblade-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.rollerblade-drag {
    cursor: move;
}

.mini-search {
    position: absolute;
    right: 22px;
    line-height: 24px;
}

    .mini-search .form-search {
        margin-bottom: 0;
    }

    .mini-search .nav-search-input {
        border: 1px solid #cfcfcf;
        width: 0;
        max-width: 0;
        height: 28px !important;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 100% !important;
        z-index: 11;
        -webkit-transition: width ease .15s;
        -o-transition: width ease .15s;
        transition: width ease .15s;
    }

        .mini-search .nav-search-input + .dropdown-menu {
            min-width: 0;
            left: 0;
            right: 0;
        }

        .mini-search .nav-search-input:focus, .mini-search .nav-search-input:hover {
            border-color: #cfcfcf;
        }

    .mini-search .nav-search-icon {
        margin: 7px 5px !important;
        background-color: transparent;
    }

    .mini-search .input-icon input {
        padding-left: 18px !important;
    }

    .mini-search:focus .nav-search-input, .mini-search:hover .nav-search-input {
        border-color: #cfcfcf;
        border-radius: 4px !important;
        width: 152px;
        max-width: 152px;
    }

    .mini-search:focus .input-icon input, .mini-search:hover .input-icon input {
        padding-left: 23px !important;
    }




.buttons-wrap {
    border-top: 1px solid #e7e7e7;
    padding: 0.5em 0;
    text-align: right;
}

.form-group .k-widget, .form-group .k-textbox {
    width: 100%;
}

.col-sm-8.col-md-6 > input {
    /*height: 25px;*/
    width: 100%;
}

input {
}

.col-md-6 > input {
    width: 100%;
}

.k-calendar-container .k-link:hover {
    /* background:#4cafc5; border-radius:50%;*/
    font-weight: bold;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner::before, .k-grid-mobile .k-resize-handle-inner::after {
    background-image: url(../kendo/Material/sprite.png);
    border-color: rgba(0, 0, 0, 0);
}

#menu {
    border: 0 none;
}

.k-menu.k-menu-horizontal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    background: none;
}

.dropdown-menu.dropdown-user a i {
    margin-right: 10px;
}

.tog_btn {
    background: none repeat scroll 0 0 #373737;
    color: #ffffff;
    float: left;
    padding: 0 12px;
}

/*#page-wrapper .fa.fa-caret-right{
  background: #fff none repeat scroll 0 0;
  color: #373737;
  cursor: pointer;
  float: left;
  line-height: 29px;
  padding: 0 7px;
  z-index: 9999;
}*/

#page-wrapper .fa.fa-bars {
    background: #5686c8 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: left;
    line-height: 31px;
    padding: 0 9px;
    z-index: 9999;
    font-size: 14px;
}


.k-grid-content .k-button.k-button-icontext.k-grid-Edit:hover {
    background: #5686c8;
}

.k-grid-content .k-button.k-button-icontext.k-grid-Edit {
    box-shadow: none;
    background: none;
    border: 0;
}

#ShowPopup .modal-dialog {
    width: 75%;
}

#otRequestHeader .fa.fa-bars {
    margin-right: 7px;
}

#otRequestHeader li.dropdown.user-box {
    list-style: outside none none;
    margin: 12px 0;
    font-weight: bold;
}

#otRequestHeader .fa.fa-bars {
    margin-right: 7px;
}

#otRequestHeader li.dropdown.user-box {
    list-style: outside none none;
    margin: 12px 0;
    font-weight: bold;
}

/*.col-lg-12 .filter {
  background: none repeat scroll 0 0 #f2f2f2;
  margin: -10px auto 10px 0;
  padding: 5px;
}*/

.col-lg-12 .filter {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    /*margin-bottom: 8px;*/
    margin-bottom: 1px;
    padding: 5px;
    width: 100%;
}

.f-left {
    float: left;
}

.filter-btn {
    height: 25px;
    padding: 0 15px;
}

.navbar-top .nav-top .navbar-nav > li > span, .top-navbar .nav-top .navbar-nav > li > span {
    color: #ffffff;
    padding-bottom: 6px;
    padding-top: 5px;
    transition: all 0.3s ease 0s;
    font-weight: bold;
}

.k-grid td input {
    /* border: 1px solid #e5e5e5;*/
}

.k-detail-cell td {
    border: 0;
}

.k-master-row td {
    border-bottom: 1px solid #e5e5e5;
}

/*
.treeview {
    border: 1px solid #5686c8;
	 padding: 3px !important;
}
*/
.treeview {
    border: 1px solid #5686c8;
    margin-bottom: 2px;
    margin-right: 2px;
    overflow: hidden;
    padding: 0;
}

/*div.k-treeview {
  max-height: 472px;
  min-height: 472px;
}*/

div.k-treeview {
    max-height: 547px;
    min-height: 547px;
}

/*.col-md-3.cus-heading, .cus-heading {
  background: none repeat scroll 0 0 #5686c8;
  padding: 9px 15px 8px !important;
  color:#fff;
  font-weight:bold;
}*/

/*.header-strip{ background: none repeat scroll 0 0 #5686c8;
  padding: 3px 15px 4px !important ;
  margin:-10px -10px 15px;
  color:#fff;
  font-weight:bold;}*/

/*.header-strip {
    background: #5686c8;
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin: -3px -4px 3px;
    padding: 3px 15px 4px !important;
}*/

.header-strip {
    background: #5686c8 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 9px !important;
    margin-bottom: 2px;
}

#contextMenu .k-link {
    padding: 7px 16px !important;
}

#contextMenu {
    border: 1px solid #5686c8;
    box-shadow: 2px 2px 11px #bfbfbf;
}

/*.col-md-8.treeview {
  min-height: 527px;
}*/

.col-md-8.treeview {
    min-height: 598px;
}

.tcb-inline {
    margin-right: 20px;
    /*margin-top: 12px;*/
    margin-top: 0px;
}

.form-group.access-control {
    border: 1px solid #cccccc;
    margin: 20px 0;
    overflow: hidden;
    padding: 15px;
}

.ts-body hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5f5f5f -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 5px;
    margin-top: 5px;
}

#treeview .k-sprite, #treeview-role .k-sprite, #treeview-user .k-sprite {
    background-image: url("../../images/program/tree-icons-flat.png");
    opacity: 0.7;
}

#treeview44 .k-sprite, #treeview-role .k-sprite, #treeview-user .k-sprite {
    background-image: url("../../images/program/tree-icons-flat.png");
    opacity: 0.7;
}

.rootfolder {
    background-position: 0 0;
}

.folder {
    background-position: 0 -16px;
}

.pdf {
    background-position: 0 -32px;
}

.html {
    background-position: 0 -48px;
}
/*.image      { background-position: 0 -64px; }*/
.rootfoldern {
    background-position: 0 -64px;
}

.zip {
    background-position: 0 -80px;
}

.box-col {
    min-width: 300px;
}

#treeview .k-state-hover:hover {
    margin-left: 10px;
}

#treeview .k-in {
    transition: all 0.3s ease 0s;
}

.i-switch {
    background-color: #89d26f;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0;
    position: relative;
    width: 35px;
    padding: 0 !important;
    top: 4px;
}

    .i-switch input {
        opacity: 0;
        position: absolute;
    }

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

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

.i-switch input:checked + i:before {
    border-radius: 5px;
    border-width: 0;
    bottom: 50%;
    left: 50%;
    right: 5px;
    top: 50%;
}

.i-switch i:before {
    background-color: #ccc;
    /*border: 1px solid #f0f0f0; */
    border-radius: 30px;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: all 0.2s ease 0s;
}

.mailin-out .i-switch i::before {
    background: #ef6060 none repeat scroll 0 0;
    border-radius: 30px;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
}

.i-switch input:checked + i:after {
    margin-left: 16px;
}

.i-switch i:after {
    background-color: #fff;
    border-radius: 50%;
    bottom: 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    content: "";
    position: absolute;
    top: 1px;
    transition: margin-left 0.3s ease 0s;
    width: 18px;
}

.checkLable {
    cursor: pointer;
    margin-right: 20px;
    padding-left: 5px !important;
}

/*theme Settings*/


.theme-settings {
    position: fixed;
    /*right: 36px;*/
    right: 0;
    top: -255px;
    transition: all 400ms ease 0s;
    z-index: 9999;
}

    .theme-settings.active {
        top: 0;
    }

    .theme-settings .ts-button {
        background: #5686c8 none repeat scroll 0 0;
        color: #ffffff;
        cursor: pointer;
        font-size: 19px;
        height: 32px;
        left: 166px;
        line-height: 35px;
        position: absolute;
        text-align: center;
        top: 256px;
        width: 34px;
    }

    .theme-settings .ts-button {
        color: #ffffff;
        cursor: pointer;
    }

    .theme-settings .ts-body {
        background: #373737 none repeat scroll 0 0;
        border-radius: 0;
        color: #ffffff;
        padding: 10px;
        width: 200px;
    }

        .theme-settings .ts-body .ts-title {
            font-size: 14px;
            font-weight: lighter;
            line-height: 20px;
            margin-bottom: 5px;
        }

            .theme-settings .ts-body .ts-title:first-child {
                margin-top: 0;
            }

    .theme-settings .ts-body {
        color: #ffffff;
    }

    .theme-settings .ts-themes {
        margin-top: 10px;
        width: 100%;
    }

        .theme-settings .ts-themes a {
            display: inline-block;
            height: 30px;
            margin-bottom: 5px;
            margin-right: 6px;
            width: 30px;
        }

        .theme-settings .ts-themes a {
            display: inline-block;
            height: 30px;
            margin-bottom: 5px;
            margin-right: 6px;
            width: 30px;
        }

            .theme-settings .ts-themes a.active span {
                border: 2px solid #ffffff;
            }

            .theme-settings .ts-themes a.active > img {
                border: 2px solid #ffffff;
            }

            .theme-settings .ts-themes a img {
                height: 30px;
                width: 30px;
            }

    .theme-settings .ts-body .ts-title {
        font-size: 14px;
        font-weight: lighter;
        line-height: 20px;
        margin-bottom: 5px;
    }

.ts-body .btn.btn-success {
    padding: 0 15px;
}

/*theme Settings*/

/*.program-name {
  color: #444444;
  float: right;
  font-size: 13px;
  font-weight: 800;
  height: 29px;
  position: relative;
  text-align: right;
  top: -4px;
}*/

/*.program-name {
  color: #444444;
  font-size: 13px;
  font-weight: 800;
  height: 29px;
  left: 428px;
  line-height: 25px;
  position: relative;
  text-align: center;
  top: 0;
}*/

/*.program-name {
  color: #444444;
  font-size: 13px;
  font-weight: 800;
  height: 29px;
  
    left: 555px;
  line-height: 25px;
  position: relative;
  text-align: center;
  top: 0;
}*/

.program-name {
    color: #444444;
    /*font-size: 13px;*/
    font-weight: 800;
    height: 29px;
    line-height: 30px;
    text-align: center;
    width: auto;
}

.k-selectable tr:nth-child(2n+1) {
    background: #f3f3f3 none repeat scroll 0 0;
}

.navbar-side.fixed.collapsed-left {
    display: none;
}

#treeview-left,
#treeview-right {
    float: left;
    width: 220px;
    overflow: visible;
}

.demo-section {
    width: 500px;
}

    .demo-section:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }


.nav .fa.fa-user.img-circle {
    color: #fff;
}

.pad0 {
    padding: 0 !important;
}


#min-tree .k-group.k-treeview-lines {
    max-height: 335px;
    min-height: 335px;
}
/*.field-validation-error {
  color: #FF0000;
  font-weight: Normal;
}*/

/*.field-validation-error {
  background: #ffffff none repeat scroll 0 0;
  color: #ff0000;
  font-weight: normal;
  padding: 2px 10px;
}*/

/*.field-validation-error {
    background: #fdf0bc none repeat scroll 0 0;
    color: #ff0000;
    display: block;
    font-weight: normal;
    padding: 2px 10px;
    width: 100%;
}*/


/*.field-validation-error {
  background: rgba(253, 240, 188, 0.6) none repeat scroll 0 0;
  color: rgb(255, 0, 0);
  display: block;
  font-weight: normal;
  left: 40px;
  max-width: 217px;
  padding: 2px 5px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
    border: 1px solid #e1d39e;
}*/

span.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    color: rgb(255, 0, 0);
    display: block;
    font-weight: normal;
    left: 40px;
    line-height: 13px;
    max-width: 187px;
    min-height: 14px;
    padding: 2px;
    position: absolute;
    /*text-align: left;*/
    top: -1px;
    width: 100%;
    box-shadow: 1px 1px 1px rgb(203, 203, 203);
}

span.field-validation-error {
    background: rgba(253, 240, 188, 0.8) none repeat scroll 0 0;
    border: 1px 1px 1px rgb(203, 203, 203);
    box-shadow: 3px 2px 9px rgb(102, 102, 102);
    color: rgb(255, 0, 0);
    left: 45px;
    max-width: 217px;
    padding: 0 5px;
    position: absolute;
    top: 0;
    width: 100%;
    display: none !important;
}



.fa.fa-user.img-circle {
    color: #ffffff;
}

.fa.fa-power-off:hover {
    color: #df2020;
}

/*.header-strip1 {
  background: #5686c8 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold; 
  margin-bottom: 2px;
  padding: 5px 10px;
}*/


/*.header-strip1 {
  background: #eeeeee none repeat scroll 0 0;
  border-left: 4px solid #cccccc;
  color: #444444;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
  padding: 5px 10px;
}*/

.header-strip1 {
    /*background: #5686c8 none repeat scroll 0 0;*/
    background: #d6e6f9;
    border-left: 3px solid #5686c8;
    color: #666;
    /* font-size: 12px;*/
    font-weight: bold;
    margin-bottom: 2px;
    padding: 5px 10px;
}

    .header-strip1 .fa.fa-arrow-circle-down {
        margin-left: 7px;
    }

.header-strip2 {
    background: #eeeeee none repeat scroll 0 0;
    border-left: 4px solid #cccccc;
    color: #444444;
    /*font-size: 12px;*/
    font-weight: bold;
    margin: -10px -10px 5px;
    padding: 5px 10px;
}

#Activitygrid .k-grid-content {
    min-height: 215px;
}

#Chargegrid .k-grid-content {
    min-height: 215px;
}

/*#Portgrid .k-grid-content {
  min-height: 195px;
}*/

#AddressGrid .k-grid-content {
    min-height: 100px;
}

#NotesGrid .k-grid-content {
    min-height: 100px;
}

#AttachmentGrid .k-grid-content {
    min-height: 100px;
}

#PrincipalLinkGrid1 .k-grid-content {
    min-height: 100px;
}

#CargoDetailsGrid .k-grid-content {
    min-height: 100px;
}

#BerthingGrid .k-grid-content {
    min-height: 100px;
}

#PreArrivalGrid .k-grid-content {
    min-height: 100px;
}

#DisbursementGrid .k-grid-content {
    min-height: 100px;
}

#RemarksGrid .k-grid-content {
    min-height: 100px;
}

#CargoFiguresGrid .k-grid-content {
    min-height: 100px;
}

#TugsGrid .k-grid-content {
    min-height: 100px;
}

#DACompareGrid .k-grid-content {
    min-height: 290px;
}

#AgencyQualificationPendingGrid .k-grid-content {
    min-height: 200px;
}

#AgencyQualificationActiveGrid .k-grid-content {
    min-height: 200px;
}

#VesselQualificationPendingGrid .k-grid-content {
    min-height: 200px;
}

#PortCallActualsGrid .k-grid-content {
    min-height: 200px;
}

#AgentDetailsGrid .k-grid-content {
    min-height: 100px;
}

#MailingDetailsGrid .k-grid-content {
    min-height: 100px;
}

#FundingDetailsGrid .k-grid-content {
    min-height: 100px;
}

#ArrivalSailingGrid .k-grid-content {
    min-height: 100px;
}

#ProgressUpdateGrid .k-grid-content {
    min-height: 100px;
}

#HistoricalGrid .k-grid-content {
    min-height: 100px;
}

#CopiesDocGrid .k-grid-content {
    min-height: 100px;
}

#KPIGrid .k-grid-content {
    min-height: 100px;
}

#KPIGrid .k-grid-content {
    min-height: 100px;
}

#MailPopGrid .k-grid-content {
    min-height: 100px;
}

#TimingsGrid .k-grid-content {
    min-height: 100px;
}

#AppointCycleGrid .k-grid-content {
    min-height: 300px;
}

#FinanceCycleGrid .k-grid-content {
    min-height: 100px;
}

#PreArrivalCycleGrid .k-grid-content {
    min-height: 100px;
}

#PostArrivalCycleGrid .k-grid-content {
    min-height: 100px;
}

#ServiceDetailsGrid .k-grid-content {
    min-height: 100px;
}

#PortInfochildGrid .k-grid-content {
    min-height: 100px;
}

#TradeNamesGrid .k-grid-content {
    min-height: 100px;
}

#SailingRequestchildGrid .k-grid-content {
    min-height: 100px;
}

#PDAGrid .k-grid-content {
    min-height: 100px;
}

#FDAGrid .k-grid-content {
    min-height: 100px;
}

#SDAGrid .k-grid-content {
    min-height: 100px;
}

#PortInfoProcessGrid .k-grid-content {
    min-height: 400px;
}

#GenEstimate1Grid .k-grid-content {
    min-height: 100px;
}

#SEGrid .k-grid-content {
    min-height: 100px;
}

#SE1Grid .k-grid-content {
    min-height: 100px;
}

#SE2Grid .k-grid-content {
    min-height: 100px;
}

#CostEstimGrid .k-grid-content {
    min-height: 100px;
}

#PortSpecificGrid .k-grid-content {
    min-height: 100px;
}

#BerthingDetailsGrid .k-grid-content {
    min-height: 100px;
}

#PortInfoGrid .k-grid-content, #ServiceRequestIssualUISearchGrid .k-grid-content {
    min-height: 350px;
}

#ManualSailingRequestGrid .k-grid-content {
    min-height: 250px;
}

#ServicesGrid .k-grid-content {
    min-height: 100px;
}

.k-widget.k-listview li.list {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 -1px 0 #d9d9d9 inset;
    cursor: grab;
    line-height: 22px;
    list-style: outside none none;
    padding: 2px 0 2px 14px;
}

.list-strip {
    background: #5686c8 none repeat scroll 0 0;
    color: #ffffff;
    margin: 0 0 1px;
    font-weight: bold;
    padding: 3px 15px 4px !important;
}

.pad3 {
    padding: 0 3px !important;
}

.pad5 {
    padding: 3px 5px 5px 5px !important;
}

.k-widget.k-listview.list-container {
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
}

#ClassificationGrid .k-grid-content {
    min-height: 52px;
}

#CreatePCallGrid .k-grid-content {
    min-height: 300px;
}

.bdr {
    border-right: 1px solid #fff;
}

#vesselContentArea .checkLable {
    margin: 0;
}

.mailin-out .checkLable {
    margin: 0;
}

#AddonGrid .k-grid-content {
    min-height: 140px;
}

.minh258 {
    min-height: 258px;
}

.k-grid-edit-row .k-button {
    margin: 0;
    min-width: 4px !important;
    /* padding: 0;*/ padding: 2px 8px;
}

.header-strip3 {
    background: #eeeeee none repeat scroll 0 0;
    border-left: 4px solid #cccccc;
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    margin: 9px 0;
    padding: 5px 10px;
}

.tc-tabs .nav li.active {
    /*font-size: 13px;*/
    font-weight: 600;
}

.col-sm-8.col-md-9.col-lg-9 > input {
    width: 100%;
}

.grid-btn {
    position: absolute !important;
    z-index: 99;
    right: 4px;
    top: 5px;
    box-shadow: 0px 1px 0px #474747;
}

.checklist-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-size: 16px;
    /* left: 56%;*/
    left: 41.5%;
    /* left: 42%;*/
    position: fixed;
    top: 8px;
    z-index: 9999;
}


.portnavbar-side.fixed {
    /*  position: fixed;*/
    z-index: 1027;
}

.portnavbar-side {
    border-radius: 0;
    bottom: 21px;
    top: 3px;
}

.portnavbar-side {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #373737 none repeat scroll 0 0;
    border-color: #2f2f2f;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 0 0;
    /*width: 185px;*/
}

    .portnavbar-side .side-nav {
        border: 0 none;
        border-radius: 0;
        float: none;
    }

.portnavbar-nav {
    margin: 0;
}

.nav {
    list-style: outside none none;
    padding-left: 0;
}

.portnavbar-side .side-nav li {
    border-bottom: 1px solid #2f2f2f;
    float: none;
}

.nav > li {
    display: block;
    position: relative;
}

.portnavbar-side .side-nav li.panel {
    border-width: 0 0 1px;
    box-shadow: none;
    margin: 0;
}

.portnavbar-side .side-nav li > a {
    background-color: #5686c8;
    color: #ffffff;
    display: block;
    font-size: 13px;
    outline: 0 none;
    padding: 6px 4px;
    text-shadow: none !important;
    transition: all 0.3s ease 0s;
}

    .portnavbar-side .side-nav li > a:hover {
        background: #20798d none repeat scroll 0 0;
    }

    .portnavbar-side .side-nav li > a .fa {
        min-width: 20px;
    }

.portnavbar-side {
    border-radius: 0;
    bottom: 21px;
    top: 36px;
}

.portnavbar-side-bg {
    background: #373737 none repeat scroll 0 0 !important;
    bottom: 21px;
    position: fixed;
    top: 36px;
    width: 16%;
}


.accordion-toggle.active {
    background: #1e6c7d !important;
}

/*.k-button.k-button-icontext.k-grid-add {
  left: 6px;
  position: relative;
  z-index: 99;
  box-shadow: none ;
  border: 0;
}*/

.k-button.k-button-icontext.k-grid-add {
    background: #e6f1fe;
    border: 0 none;
    box-shadow: none;
    /*left: 4px;*/ left: -8px;
    position: relative;
    z-index: 99;
    border-right: 1px solid #ccc;
    padding: 2px 3px 2px 6px;
}

.k-header.k-grid-toolbar {
    height: 0;
    border: 0;
}

.k-button.k-button-icontext.k-grid-Actions {
    background: #669d3f none repeat scroll 0 0;
    color: #ffffff;
    padding: 0 13px;
}

.navbar-side.tab {
    display: block !important;
}

.col-md-4.pad0 > input {
    width: 100%;
}



/*#sub-menu  li > a {  padding: 5px 7px 3px 16px; }
#sub-menu2 li > a {  padding: 5px 7px 3px 16px; } 
#sub-menu3 li > a {  padding: 5px 7px 3px 16px; }*/

#sub-menu li > a, #sub-menu2 li > a, #sub-menu3 li > a {
    padding: 5px 7px 3px 16px;
}

#login-box .labels {
    color: #ffffff;
}

#login-box .pull-left > a {
    color: #ffffff !important;
}

#forgot-box p {
    color: #ffffff;
}

#forgot-box .help-block {
    color: #ffffff;
}

#forgot-box .footer-wrap > a {
    color: #ffffff;
}

#login-box form .input-icon [class*="fa-"], form .input-icon [class^="fa-"], form .input-icon [class*=" glyphicon-"], form .input-icon [class^="glyphicon-"] {
    color: #ffffff !important;
    margin: 10px 2px 4px 10px;
}


#forgot-box form .input-icon [class*="fa-"], form .input-icon [class^="fa-"], form .input-icon [class*=" glyphicon-"], form .input-icon [class^="glyphicon-"] {
    margin: 0;
}

.min-height25 {
    min-height: 25px;
}

.ml40 {
    margin-left: 40px;
}

.btn-no-bg {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    font-size: 14px;
}

.max-height482 {
    max-height: 482px;
}

.attach-ver .k-in {
    float: left;
}

.k-button.k-button-icontext.k-grid-pdf {
    position: absolute;
    right: 0;
    top: -29px;
}

.k-button.k-button-icontext.k-grid-excel {
    position: absolute;
    right: 84px;
    top: -29px;
}



.k-widget.k-dropdown.k-header {
    /* height: 21px;*/
    /*overflow: auto;*/
}


#diaErrorMessage {
    color: #ff0000;
}

*/ #diaErrorMessage:before {
    color: #444444;
    font-family: 'FontAwesome';
    content: "\f057";
    font-size: 21px;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

#diaInfoMessage:before {
    color: #444444;
    font-family: 'FontAwesome';
    content: "\f05a";
    font-size: 21px;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

#diaWarningMessage:before {
    color: #444444;
    font-family: 'FontAwesome';
    content: "\f058";
    font-size: 21px;
    margin-right: 8px;
    position: relative;
    top: 5px;
}

.k-button.k-button-icontext.k-grid-edit {
    background: transparent;
    border: 0 none !important;
    box-shadow: none;
}

    .k-button.k-button-icontext.k-grid-edit:hover {
        background: #4099ad;
    }

.k-widget.k-grid {
    overflow: auto;
    min-height: 110px;
}

.margin0 {
    margin: 0 !important;
}

.ht16 {
    height: 16px;
}

.ht23 {
    height: 23px;
}

.ht50 {
    height: 50px;
}

.k-dropdown-wrap.k-state-default {
    /*height: 19px;*/ height: 23px !important;
}

.k-header.k-grid-toolbar.k-grid-top ~ table .k-grid-header th.k-header:first-child {
    padding-left: 35px;
}

.k-grid-header-wrap.k-auto-scrollable table th:nth-child(2) {
    padding-left: 35px;
}
/*.k-grid-header th.k-header:first-child { padding-left: 35px; }*/

#ShowColumnLog::before {
    content: "\f0f6";
    font-family: "FontAwesome";
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#ShowGeneralLog::before {
    content: "\f0f6";
    font-family: "FontAwesome";
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#ShowGeneralLog.k-button, #ShowColumnLog.k-button {
    background: #4099ad;
    color: #ffffff;
}

#AuditWindow {
    background: #ffffff;
}

.k-button.k-button-icontext.k-grid-BlackList::before {
    content: "\f05e";
    font-family: fontawesome;
    font-size: 16px;
}

.k-button.k-button-icontext.k-grid-CustomerMapDetails:before {
    content: "\f007";
    font-family: fontawesome;
    font-size: 16px;
}

.k-button.k-button-icontext.k-grid-Update:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
}

.k-button.k-button-icontext.k-grid-viewDetails:before {
    content: "\f13d";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 16px;
}

.k-button.k-button-icontext.k-grid-AnotherCommand:before {
    content: "\f017";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 16px;
}

.k-button.k-button-icontext.k-grid-Custom:before {
    content: "\f1ec";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 14px;
}

.k-button.k-button-icontext.k-grid-ProfileRequest:before {
    content: "\f02d";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 17px;
}

.k-grid-update {
    margin-right: 3px !important;
}

.k-numeric-wrap.k-state-default {
    max-height: 23px;
    padding: 0 3px 0 0;
    text-align: right !important;
}

    .k-numeric-wrap.k-state-default .k-select {
        display: none;
    }

.k-formatted-value.k-input {
    text-align: right;
}

.k-numeric-wrap.k-state-default.k-state-focused {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0 5px 0 0;
    text-align: right;
}

.k-numeric-wrap.k-state-default input[type="text"]:focus {
    /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    text-align: right !important;
}



.k-numeric-wrap.k-state-focused input:nth-child(2) {
    /*  border: 1px solid #cfcfcf;*/
    box-shadow: none;
    height: 21px !important;
    left: -1px;
    position: relative;
    top: -1px;
    width: 102%;
}


.field-validation-error::before {
    color: rgb(51, 51, 51);
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.field-validation-error .k-icon.k-warning {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: none;
}

#xLoader {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;
    float: left;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.mar0 {
    margin: 0;
}

.bdrlr {
    border-width: 0px 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
}

.k-button.k-button-icontext.k-grid-delete {
    background: transparent;
    border: 0 none;
    box-shadow: none;
}

    .k-button.k-button-icontext.k-grid-delete:hover {
        background: #4099ad;
    }

.bg-container {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    padding: 0px;
}

    .bg-container label {
        border-right: 1px solid #cccccc;
        line-height: 30px;
        margin-bottom: 0;
        padding-right: 21px;
    }

    .bg-container input {
        margin-bottom: 0;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.fetch:before {
    content: "\f0c5";
    left: -6px;
    position: relative;
    top: -4px;
    font-family: fontawesome;
}

.input-group-addon.btn.btn-primary.fetch {
    height: 23px;
}

.input-group-addon {
    padding: 3px;
    background: transparent;
}



.k-list-container.k-popup.k-group.k-reset.k-state-border-down {
    min-width: 200px !important;
    max-width: 100% !important;
    white-space: no-wrap;
}

.k-list li:nth-child(2n+1) {
    background: #ececec !important;
}

.mr15 {
    margin-right: 15px;
}


.k-dropdown-wrap.k-state-disabled {
    height: 19px;
}

.k-hierarchy-cell.k-header {
    padding: 0 !important;
}

#horizontal {
    width: 100% !important;
    overflow-x: hidden;
}

/*#right-pane1 {
  width: 100% !important;
}*/

#more_toggle i {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
}

.excel:before {
    content: "\f1c3";
    font-family: fontawesome;
    margin-right: 5px;
}

.pdf:before {
    content: "\f1c1";
    font-family: fontawesome;
    margin-right: 5px;
}

.calc:before {
    content: "\f1ec";
    font-family: fontawesome;
    margin-right: 5px;
}



/*.k-dropdown-wrap.k-state-disabled {
    height: 19px; height: 21px; 
}*/

.k-dropdown-wrap.k-state-default {
    height: 19px;
}

.form-group.col-lg-4.col-sm-6 {
    min-height: 23px;
}

#TariffChargeGrid .k-link {
    width: 100px;
}

    #TariffChargeGrid .k-link.k-pager-nav {
        width: auto;
    }

#SalesActivityKey {
    min-height: 66px;
    padding: 5px 10px;
    max-height: 66px;
    overflow-y: scroll;
}

#DocTemrsLink {
    min-height: 66px;
    padding: 5px 10px;
    float: left;
}

#AgentQualificationApproveGrid td:nth-last-child(-n+4) {
    padding: 0;
    width: 0;
}

#PortInformationGrid td:nth-last-child(-n+3) {
    padding: 0;
    text-align: center;
    width: 11%;
}

.v-hidden {
    visibility: hidden;
}

#login-box .form-control::-moz-placeholder {
    color: #fff;
}

#login-box .form-control::-webkit-input-placeholder {
    color: #fff;
}

#login-box .form-control::-ms-input-placeholder {
    color: #fff;
}

.login-container h2 a img {
    /* margin-top: 60px;*/
    /* width: 55%;*/
}

#login-box form .input-icon {
    margin-bottom: 5px;
    position: relative;
}

#login-box form .tcb {
    display: block;
    margin-top: 10px;
    min-height: 20px;
    margin-bottom: 0;
}

.in-ht {
    min-height: 23px;
}
/*.k-picker-wrap .k-select {  margin-right: 3px;  text-align: right;  width: 100%;}*/
.login-container h2 {
    margin-bottom: 0;
}

#ht .col-sm-8.col-md-6.col-lg-8 {
    height: 24px;
}

.k-upload-files {
    line-height: 18px;
    margin: 0;
}

html .k-upload-empty {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: 1px solid rgb(204, 204, 204);
}

.k-dropzone {
    padding: 0 !important;
}

.k-upload-status {
    top: 0 !important;
}

    .k-upload-status.k-upload-status-total {
        color: #008000;
    }

.k-upload-pct {
    color: #008000;
}

.k-file {
    background-color: #ffffff;
    border-color: #80e080;
    margin-bottom: 1px;
}

.k-upload-status.k-upload-status-total {
    color: #008000;
}

.k-file-error .k-progress {
    background-color: #efb0b0;
}

.k-file-success .k-progress {
    background-color: #c0ffc0;
}
/*.k-grid-header th.k-header > .k-link {text-align: center;}*/
#PCDAGrid .k-link {
    text-align: center;
}

.fl-btn-round {
    border-radius: 50px;
    height: 40px;
    position: fixed;
    right: 2.5%;
    top: 9.5%;
    width: 40px;
}

.fl-btn {
    position: fixed;
    right: 25%;
    top: 9.5%;
}

#opt-text textarea {
    min-height: 25px !important;
    padding: 0 8px;
}

#opt-text hr.separator {
    margin: 1px 0;
}

#opt-text .k-dropdown-wrap.k-state-default {
    height: 23px;
}

#SendMailBerthingProspectId {
    position: absolute;
    right: 7px;
    top: 31px;
}

.placeholder-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    left: 25%;
    position: absolute;
    top: 5px;
}

form .k-picker-wrap .k-select {
    margin-right: 3px;
    text-align: right;
    /*width: 100%;*/
}

.k-widget.k-grid .k-picker-wrap .k-select {
    margin-right: 3px;
    text-align: right;
    width: auto;
}

.k-grid td {
    padding: 0 4px !important;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 16px !important;
}

.k-button.k-button-icontext.k-grid-edit {
    padding: 0;
}

.k-button.k-button-icontext.k-grid-delete {
    padding: 0;
}

#blackListform td:nth-child(n+2) {
    text-align: center;
    width: 50%;
}

#blackListform tr:nth-child(2n+1) {
    background: #f3f3f3;
}

.k-button.k-button-icontext.k-grid-ActivityList::before {
    content: "\f0f6";
    font-family: fontawesome;
    margin-right: 5px;
}

.k-button.k-button-icontext.k-grid-Send::before {
    content: "\f1d8";
    font-family: fontawesome;
    margin-right: 5px;
}

.k-button.k-button-icontext.k-grid-View:before {
    content: "\f044";
    font: 16px fontawesome;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.k-button.k-button-icontext.k-grid-SailingRequest:before {
    content: "\f21a";
    font: 16px fontawesome;
    margin-right: 5px;
}

.k-button:hover, .k-button.k-state-hover, .k-button:active:hover, .k-button.k-state-active:hover {
    color: #fff !important;
    background: #4099ad !important;
}

.k-button {
    border: 0 none !important;
}

    .k-button, .k-button:hover, .k-button.k-state-hover, .k-button.k-state-focused, .k-button:focus, .k-button:focus:not(.k-state-disabled):not([disabled]) {
        box-shadow: none !important;
    }
/*.k-button:active, .k-button.k-state-active, .k-button:focus, .k-button.k-state-focused { background: rgba(0,0,0,0) !important; text-decoration: none; }*/
.k-widget .k-button:active:hover, .k-widget .k-button.k-state-active:hover {
    background: #50a9bd !important;
    border-color: #4099ad;
}

a.k-button:hover {
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.btn.btn-primary.k-button {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05) !important;
}

    .btn.btn-primary.k-button:hover {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05) !important;
    }


#CostWindow .k-formatted-value.k-input {
    height: 20px !important;
}

#vesselDetailform .tcb {
    margin: 0;
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-width: 0 0 0 0;
}

.breadcrumbs-wrap {
    width: 55%;
    z-index: 9999 !important;
}

.k-radio:checked + .k-radio-label::after {
    height: 8px !important;
    left: 3px !important;
    top: 3px !important;
    width: 8px !important;
}

a.k-button {
    background-color: rgba(0, 0, 0, 0) !important;
}

.k-widget.k-grid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    width: 9%;
    padding: 0;
    white-space: normal;
}

.k-tooltip-validation {
    z-index: 999 !important;
}

#BerthingGrid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0 8px;
    width: auto;
}

#BunkerDetailsGrid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0 8px;
    width: auto;
}

#CopiesOfAttachmentsGrid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0 8px;
    width: auto;
}

#CChargegrid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    width: 22%;
}

#ObjReferenceCodeDetailModel.k-widget.k-grid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0;
    width: 16%;
}

#AgentKey_validationMessage.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0 8px;
    width: auto;
}

#PCAActualRemarksGrid.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0 8px;
    width: auto;
}

#Tugs_validationMessage {
    width: 76px;
}

.k-dropdown-wrap.k-state-disabled {
    border: 0 none;
}

#PCIFundingDetailsModelGrid.k-widget.k-grid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0;
    width: 15%;
}

#vesselDetailform .k-header.k-grid-toolbar.k-grid-top ~ table .k-grid-header th.k-header:last-child {
    width: 50px;
}

/*p ~ ul {  font-size: 10px !important;  font-style: italic !important;}
p {  font-size: 10px !important;  font-style: italic !important;}*/
.padl30 {
    padding-left: 30px;
}

.k-button.k-button-icontext.k-grid-CopyCargoDetails:before {
    content: "\f0c5";
    font: 16px fontawesome;
    margin-right: 5px;
}

.BerthchildGridWidth.k-widget.k-grid .k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {
    padding: 0;
    width: 3%;
}



.label-display {
    font-weight: bold;
    left: 31%;
    padding: 4px 16px;
    position: absolute;
    top: 1px;
    display: inline;
}

.row-mandatory {
    background: #fdcccc !important;
}

.cl span {
    float: left;
    height: 30px;
    width: 30px;
}

    .cl span.theme-default {
        background: #5686c8;
    }

    .cl span.theme2 {
        background: #00aab5;
    }

    .cl span.theme3 {
        background: #E64A87;
    }

    .cl span.theme4 {
        background: #080808 none repeat scroll 0 0;
    }

.ts-body select {
    font-size: 12px;
}

h4, .h4 {
    font-size: inherit !important;
}

.k-button.k-button-icontext.k-primary.k-grid-update {
    padding: 2px 4px !important;
}

.k-button.k-button-icontext.k-grid-cancel {
    padding: 2px 4px !important;
}

#PortInfoProcessGrid .k-grid .k-button {
    margin: 0;
}

#ProfileRequestWindow > form {
    width: 1020px;
}

.parentTR {
    background: #5686c8 none repeat scroll 0 0; /*font-weight: bold;*/
    color: #fff;
    line-height: 25px;
}

.autocomplete-header.k-widget.k-header > span {
    color: #ffffff;
    display: inline-block;
    min-width: 120px;
    padding: 4px 5px;
}

.ac-value {
    display: inline-block;
    min-width: 130px !important;
}

#ObjPortCallOperations_ObjPortCallInformationModel_ObjVesselDetailsModel_VesselName-list > div[unselectable] {
    height: 174px !important;
}

.header {
    background: #5686c8 none repeat scroll 0 0 !important;
    font-weight: bold !important;
    margin: 1px;
}

.max-height {
    min-height: 340px;
    max-height: 340px;
    overflow: auto;
}

.header-icon {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

    .header-icon i {
        opacity: 1 !important;
    }

.birth-name {
    color: #a52a2a;
    min-width: 150px;
    padding: 0 10px;
}

.bemobile {
    min-width: 100px;
    padding-right: 10px;
}

.b-date {
    color: #2e8b57;
}

.nav.collapse.in {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(86, 134, 200,0.3);
}

.img-circle {
    background: #5686c8;
}

/*Chat Window custom*/
.ui-chatbox {
    bottom: 20px;
    box-shadow: -9px 11px 18px #c3c3c3 !important;
    padding: 2px;
    position: fixed;
    z-index: 99;
}

.ui-chatbox-titlebar {
    cursor: pointer;
    padding: 3px;
}

.ui-widget-header {
    background: #5686c8 none repeat scroll 0 0;
    border: 1px solid #5686c8;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-content {
    /* background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top;*/
    color: #333333;
}

.ui-chatbox-content {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.ui-chatbox-log {
    background: #ffffff none repeat scroll 0 0;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px;
}

.ui-widget-content {
    /* border: 1px solid #dddddd;*/
    color: #333333;
}

.ui-widget-content {
    color: #333333;
}

.ui-chatbox-msg {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ui-icon-closethick::after {
    content: "\f057";
    font-size: 14px;
    text-indent: unset !important;
}

.ui-icon.ui-icon-closethick {
    text-indent: unset;
}

.ui-icon.ui-icon-minusthick {
    text-indent: unset !important;
}

    .ui-icon.ui-icon-minusthick::after {
        content: "\f056";
        font-size: 14px;
        text-indent: unset !important;
    }

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    height: 16px;
    width: 16px;
    font-family: fontawesome;
    color: #fff;
}

.ui-widget-header.ui-corner-top.ui-chatbox-titlebar.ui-dialog-header > span::before {
    content: "\f1d7";
    font-size: 16px;
    margin-right: 5px;
    font-family: fontawesome;
}


.ui-corner-all.ui-chatbox-icon .ui-state-hover {
    color: #333 !important;
    text-decoration: none;
}

/*.ui-chatbox-msg > span::before {  color: #8aa3a4;  content: "";  font-family: fontawesome;  left: -17px;  position: relative;}*/
.ui-chatbox-msg > b {
    color: #708090;
}

#chat.btn.btn-primary {
    height: 34px;
    position: fixed;
    right: 11%;
    top: 0;
    z-index: 9999;
}

#chat .fa.fa-wechat {
    font-size: 24px;
}

/*.ui-chatbox-msg > b {  color: #636363;  display: table-cell;  left: 8px;  position: relative;}
.ui-chatbox-msg > span {  background: #ffffff;  border: 1px solid #cae3e4;  display: table-cell;  left: 20px;  max-width: 235px;  padding: 0 12px;  position: relative;}*/
.ui-chatbox-msg > b::before {
    content: "\f007";
    font-family: fontawesome;
    font-size: 20px;
    margin-right: 5px;
}

.ui-chatbox-msg:last-child {
    border: 0 none;
}





.tiles {
    list-style-type: none; /* margin: 25px 0;*/
    padding: 0;
}

    .tiles > li {
        float: left; /*margin: 8px 0 0 8px;*/
        margin: 0 0 2px;
        position: relative;
    }

        .tiles > li:hover::before {
            background: rgba(0, 0, 0, 0); /* border: 5px solid rgba(0, 0, 0, 0.5);*/
            content: "";
            height: 150px;
            left: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 200px;
            z-index: 99;
        }

        .tiles > li > a {
            color: #ffffff;
            display: block;
            height: 187px;
            position: relative;
            text-align: center;
            text-decoration: none;
            /* width: 175px;*/ transition: all ease 0.3s;
        }

            .tiles > li > a span {
                display: block;
                font-size: 48px;
                padding-top: 28px;
            }

        .tiles > li.long > a {
            width: 406px;
        }

            .tiles > li.long > a span {
                font-size: 64px;
                padding-top: 10px;
            }

            .tiles > li.long > a span {
                font-size: 64px;
                padding-top: 28px;
            }

        .tiles > li.long:hover::before {
            width: 406px;
        }

        .tiles > li > a span {
            font-size: 48px;
        }

        .tiles > li > a .name {
            bottom: 0;
            display: block;
            float: left;
            font-size: 17px !important;
            left: 0;
            padding: 20px;
            position: absolute;
            right: 0;
            text-align: left;
        }

.name {
    font-weight: bold;
}

ul > li.blue, .label-blue {
    background: #00b0d2;
}

ul > li.green, .label-green {
    background: #7fd37d;
}

ul > li.oranged, .label-oranged {
    background: #e87d44;
}

ul > li.violett, .label-violett {
    background: #ba7eb1;
}

ul > li.red, .label-red {
    background: #fe6567;
}

.tiles li a:hover {
    transform: scale(1.1) rotate(-2deg);
}

.pink {
    border: 1px solid #e36091;
    color: #e36091;
}

.tiles i:hover {
    transform: rotateY(180deg);
}

i {
    transition: all ease 0.3s;
}

#site-tiles {
    overflow: hidden;
}

.bdr2 {
    border-right: 2px solid #fff;
}

/*.record-deleted {
  background: #efd0d0 none repeat scroll 0 0 !important;
  color: #ff0000 !important;
  text-decoration: line-through;
}*/
.record-rejcted {
    background: #efd0d0 none repeat scroll 0 0 !important;
    color: black !important;
}

.record-accepted {
    background: #72af46 none repeat scroll 0 0 !important;
    color: black !important;
}

.padl0 {
    padding-left: 0;
}

.padr0 {
    padding-right: 0;
}
/*.high{background: yellow !important;}*/


.max-height457 {
    min-height: 234px;
}

.k-button.k-grid-Cancel::before {
    content: "\f05e";
    color: #c10202;
    font-size: 16px;
    font-family: "FontAwesome";
    margin-right: 5px;
}

.k-button.k-grid-Disbursement::before {
    color: #107010;
    content: "\f0d6";
    font-family: "FontAwesome";
    font-size: 18px;
    margin-right: 5px;
}

.k-button.k-grid-StopPayment::before {
    color: #bf0000;
    content: "\f28e";
    font-family: "FontAwesome";
    font-size: 16px;
    margin-right: 5px;
}

.media-search .fa.fa-search {
    color: #868686;
    font-size: 14px;
    position: absolute;
    right: 19px;
    top: 12px;
}


.k-button.k-button-icontext.k-grid-Adjustment::before {
    content: "\f1de";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 5px;
}





#menu {
    height: 523px !important;
}

.query-head {
    background: #fafad2 none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 4px 0 0 !important;
}

    .query-head .tcb-inline {
        position: relative;
        top: -4px;
        cursor: pointer;
    }

.tcb-inline .k-radio-label {
    margin-bottom: 14px;
}

.max-height400 {
    min-height: 400px;
}



/*.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {  height: 16px !important;}
.k-picker-wrap .k-input {
    height: 16px !important;}
*/


.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 21px !important;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *::before, .k-animation-container *::after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: inherit;
    box-sizing: padding-box;
}

.k-window-titlebar.k-header {
    height: 30px;
    position: relative;
    background: #5686c8 !important;
    color: white !important;
}

.query-header {
    background: #f1f2f6 none repeat scroll 0 0;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 2px;
    padding: 4px 0 0 !important;
}

.nav-tabs .fa {
    margin-right: 10px;
}

.k-widget.k-treeview.k-reset {
    min-height: 490px;
}

#LoanAdjustmentUISearchGrid .k-grid-content, #LoanDisbursementUISearchGrid .k-grid-content,
#LoanStopPaymentUISearchGrid .k-grid-content, #LoanCancellationUISearchGrid .k-grid-content,
#LoanModificationUISearchGrid .k-grid-content, #LoanApplicationQueryUISearchGrid .k-grid-content,
#LeaveAdjustmentUIGrid .k-grid-content, #VisaTrackingUISearchGrid .k-grid-content {
    min-height: 409px;
}



#EmployeeLeaveCalendarSearchGrid .k-grid-content, #CalendarEmployeeGroupWiseSearchGrid .k-grid-content {
    min-height: 364;
}

#PayProcessEmployeeGrid .k-grid-content {
    min-height: 366px;
}

#SalaryProcessUISearchGrid .k-grid-content {
    min-height: 333px;
}





#AssetApprovalUISearchGrid .k-grid-content {
    min-height: 350px;
}

#VisaRenewalUISearchGrid .k-grid-content, #EmployeeOTApprovalUISearchGrid .k-grid-content,
#LeaveSettlementApprovalUISearchGrid .k-grid-content {
    min-height: 300px;
}

#PayProcessCurrentGrid .k-grid-content, #PayProcessPreviousSearchGrid .k-grid-content {
    min-height: 164px;
    height: 164px !important;
}

#LeaveApplicationUISearchGrid .k-grid-content {
    max-height: 80px;
    min-height: 80px !important;
}

#EmployeeSalarySetupUISearchGrid .k-grid-content,
#CTCFormulaPerkDetailsSearchGrid .k-grid-content {
    max-height: 130px;
    min-height: 130px !important;
}

#EmployeeSearchDetailsSearchGrid .k-grid-content {
    max-height: 270px;
    min-height: 270px;
}

#RecruitAssessmentScoreGrid .k-grid-content {
    min-height: 444px;
}

#EmployeeMedicalDetailsGrid .k-grid-content, #EmployeeVisaDetailsGrid .k-grid-content,
#EmployeeDatesGrid .k-grid-content, #EmployeeNotesGrid .k-grid-content,
#PersonalEmployeeStatusSearchGrid .k-grid-content {
    min-height: 465px;
}

#PassportManagementGrid .k-grid-content {
    min-height: 324px;
}

.header-strip .fa.fa-arrow-circle-down {
    margin-left: 7px;
}

.k-button.k-button-icontext.k-grid-Approve::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
    color: #208020;
}

.k-button.k-button-icontext.k-grid-Reject::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
    color: #df1010;
}

.k-button.k-button-icontext.k-grid-Modify::before {
    content: "\f044";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.k-button.k-button-icontext.k-grid-view::before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}


.k-grid-header-wrap .k-header {
    background: #e4f4fe !important;
    color: #444444;
}

.k-header.k-filterable.k-with-icon {
    background: #e4f4fe !important;
    color: #444444;
}

th.k-header {
    background: #e4f4fe !important;
    color: #444444;
}


.bwizard-steps .completed {
    background: #82bf56;
    box-shadow: 6px 2px 4px #72af46 inset;
    color: #ffffff;
}

    .bwizard-steps .completed::after {
        border-left-color: #82bf56;
    }

.bwizard-steps .pending {
    background: #ffb510;
    box-shadow: 6px 2px 4px #ef9520 inset;
    color: #ffffff;
}

    .bwizard-steps .pending::after {
        border-left-color: #ffb510;
    }

.k-calendar .k-header {
    background: #5686c8;
}



.k-button.k-upload-button::before {
    content: "\f0c6";
    font-family: FontAwesome;
    font-size: 21px;
    left: 4px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.k-upload .k-dropzone {
    height: 23px;
}

.k-button.k-upload-button {
    padding: 0;
}


.cdetails .control-label::before {
    color: #808080;
    content: "\f05a";
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 15px;
}


.k-tool-text {
    display: none;
}

#OrgAnnouncementAttachmentGrid .k-grid-content {
    min-height: 458px;
}

input[readonly] {
    width: 100%;
}

.input-group-btn > .btn + .btn {
    margin-left: 2px !important;
}

.legend {
    border: 1px solid #e1e2e6;
}

    .legend > label {
        margin: 5px 15px 5px 5px;
        position: relative;
    }

    .legend i {
        border: 1px solid;
        font-size: 12px;
        margin-right: 5px;
        padding: 0 1px 1px;
        position: relative;
        top: 0px;
    }

i.multiple {
    color: #ff0000;
}

i.single {
    color: #008000;
}

.input-group > .form-control, .input-group > .k-widget {
    width: 98%;
}

.input-group-btn {
    left: 2px !important;
}

#LeaveSummaryYearTxt.k-textbox, #AttendanceYearTxt.k-textbox {
    width: 8%;
}

.tcb.leave-legend {
    padding: 15px !important;
}

#AttachmentGrid.k-button {
    background: rgba(0, 0, 0, 0);
    color: #333333;
}

    #AttachmentGrid.k-button::before {
        content: "\f0c6";
        font-family: FontAwesome;
        font-size: 21px;
        left: 4px;
        margin-right: 15px;
        position: relative;
        top: 2px;
    }

.k-grid-AuditLog::before {
    color: #333333;
    content: "\f0ea";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 5px;
}

.emp-profile-pic {
    border: 1px solid #cccccc;
    border-radius: 50%;
    box-shadow: 0 2px 0 #cccccc;
    padding: 1px;
}

#basicDetails .treeview {
    border: 1px solid #dcdcdc;
    padding: 1px 1px 0;
}

.k-grid td {
    white-space: nowrap;
}

#rRFDetailsForm .tab-content {
    min-height: 482px;
}

.k-tooltip-content::before {
    content: "\f05a";
    font-family: FontAwesome;
    font-size: 15px;
    left: -3px;
    position: relative;
    top: 2px;
}

.k-widget.k-tooltip {
    background: rgba(255, 0, 0, 0.8) !important;
    border-color: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
}

.k-callout-n, .k-callout-s {
    border-bottom-color: #f00;
}

.k-tooltip-content .k-icon {
    background-image: none;
}

/*
.input-validation-error {  border: 1px solid #e80c4d !important;}
.k-tooltip.animated {
  animation-duration: 0.3s !important;
}
.k-valid {  border: 1px solid #ff0000 !important;}
.k-widget.k-tooltip.k-tooltip-validation.slideInUp.wow.animatedk-invalid-msg.field-validation-error {
  display: none;
}
.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg.field-validation-error {  display: none;}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

*/


/*
.input-validation-error::before {
  color: rgb(255, 0, 0);
  content: "\f05a";
  cursor: pointer;
  display: block;
  font-family: fontawesome;
  font-size: 16px;
  overflow: visible;
  position: absolute;
  right: -17px;
  top: 2px;
  z-index: 2147483647;
}*/



/*td .k-valid {  border: 1px solid #ff0000;}*/
.input-validation-error {
    border: 1px solid #ff0000 !important;
}

/*.k-autocomplete .k-input.k-valid {  border: 1px solid #ff0000;}*/

td .k-valid {
    border: 0 none !important;
}



/*td .k-dropdown input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block !important;
  max-height: 20px;
  position: absolute;
  top: 0;
}*/

/*
.k-picker-wrap input.k-valid {
  border: 1px solid #ff0000;
}
*/

/*input.k-valid {
  border: 1px solid #ff0000;
}*/

.k-callout-n {
    left: 40px;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #f00;
}


/* Control hover colors */
.k-textbox:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-color: #5686c8;
    border-color: #f4f4f4;
}

.k-autocomplete.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-multiselect.k-header.k-state-active {
    background-color: #5686c8;
    color: #fff;
}

.k-textbox:focus {
    border-color: #f4f4f4;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2), 0px 2px 3px rgba(0, 0, 0, 0.05);
}

.k-calendar td.k-state-selected {
    background-color: #5686c8;
}

/*.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down{ padding-bottom:0; }*/
.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    padding-bottom: 0;
}

.k-autocomplete .input-validation-error.k-input {
    border: 0 none !important;
}

.k-picker-wrap .input-validation-error {
    border: 0 none !important;
}

.k-numeric-wrap .input-validation-error {
    border: 0 none !important;
}

/**/

.k-widget.k-numerictextbox.input-validation-error {
    max-height: 21px !important;
    overflow: hidden;
}

/*.k-menu .k-state-hover > .k-state-active {
    background-color: #f00;
}*/



/*.k-numeric-wrap input:nth-child(2) {  display: block !important;  opacity: 0;  position: absolute;  top: 0;}*/

/*
#GeoWindow .k-treeview {
  border: 1px solid #cccccc;
  max-height: 450px !important;
  min-height: 450px !important;
  padding: 25px;
}

#GeoWindow.k-window-content.k-content {
  height: 530px;
  overflow: hidden;
  padding: 25px;
  width: 484px !important;
}

#GeoWindow .k-top, #GeoWindow .k-bot, #GeoWindow .k-mid {
  border-bottom: 1px solid #cccccc;
  padding: 7px 15px;
}
*/
#TransactionTreeview.k-treeview, #MasterTreeview.k-treeview, #ReportTreeview.k-treeview {
    max-height: 500px;
    min-height: 500px;
}

#UserSetupUISearchGrid .k-grid-content {
    max-height: 438px;
    min-height: 438px;
}

#InchargeUpdationUISearchGrid .k-grid-content {
    max-height: 390px;
    min-height: 390px;
}

#ChildRoleSetupUISearchGrid .k-grid-content, #EscalationRoleSetupUISearchGrid .k-grid-content, #UserDetailsRoleSetupUISearchGrid .k-grid-content {
    max-height: 174px;
    min-height: 174px;
}

.k-numeric-wrap .k-select {
    display: none !important;
}

/*ESS LOGIN*/

.ESS .login-container h2 {
    margin-bottom: -80px;
    text-align: left;
}

.ESS .login-container {
    margin: 7% auto 50px;
    width: 600px;
}


#btnclose.btn:before {
    content: "\f0c6";
    font-family: FontAwesome;
    font-size: 16px;
    left: 4px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

#btnclose.btn {
    color: #000000;
}

.k-colorpicker .k-selected-color {
    height: 1.5em;
    margin-left: 3px;
    vertical-align: middle;
    width: 1.5em;
}

#btnclose.btn.periodOpen::before {
    content: "\f13e";
    font-family: FontAwesome;
    font-size: 16px;
    left: 4px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

#btnclose.btn.periodClose::before {
    content: "\f023";
    font-family: FontAwesome;
    font-size: 16px;
    left: 4px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

#btnclose.btn.btn-success.k-state-disabled {
    background: #c0c0c0 none repeat scroll 0 0;
    border: 0 none;
    color: #808080;
    margin-bottom: 1px;
}


.k-grid-header th.k-header span.k-link {
    font-weight: bold;
}

.k-grid-EmployeeRequest:before {
    color: #737373;
    content: "\f234";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 5px;
}

button.errorCorrect, button.errorWrong {
    border: 0 none;
    outline: medium none;
}

    button.errorWrong::before {
        color: #cf1010;
        content: "\f057";
        font-family: FontAwesome;
        font-size: 17px;
    }


    button.errorCorrect::before {
        color: #209020;
        content: "\f058";
        font-family: FontAwesome;
        font-size: 17px;
    }

#context-menu_mn_active .k-link::before {
    color: #bf1010;
    content: "\f057";
    font-family: FontAwesome;
    margin-right: 4px;
    font-size: 17px;
}

legend {
    border: 0 none;
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: inherit;
    margin: 0 10px;
    padding: 3px 21px;
    width: auto;
}

fieldset {
    border: 1px solid rgba(86, 134, 200, 0.7);
    margin: 0 15px;
    padding: 0;
}

legend::before {
    color: #5686c8;
    content: "\f07b";
    font-family: fontawesome;
    margin-right: 10px;
}

fieldset .form-group:last-child {
    margin-bottom: 14px;
}

.k-grid-Delete::before {
    color: #cf0000;
    content: "\f057";
    font-family: fontawesome;
    font-size: 18px;
}

.k-item.k-state-default.k-first.k-last .k-link::before {
    color: #cf0000;
    content: "\f057";
    font-family: fontawesome;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}


.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    padding-bottom: 0;
}

#LabelvalueList .form-group {
    margin-bottom: 10px !important;
}
.k-list-scroller {
    overflow: auto;
}
#GeoWindow .k-treeview {
    border: 1px solid #cccccc;
    /*max-height: 450px !important;
  min-height: 450px !important;*/
    max-height: 420px !important;
    min-height: 420px !important;
    padding: 25px;
}

#GeoWindow.k-window-content.k-content {
    height: 530px;
    height: 570px\0;
    overflow: hidden;
    /*padding: 25px;*/ padding: 25px 25px 0 25px;
    width: 484px !important;
}

#GeoWindow .k-top, #GeoWindow .k-bot, #GeoWindow .k-mid {
    border-bottom: 1px solid #cccccc;
    padding: 7px 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #GeoWindow.k-window-content.k-content {
        height: 570px;
    }
}

#MyEarningsSearchGrid .k-grid-content, #MyDeductionSearchGrid .k-grid-content {
    min-height: 250px;
}

#ResignationApprovalUISearchGrid .k-grid-content {
    max-height: 300px;
    min-height: 300px;
}

hr {
    margin: 10px 0;
}


.header-icon i {
    margin: 3px 6px;
    cursor: pointer;
}

.trapezoid {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 2px 4px 7px rgb(0, 0, 0);
    height: 80px;
    text-align: center;
    width: 16%;
}

    .trapezoid::before {
        border-left: 80px solid rgba(0, 0, 0, 0);
        border-top: 80px solid rgb(255, 255, 255);
        content: "";
        display: block;
        height: 48px;
        left: -80px;
        position: relative;
        width: 50px;
    }

.img-responsive.c-logo {
    margin: 0 auto;
    position: relative;
    top: -77px;
}


#MailListGrid th {
    font-weight: bold;
    height: 30px !important;
}

#MailListGrid .k-selectable td {
    border-bottom: 1px solid #efefef;
    height: 27px;
}

#MailListGrid .k-selectable tr {
    transition: all 0.3s ease 0s;
}

    #MailListGrid .k-selectable tr:hover {
        background: #f2f2f2;
        color: inherit;
        cursor: pointer;
    }

    #MailListGrid .k-selectable tr:nth-child(2n+1) {
        background: rgba(0, 0, 0, 0);
    }

#divSideMenu .inbox-tabs.nav-tabs > li.active:not(.open) > a, .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover, .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
    background-color: #e4f4fe;
}

#MailListGrid .k-pager-wrap {
    height: 27px;
    padding-top: 6px;
}

.inbox-tabs.nav-tabs > li > a.btn-new-mail {
    background-color: transparent;
    border: 0 !important;
    padding: 0 !important;
    right: 9px;
    top: 6px;
}

.message-header {
    background: #f4f4f4 /*url("../../Images/common/page-title-bg.png") no-repeat scroll left top*/;
    margin: -15px -11px;
    padding: 15px;
}
/*.message-content.treeview {    padding: 25px;}*/
.message-content {
    background-color: #ffffff;
    border: 1px solid #dadada;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.02);
    color: #000000;
    min-height: 502px;
    padding: 16px 12px;
}

.message-body {
    padding: 15px;
    color: #444;
    min-height: 390px;
    max-height: 390px;
    background: url("../../Images/Common/mail-bg.jpg") repeat scroll 0 0;
    overflow: auto;
}



#divSideMenu .inbox-tabs.nav-tabs > li.active:not(.open) > a, .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover, .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
    background-color: #f4f4f4 !important;
    border-top: 3px solid; /*color: #ffffff !important;*/
}

#MailListGrid .k-grid-content {
    max-height: 476px;
    min-height: 476px;
    overflow: auto;
}

#MailListGrid .k-grid-header {
    padding: 0 !important;
}

#MailListGrid {
    overflow: hidden;
}

#divMailBody .action-buttons a, #id-message-list-navbar .action-buttons a {
    background: #666666;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
    height: 20px;
    line-height: 25px;
    text-align: center;
    width: 20px;
}

.btn-reply {
    background: #2e8b57 !important;
}

.btn-delete {
    background: #800000 !important;
}

.btn-forward {
    background: #4169e1 !important;
}

s #inbox-tabs.nav.nav-tabs.tab-lg-button li a {
    padding: 3px 33px;
}

#divSideMenu .tc-tabs .nav > li > a:hover {
    background: #ececec;
}

#MailListGrid .k-selectable tr:nth-child(2n+1):hover {
    background: #f2f2f2;
}

.btn-new-mail .btn-line {
    background: #228b22;
    border-radius: 50%;
    bottom: 52px;
    color: #ffffff;
    font-size: 17px;
    height: 50px;
    line-height: 32px;
    position: fixed;
    right: 20px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

#divComposeMail .message-form {
    background: #f2f2f2 !important;
    border: 1px solid #cccccc;
    min-height: 538px;
    padding: 70px 75px;
}

.message-list-container {
    min-height: 438px;
}

.sender strong {
    font-weight: 600;
}

#inbox-tabs li .fa {
    margin-right: 0;
}

.message-content strong {
    font-weight: 600 !important;
}

.text-inbox {
    color: #008000 !important;
}

.text-alert {
    color: #ff0000 !important;
}

.padl2 {
    padding-left: 2px;
}

#inbox-tabs a {
    padding: 10px 30px;
}

.message-item.mail-selected {
    background: #fdf5e6 none repeat scroll 0 0;
}

#mailLoader {
    background: #ffffff none repeat scroll 0 0;
    height: 93.6%;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

    #mailLoader > img {
        left: 10%;
        position: absolute;
        top: 5%;
    }

#divOrganisationAnnouncements .widget, #divorganizationAnnouncementUIForm .widget, #divBirthDayList .widget {
    border: 0 none;
    margin: 0;
}

.bg-lightgray {
    background-color: #f7f7f7 !important;
    border-left: 1px solid #e5e5e5 !important;
    color: #333333 !important;
}

#divHomePage .widget .body .background-icon-right [class*="fa-"], #divHomePage .widget .body .background-icon-right [class*="glyphicon-"] {
    right: 20px;
    top: 15px;
}


#divHomePage .widget .body .background-icon-right [class*="fa-"], #divHomePage .widget .body .background-icon-right [class*="glyphicon-"], #divHomePage .widget .body .background-icon-left [class*="fa-"], #divHomePage .widget .body .background-icon-left [class*="glyphicon-"] {
    font-size: 5.5em;
    opacity: 0.1;
}

#BirthList .lists li {
    padding: 0;
    background: transparent;
    border-bottom: 1px solid #efefef;
}

#divHomePage h3, #divHomePage .h3 {
    font-size: 18px;
}

#divHomePage h2, #divHomePage .h2 {
    font-size: larger;
}

#ESSCalendarEmployeeWiseSearchGrid .k-grid-header-wrap.k-auto-scrollable table th:nth-child(2) {
    padding-left: 0;
}

#ESSCalendarEmployeeWiseSearchGrid .k-grid-content {
    max-height: 150px !important;
    min-height: 150px !important;
}

#MailList .body {
    max-height: 296px;
    min-height: 296px;
}

.bg-indigo {
    background: rgba(75, 0, 130, 0.1) none repeat scroll 0 0 !important;
}

    .bg-indigo h3 {
        color: #4b0082;
    }

.bg-green {
    background: rgba(34, 139, 34, 0.1) none repeat scroll 0 0 !important;
}

    .bg-green h3 {
        color: #228b22;
    }

.bg-tomato {
    background: rgba(255, 99, 71, 0.1) none repeat scroll 0 0 !important;
}

    .bg-tomato h3 {
        color: #d2691e;
    }

button#btnLeaveCalender {
    background: #708090;
    border: 0 none;
    color: #fff;
    padding: 2px 15px;
    width: 375px;
}

button#btnAdverticement {
    background: #f08080 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 2px 15px;
    width: 33.3%;
}

#id-message-infobar i {
    margin-right: 8px;
}

#InboxMail .message-navbar {
    background: #ececec none repeat scroll 0 0;
    border-left: 0 none;
    border-right: 2px solid #ffffff;
    border-top: 0 none;
    box-shadow: none;
}

#InboxMail .message-footer {
    background-color: #f2f2f2;
    border-right: 2px solid #fff !important;
    border: 0 none;
    overflow: hidden;
}

.top-border {
    background: #7182a0;
    box-shadow: 3px 3px 6px #404040;
    height: 7px;
    position: absolute;
    top: 0;
}

.top-border-hrms {
    background: #638dc7;
    box-shadow: 3px 3px 6px #404040;
    height: 7px;
    position: absolute;
    top: 0;
}


#main-container.aside-in #aside {
    padding-top: 40px;
}

#main-container.aside-in #aside-container {
    left: auto;
    right: 0;
}

#main-container #aside-container .nano-content {
    position: absolute;
}


#main-container #aside-container {
    background-color: #ffffff;
    bottom: 0;
    height: auto;
    left: auto;
    min-height: 100vh;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -220px;
    top: 0;
    visibility: hidden;
    width: 216px;
    z-index: 3;
}

#aside {
    background-color: #efefef;
    height: 100%;
    max-height: none;
    padding-top: 33px;
    visibility: visible;
    border-left: 1px solid #bfbfbf;
}

.nano {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .nano > .nano-content {
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        position: absolute;
        right: 0;
        top: 0;
    }

.favourites-list {
    margin: 10px;
    padding: 0;
}

    .favourites-list > li {
        border-bottom: 1px solid #efefef;
        list-style: outside none none;
    }

    .favourites-list a {
        color: #333333;
        display: block;
        padding: 7px;
        cursor: pointer;
    }

        .favourites-list a:hover {
            background: #efefef none repeat scroll 0 0;
            text-decoration: none;
        }

#aside-container .tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #deb887 #deb887 #deb887 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    /* max-height: 418px;
  min-height: 418px;
  overflow: auto;*/
}

#page-wrapper.collapsed-right {
    margin: 35px 215px 0;
}

.favourite.fixed {
    position: fixed !important;
}

#aside-container.collapsed-left {
    margin: 0;
    right: 0 !important;
}

#aside-container li.active a {
    background: #fff none repeat scroll 0 0 !important;
}

a .fa.fa-star:hover {
    color: #c71585;
}

.fav-search input {
    padding: 0 0 0 5px;
}

#aside h5 {
    background: #e0e0e0 none repeat scroll 0 0;
    color: #000000;
    margin-top: 2px;
    padding: 11px;
}

.navbar-side .slimScrollBar {
    background: #666666 none repeat scroll 0 0 !important;
    cursor: default;
    opacity: 0.2 !important;
    right: 3px !important;
    width: 7px !important;
}

.favourites-list li a i {
    margin-right: 7px;
}

#Essmenu {
    height: 525px !important;
}

.emp-det > strong {
    color: #000000;
    display: block;
    min-width: 97px;
}

.dropdown-user-details .alert-icon {
    border-radius: 50%;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

#user-details .user-info {
    color: #a52a2a;
}

#cVShortListUIForm .treeview {
    border: 1px solid #d3d3d3;
}

.id-logo {
    background: rgba(0, 0, 0, 0) url("../../Images/common/logo-id.png") no-repeat scroll 0 0;
    bottom: 4px;
    height: 32px;
    position: absolute;
    right: 12px;
    width: 190px;
}

.k-grid-header th.k-header > .k-link {
    text-overflow: initial !important;
}

.widget.bg-indigo {
    min-height: 156px;
}

.widget.bg-green {
    min-height: 160px;
}




.col-sm-8.col-md-7 > input {
    width: 100%;
}

.k-combobox .k-dropdown-wrap {
    height: 21px;
}

.k-button.k-upload-button {
    height: 23px;
}

/*.k-button.k-button-icontext {
  margin-right: 5px;
  overflow: hidden;
  width: 28px;
}*/

#basicDetails img {
    height: 100px;
    width: 100px;
}

#imgId img {
    height: 100px;
    width: 100px;
}

.padl-38 {
    padding-left: 38px;
}

.k-grouping-header {
    padding-left: 32px;
}

.header-strip .fa.fa-arrow-circle-down, .header-strip1 .fa.fa-arrow-circle-down {
    display: none;
}

#refreshList {
    position: absolute;
    right: 6px;
    top: 3px;
    z-index: 9;
}

.col-sm-8.col-md-7 > input.k-checkbox {
    width: auto;
}

td .k-widget.k-upload.k-header.k-upload-empty, td .k-widget.k-upload.k-header {
    margin: 0;
}

.padr5 {
    padding: 0 7px 0 0;
}

.padr51 {
    padding: 0 5px 0 23px;
}


.k-button.k-button-icontext {
    margin-right: 5px;
    overflow: hidden;
    width: 28px;
}

    .k-button.k-button-icontext:before {
        font-family: fontawesome;
        margin-right: 15px !important;
        font-size: 16px;
    }

    .k-button.k-button-icontext.k-grid-CTCDetails:before {
        content: "\f0d6";
    }

    .k-button.k-button-icontext.k-grid-CheckList:before {
        content: "\f046";
    }

    .k-button.k-button-icontext.k-grid-EmployeeQuery:before {
        content: "\f2bb";
    }

    .k-button.k-button-icontext.k-grid-AppointmentLetter:before {
        content: "\f298";
    }

    .k-button.k-button-icontext.k-grid-GenerateEmployeeID:before {
        content: "\f2bb";
    }

    .k-button.k-button-icontext.k-grid-ConfidentialityAgreement:before {
        content: "\f1ea";
    }

    .k-button.k-button-icontext.k-grid-ApprovalHistory:before {
        content: "\f1da";
    }

    .k-button.k-button-icontext.k-grid-CopyTo:before {
        content: "\f0c5";
    }

    .k-button.k-button-icontext.k-grid-Submit:before {
        content: "\f14a";
    }

    .k-button.k-button-icontext.k-grid-BudgetSummary:before {
        content: "\f0f6";
    }

    .k-button.k-button-icontext.k-grid-Rating:before {
        content: "\f005";
    }

    .k-button.k-button-icontext.k-grid-Notes:before {
        content: "\f022";
    }

    .k-button.k-button-icontext.k-grid-Print:before {
        content: "\f02f";
    }

    .k-button.k-button-icontext.k-grid-attachment:before {
        content: "\f0c6";
    }

    .k-button.k-button-icontext.k-grid-Shift:before {
        content: "\f205";
    }

    .k-button.k-button-icontext.k-grid-LeaveType:before {
        content: "\f03a";
    }

    
    .k-button.k-button-icontext.k-grid-EmpShift:before {
        content: "\f0c0";
    }

#UserProfileTab {
    padding: 26px 0 0 !important;
}

textarea#UserAddress {
    height: 22px !important;
    width: 100%;
}

#btnShowpassword::before {
    content: "\f084";
    margin-right: 5px;
    font-family: fontawesome;
}

#divChangePassword input {
    width: 100%;
}

#divChangePassword {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    padding: 10px 0 !important;
}

/*

.k-widget.k-autocomplete {  width: 99%;}
.k-widget.k-dropdown.k-header {
    border: 1px solid #cbcbcb;
}
.k-widget.k-dropdown.k-header {
    width: 99%;
}
*/



/*.k-widget .k-input {
  padding: 0 !important;
}*/
.k-widget.k-dropdown.k-header.form-control {
    border: 0 none;
}

.k-overlay {
    opacity: 0.3 !important;
}

.k-window {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.6) !important;
}

.k-numeric-wrap input:nth-child(2) {
    display: block !important;
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: right !important;
    top: 0;
    width: 100%;
}

.k-button.k-button-icontext.k-grid-View:before,
/*.k-button.k-button-icontext.k-grid-EmployeeRequest:before,*/ {
    content: "\f044";
    font: 16px fontawesome;
    margin-right: 5px;
    position: relative;
    top: 2px;
}


#CalendarEmployeeGroupWiseSearchGrid .k-grid-content {
    max-height: 363px;
    min-height: 363px;
}

/*.display {  padding-top: 8px !important;}
.display .form-group {
  margin-bottom: 10px;
}.display.cdetails .form-group {  margin-bottom: 3px;}
.display > .form-group  label {  color: #333333;  font-weight: bold;}
.display .k-textbox[disabled="disabled"] {
  background: transparent !important;
  border: 0 none;
  color: #333 !important;

}*/


.k-button.k-button-icontext.k-grid-SendForApproval:before, .k-button.k-button-icontext.k-grid-Confirm:before {
    content: "\f058";
}

.k-button.k-button-icontext.k-grid-ManageTraining:before {
    content: "\f19d";
}

.k-button.k-button-icontext.k-grid-TrainerFeedback:before,
.k-button.k-button-icontext.k-grid-TraineeFeedback:before {
    content: "\f27b";
}

.k-button.k-button-icontext.k-grid-SkillsUpdate:before {
    content: "\f0a3";
}

.k-button.k-button-icontext.k-grid-ExitInterview:before {
    content: "\f08b";
}

.k-button.k-button-icontext.k-grid-Payment:before {
    content: "\f0d6";
    font-family: fontawesome;
    font-size: 16px;
}

#TrainingCalenderUISearchGrid .k-grid-content {
    max-height: 457px;
    min-height: 457px;
}

form textarea.form-control {
    height: 23px;
    padding: 0 7px;
}

#TrainingCloseUISearchGrid.k-widget.k-grid {
    max-height: 536px;
}

#LeaveJoiningReportUISearchGrid.k-widget.k-grid {
    max-height: 300px;
    min-height: 351px;
}

#EmployeeLeaveCalendarSearchGrid .k-grid-content, #CalendarEmployeeGroupWiseSearchGrid .k-grid-content, #CalendarEmployeeWiseSearchGrid .k-grid-content {
    min-height: 365px;
}

.k-button.k-button-icontext.k-grid-Nominate:before {
    content: "\f046";
}

.k-button.k-button-icontext.k-grid-Return:before {
    content: "\f112";
}

.k-button.k-button-icontext.k-grid-Query:before {
    content: "\f00e";
}


/*#MailListGrid .k-scheduler-layout .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-grid tr.k-state-selected, .k-marquee-color, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-listview > .k-state-selected {
 background: #efefef !important;  color: #000000 !important;}*/

#leaveTypeMasterUIForm .k-colorpicker .k-selected-color {
    margin-bottom: 5px;
    margin-left: 2px;
}

.k-grouping-header .k-group-indicator {
    background-color: #d6e6f9 !important;
    border-color: bdcde0 !important;
    margin: 2px 0;
}

.k-grouping-header .k-link, .k-grouping-header .k-link:link {
    color: #333333 !important;
}

#refreshList {
    border: 1px solid;
}

    #refreshList::before {
        content: "\f021";
        font-family: fontawesome;
        margin-right: 5px;
    }


/*Ess new*/

#AttendanceApprovalUISearchGrid .k-grid-content {
    min-height: 260px;
}

.k-button.k-button-icontext.k-grid-CtcDetails:before {
    content: "\f0d6";
    color: green;
}

.k-button.k-button-icontext.k-grid-Details:before {
    content: "\f0f6";
}

.k-button.k-button-icontext.k-grid-Request:before {
    content: "\f0e5";
}

.k-button.k-button-icontext.k-grid-Dates:before {
    content: "\f073";
}

.k-button.k-button-icontext.k-grid-ReProcess:before {
    content: "\f110";
}

#CVApprovalUISearchGrid .k-grid-content,
#EmployeeOTDetailsUISearchGrid .k-grid-content, #PassportReturnedUISearchGrid .K-grid-content,
#PassportReturnedUISearchGrid .k-grid-content, #EmployeeOTDetailsUISearchGrid .k-grid-content,
#PassportApprovalUISearchGrid .k-grid-content, #OTApprovalUISearchGrid .k-grid-content,
#RRFApprovalUISearchGrid .k-grid-content {
    min-height: 270px;
}

#LoanApprovalUISearchGrid .k-grid-content, #TravelRequestUISearchGrid .k-grid-content,
#LeaveApplicationQueryUISearchGrid .k-grid-content, #LeaveSummaryUISearchGrid .k-grid-content,
#LeaveCancellationUISearchGrid .k-grid-content, #LeavePlanUISearchGrid .k-grid-content,
#TravelRequestQueryUISearchGrid .k-grid-content, #PassportRequestQueryUISearchGrid .k-grid-content,
#EmployeeRequestCreationUISearchGrid .k-grid-content {
    min-height: 394px;
}

#ProfileUpdationApprovalUISearchGrid .k-grid-content {
    max-height: 280px;
    min-height: 280px;
}

.k-widget.k-treeview.k-reset {
    min-height: 490px;
}

#basicDetails i.fa-circle, #rRFDetailsForm i.fa-circle {
    font-size: 8px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

#UserDetailsTab, #divChangePassword {
    padding: 6px 0 !important;
}



.foo {
    float: left;
    height: 12px;
    line-height: 8px;
    margin-right: 9px;
    position: relative;
    text-indent: 22px;
    top: 2px;
    width: 12px;
}

.abs-count {
    text-align: center;
    height: 100%;
    padding: 59px 0 52px;
    background: #f2f2fb;
}

#basicDetails i.fa-circle, #rRFDetailsForm i.fa-circle, #CareerTab i.fa-circle {
    font-size: 8px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.record-deleted {
    opacity: 0.5;
}

.k-colorpicker .k-picker-wrap {
    line-height: 21px !important;
}

#leaveTypeMasterUIForm .k-colorpicker .k-selected-color {
    margin-left: 1px;
    margin-top: -2px;
    margin-bottom: 0 !important;
}


.k-list-container.k-popup.k-group.k-reset.k-state-border-up {
    max-width: 100% !important;
   /* overflow: auto;*/
    position: absolute !important; overflow: hidden;
}

.autocomplete-header.k-widget.k-header > span {
    color: #ffffff;
    display: inline-block;
    min-width: 140px;
    padding: 4px 10px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-list-scroller {
    /*overflow: auto;*/
   /* height: 190px !important;*/
}

.ac-value {
    display: inline-block;
    max-width: 150px;
    min-width: 134px !important;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}
/*.ac-value {
        display: inline-block;
        max-width: 180px;
        min-width: 140px !important;
        overflow: hidden;
        padding: 0 5px;
        text-overflow: ellipsis !important;
        white-space: nowrap;
    }*/

.k-pager-wrap, .k-editor-toolbar {  border: 0 none !important;}
.k-grid .k-grouping-header {  background: #f8f8f8 !important;  border: 0 none !important;}
.k-grid-header th.k-header {  border-top: 1px solid #dadada;}
.k-grid table{ border-bottom: 1px solid #dcdcdc !important;  }
.k-widget.k-grid{  background: #f8f8f8}


#EmpNum-list,
#InchargedHR-list,
#ReportingManagerName-list,
#HRInchargeName-list,
#AdminName-list,
#FinanceInchargeName-list,
#OldInchargeName-list,
#NewInchargeName-list,
#SrchEmployeeName-list,
#AttendaceEmployeeName-list,
#EmpCode-list,
#EmployeeAssetHeaderEmpName-list,
#TrainingPlanEmployeeName-list,
#LSEmployeeCode-list,
#FFEmployeeCode-list,
#EmployeeJVName-list,
#EmployeeIDName-list,
#CVNumaber-list,
#UplUserCode-list,
#TrainingIDCode-list,
#SearchUserName-list,
#UserName-list,
#RequestedBy-list,
#SearchTraineeDesc-list,
#TrainerEmpName-list,
#TrainingRequestedbyData-list,
#IssuedBy-list,
#ReturnBy-list

 {
    min-width: 350px !important;
    min-height: 204px !important;
}

.k-grid-header th.k-header > .k-link { margin-right:18px;
 }


.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-disabled {
    border: 1px solid #ccc;
    /*height: 23px;*/ height: 21px;
}


.k-button.k-button-icontext.k-grid-ReviewRemarks:before { content:"\f123";
}

  #timeAndAttendanceUIForm .btn.k-button {
  background: #5686c8 ;
  color: white;
}


    #DetailGross .k-numeric-wrap.k-state-default ,#DetailDeduct .k-numeric-wrap.k-state-default,#DetailCompany .k-numeric-wrap.k-state-default,#DetailNet .k-numeric-wrap.k-state-default{
  border: 0;
}

  #DetailGross .k-numeric-wrap.k-state-default ,#DetailDeduct .k-numeric-wrap.k-state-default,#DetailCompany .k-numeric-wrap.k-state-default,#DetailNet .k-numeric-wrap.k-state-default{
  box-shadow: none;
}

#CalendarEmployeeWiseSearchGrid table tr td { padding: 0 !important;}
#ESSCalendarEmployeeWiseSearchGrid table tr td { padding: 0 !important;}

.k-dropdown-wrap.k-state-disabled { height:23px !important;
 }

.k-button.k-button-icontext.k-grid-Clause::before {
  content: "\f022";
}


.k-button.k-button-icontext.k-grid-OfferPrint::before {
  content: "\f02f";
}

.k-button.k-button-icontext.k-grid-OfferMail::before {
  content: "\f2b6";
}

.k-button.k-button-icontext.k-grid-AppointPrint::before {
  content: "\f02f";
}

.k-button.k-button-icontext.k-grid-AppointMail::before {
  content: "\f2b6";
}

.k-button.k-button-icontext.k-grid-Ctc::before {
  content: "\f3d1";
}

.k-widget.k-autocomplete.k-header.k-state-default.k-state-border-down .k-input {
	height: 22px !important;
}