

html {
    font-size: 62.5%;
    line-height: 1.4;
}

body {
    /*font-size: 1.6rem;*/
}

/* Bootstrap overrides*/
.row,
.container-fluid {
    padding: 0;
    margin: 0;
}


.column {
    padding-left: 0;
    padding-right: 0;
}

.navbar {
    margin-bottom: 0px !important;
}

.main-secion-content {
    padding-left: 15px;
}

/* remove outer padding */
.main {
    padding: 0px;
    margin: 0px;
}

.row {
    padding: 0px;
    margin: 0px;
}

input.k-textbox:disabled {
    background-color: #f5f5f5;
    opacity: 0.7;
}

html,
body,
.container-fluid,
.row,
.column {
    height: 100%;
}

.navbar > .container {
    max-width: none !important;
    width: auto !important;
}

.navbar-brand {
    padding-bottom: 10px !important;
    padding-top: 0px !important;
    margin-top: 15px !important;
    color: #1996e4;
    font-weight: bold;
    height: 29px;
}

.titulomenu {
    padding-bottom: 10px !important;
    padding-top: 0px !important;
    padding-top: 5px !important;
    margin-top: 0px !important;
    color: white;
    font-weight: bold;
    margin-top: 0px !important;
    height: 55px;
    border-right: 1px solid #e7e7e7;
}

.titulomenug {
    display: inherit;
}

.titulomenu > img {
    max-width: 178px;
}

.titulomenu > img {
    width: 100%;
}

.titulomenup {
    display: none;
    text-align: right !important;
    padding-right: 6px !important;
    padding-top: 10px !important;
}

.p-l-none {
    padding-left: 0 !important;
}

.p-l {
    padding-left: 15px;
}

.p-l-1x {
    padding-left: 1px;
}

.p-l-2x {
    padding-left: 2px;
}

.p-l-xxs {
    padding-left: 3px;
}

.p-l-xs {
    padding-left: 5px;
}

.p-l-sm {
    padding-left: 10px;
}

.p-l-md {
    padding-left: 20px;
}

.p-l-lg {
    padding-left: 25px;
}

.p-l-xl {
    padding-left: 30px;
}

.p-l-xxl {
    padding-left: 50px;
}

.p-r-none {
    padding-right: 0 !important;
}

.p-r {
    padding-right: 15px;
}

.p-r-1x {
    padding-right: 1px;
}

.p-r-2x {
    padding-right: 2px;
}

.p-r-xxs {
    padding-right: 3px;
}

.p-r-xs {
    padding-right: 5px;
}

.p-r-sm {
    padding-right: 10px;
}

.p-r-md {
    padding-right: 20px;
}

.p-r-lg {
    padding-right: 25px;
}

.p-r-xl {
    padding-right: 30px;
}

.p-r-xxl {
    padding-right: 50px;
}

.p-t-none {
    padding-top: 0 !important;
}

.p-t {
    padding-top: 15px;
}

.p-t-1x {
    padding-top: 1px;
}

.p-t-2x {
    padding-top: 2px;
}

.p-t-xxs {
    padding-top: 3px;
}

.p-t-xs {
    padding-top: 5px;
}

.p-t-sm {
    padding-top: 10px;
}

.p-t-md {
    padding-top: 20px;
}

.p-t-lg {
    padding-top: 25px;
}

.p-t-xl {
    padding-top: 30px;
}

.p-t-xxl {
    padding-top: 50px;
}

.p-b-none {
    padding-bottom: 0 !important;
}

.p-b {
    padding-bottom: 15px;
}

.p-b-1x {
    padding-bottom: 1px;
}

.p-b-2x {
    padding-bottom: 2px;
}

.p-b-xxs {
    padding-bottom: 3px;
}

.p-b-xs {
    padding-bottom: 5px;
}

.p-b-sm {
    padding-bottom: 10px;
}

.p-b-md {
    padding-bottom: 20px;
}

.p-b-lg {
    padding-bottom: 25px;
}

.p-b-xl {
    padding-bottom: 30px;
}

.p-b-xxl {
    padding-bottom: 50px;
}

.p-v-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-v {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-1x {
    padding-top: 1px;
    padding-bottom: 1px;
}

.p-v-2x {
    padding-top: 2px;
    padding-bottom: 2px;
}

.p-v-xxs {
    padding-top: 3px;
    padding-bottom: 3px;
}

.p-v-xs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-sm {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xl {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-v-xxl {
    padding-top: 50px;
    padding-bottom: 50px;
}

.p-h-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-h {
    padding-left: 15px;
    padding-right: 15px;
}

.p-h-1x {
    padding-left: 1px;
    padding-right: 1px;
}

.p-h-2x {
    padding-left: 2px;
    padding-right: 2px;
}

.p-h-xxs {
    padding-left: 3px;
    padding-right: 3px;
}

.p-h-xs {
    padding-left: 5px;
    padding-right: 5px;
}

.p-h-sm {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-md {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-h-xxl {
    padding-left: 50px;
    padding-right: 50px;
}

.m-none {
    margin: 0 !important;
}

.m {
    margin: 15px;
}

.m-1x {
    margin: 1px;
}

.m-2x {
    margin: 2px;
}

.m-xxs {
    margin: 3px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 25px;
}

.m-xl {
    margin: 30px;
}

.m-xxl {
    margin: 50px;
}

.m-n {
    margin: -15px;
}

.m-n-1x {
    margin: -1px;
}

.m-n-2x {
    margin: -2px;
}

.m-n-xxs {
    margin: -3px;
}

.m-n-xs {
    margin: -5px;
}

.m-n-sm {
    margin: -10px;
}

.m-n-md {
    margin: -20px;
}

.m-n-lg {
    margin: -25px;
}

.m-n-xl {
    margin: -30px;
}

.m-n-xxl {
    margin: -50px;
}

.m-l-none {
    margin-left: 0 !important;
}

.m-l {
    margin-left: 15px;
}

.m-l-1x {
    margin-left: 1px;
}

.m-l-2x {
    margin-left: 2px;
}

.m-l-xxs {
    margin-left: 3px;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-l-xl {
    margin-left: 30px;
}

.m-l-xxl {
    margin-left: 50px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-1x {
    margin-left: -1px;
}

.m-l-n-2x {
    margin-left: -2px;
}

.m-l-n-xxs {
    margin-left: -3px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-l-n-xl {
    margin-left: -30px;
}

.m-l-n-xxl {
    margin-left: -50px;
}

.m-r-none {
    margin-right: 0 !important;
}

.m-r {
    margin-right: 15px;
}

.m-r-1x {
    margin-right: 1px;
}

.m-r-2x {
    margin-right: 2px;
}

.m-r-xxs {
    margin-right: 3px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-r-xl {
    margin-right: 30px;
}

.m-r-xxl {
    margin-right: 50px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-1x {
    margin-right: -1px;
}

.m-r-n-2x {
    margin-right: -2px;
}

.m-r-n-xxs {
    margin-right: -3px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-r-n-xl {
    margin-right: -30px;
}

.m-r-n-xxl {
    margin-right: -50px;
}

.m-t-none {
    margin-top: 0 !important;
}

.m-t {
    margin-top: 15px;
}

.m-t-1x {
    margin-top: 1px !important;
}

.m-t-2x {
    margin-top: 2px !important;
}

.m-t-xxs {
    margin-top: 3px !important;
}

.m-t-xs {
    margin-top: 5px !important;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-t-xl {
    margin-top: 30px;
}

.m-t-xxl {
    margin-top: 50px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-1x {
    margin-top: -1px;
}

.m-t-n-2x {
    margin-top: -2px;
}

.m-t-n-xxs {
    margin-top: -3px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-t-n-xl {
    margin-top: -30px;
}

.m-t-n-xxl {
    margin-top: -50px;
}

.m-b-none {
    margin-bottom: 0 !important;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-1x {
    margin-bottom: 1px;
}

.m-b-2x {
    margin-bottom: 2px;
}

.m-b-xxs {
    margin-bottom: 3px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px !important;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-b-xl {
    margin-bottom: 30px;
}

.m-b-xxl {
    margin-bottom: 50px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-1x {
    margin-bottom: -1px;
}

.m-b-n-2x {
    margin-bottom: -2px;
}

.m-b-n-xxs {
    margin-bottom: -3px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-b-n-xl {
    margin-bottom: -30px;
}

.m-b-n-xxl {
    margin-bottom: -50px;
}

.m-v-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-v {
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-v-1x {
    margin-top: 1px;
    margin-bottom: 1px;
}

.m-v-2x {
    margin-top: 2px;
    margin-bottom: 2px;
}

.m-v-xxs {
    margin-top: 3px;
    margin-bottom: 3px;
}

.m-v-xs {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-v-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-v-md {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-v-lg {
    margin-top: 25px;
    margin-bottom: 25px;
}

.m-v-xl {
    margin-top: 30px;
    margin-bottom: 30px;
}

.m-v-xxl {
    margin-top: 50px;
    margin-bottom: 50px;
}

.m-v-n {
    margin-top: -15px;
    margin-bottom: -15px;
}

.m-v-n-1x {
    margin-top: -1px;
    margin-bottom: -1px;
}

.m-v-n-2x {
    margin-top: -2px;
    margin-bottom: -2px;
}

.m-v-n-xxs {
    margin-top: -3px;
    margin-bottom: -3px;
}

.m-v-n-xs {
    margin-top: -5px;
    margin-bottom: -5px;
}

.m-v-n-sm {
    margin-top: -10px;
    margin-bottom: -10px;
}

.m-v-n-md {
    margin-top: -20px;
    margin-bottom: -20px;
}

.m-v-n-lg {
    margin-top: -25px;
    margin-bottom: -25px;
}

.m-v-n-xl {
    margin-top: -30px;
    margin-bottom: -30px;
}

.m-v-n-xxl {
    margin-top: -50px;
    margin-bottom: -50px;
}

.m-h-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.m-h {
    margin-left: 15px;
    margin-right: 15px;
}

.m-h-1x {
    margin-left: 1px;
    margin-right: 1px;
}

.m-h-2x {
    margin-left: 2px;
    margin-right: 2px;
}

.m-h-xxs {
    margin-left: 3px;
    margin-right: 3px;
}

.m-h-xs {
    margin-left: 5px;
    margin-right: 5px;
}

.m-h-sm {
    margin-left: 10px;
    margin-right: 10px;
}

.m-h-md {
    margin-left: 20px;
    margin-right: 20px;
}

.m-h-lg {
    margin-left: 25px;
    margin-right: 25px;
}

.m-h-xl {
    margin-left: 30px;
    margin-right: 30px;
}

.m-h-xxl {
    margin-left: 50px;
    margin-right: 50px;
}

.m-h-n {
    margin-left: -15px;
    margin-right: -15px;
}

.m-h-n-1x {
    margin-left: -1px;
    margin-right: -1px;
}

.m-h-n-2x {
    margin-left: -2px;
    margin-right: -2px;
}

.m-h-n-xxs {
    margin-left: -3px;
    margin-right: -3px;
}

.m-h-n-xs {
    margin-left: -5px;
    margin-right: -5px;
}

.m-h-n-sm {
    margin-left: -10px;
    margin-right: -10px;
}

.m-h-n-md {
    margin-left: -20px;
    margin-right: -20px;
}

.m-h-n-lg {
    margin-left: -25px;
    margin-right: -25px;
}

.m-h-n-xl {
    margin-left: -30px;
    margin-right: -30px;
}

.m-h-n-xxl {
    margin-left: -50px;
    margin-right: -50px;
}

.b-none {
    border: none !important;
}

.b {
    border: 1px solid rgba(0, 0, 0, .05);
}

.b-a {
    border-color: rgba(0, 0, 0, .1);
}


.b-a-white {
    border-color: rgba(255, 255, 255, .1);
}

.b-a.b-lter {
    border-color: rgba(0, 0, 0, .05);
}

.b-a.b-lt {
    border-color: rgba(0, 0, 0, .08);
}

.b-a.b-dker {
    border-color: rgba(0, 0, 0, .15);
}

.b-a-white.b-lter {
    border-color: rgba(255, 255, 255, .05);
}

.b-a-white.b-lt {
    border-color: rgba(255, 255, 255, .08);
}

.b-a-white.b-dk {
    border-color: rgba(255, 255, 255, .12);
}

.b-a-white.b-dker {
    border-color: rgba(255, 255, 255, .15);
}

.b-dashed {
    border-style: dashed !important;
}

.b-2x {
    border-width: 2px;
}

.b-3x {
    border-width: 3px;
}

.b-4x {
    border-width: 4px;
}

.b-5x {
    border-width: 5px;
}

.b-10x {
    border-width: 10px;
}

.r-none {
    border-radius: 0 !important;
}

.r {
    border-radius: 2px;
}

.r-2x {
    border-radius: 4px;
}

.r-3x {
    border-radius: 6px;
}

.r-l {
    border-radius: 2px 0 0 2px;
}

.r-r {
    border-radius: 0 2px 2px 0;
}

.r-t {
    border-radius: 2px 2px 0 0;
}

.r-b {
    border-radius: 0 0 2px 2px;
}


/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

nav.sidebar, .main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* remove outer padding */
.main {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-touch-overflow: scroll;
}

/* Add gap to nav and right windows.*/

nav.sidebar {
    margin-bottom: 0px;
    border: none;
}
/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {
    .titulomenug {
        display: none;
    }

    .titulomenup {
        display: block;
    }
    /*Allow main to be next to Nav*/
    .main {
        position: absolute;
        width: calc(100% - 50px); /*keeps 100% minus nav size*/
        margin-left: 50px;
        float: right;
    }

        .main .main2 {
            position: absolute;
            width: 100%;
            margin-left: 0px;
            float: right;
        }

    /*lets nav bar to be showed on mouseover*/
    nav.sidebar:hover + .main {
        margin-left: 200px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    /*Center Icons*/
    nav.sidebar a {
        padding-right: 13px;
    }

    /*adds border top to first nav box */
    nav.sidebar .navbar-nav > li:first-child {
        border-top: 1px #e5e5e5 solid;
    }

    /*adds border to bottom nav boxes*/
    nav.navbar-inverse .navbar-nav > li {
        border-bottom: 1px #e5e5e5 solid;
    }

    /*adds border to bottom nav boxes*/
    nav.navbar-default .navbar-nav > li {
        border-bottom: 1px #cfcfcf solid;
    }

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding: 0 0px 0 0px;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    /*gives sidebar width/height*/
    nav.sidebar {
        width: 200px;
        height: 100%;
        margin-left: -149px;
        float: left;
        z-index: 1000;
        margin-bottom: 0px;
    }

        /*give sidebar 100% width;*/
        nav.sidebar li {
            width: 100%;
        }

            nav.sidebar li.dropdown li {
                padding-bottom: 2px;
                padding-top: 2px;
                border-top: solid 1px #dedddd;
            }
                /*adds border top to first nav box */
                nav.sidebar li.dropdown li:first-child {
                    border-top: none;
                }

        /* Move nav to full on mouse over*/
        nav.sidebar:hover {
            margin-left: 0px;
        }
    /*for hiden things when navbar hidden*/
    .forAnimate {
        opacity: 0;
    }
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1400px) {
    .titulomenug {
        display: block;
    }

    .titulomenup {
        display: none;
    }
    /*Allow main to be next to Nav*/
    .main {
        width: calc(100% - 200px); /*keeps 100% minus nav size*/
        margin-left: 200px;
    }

    /*Show all nav*/
    nav.sidebar {
        margin-left: 0px;
        float: left;
    }
        /*Show hidden items on nav*/
        nav.sidebar .forAnimate {
            opacity: 1;
        }
}

nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate {
    opacity: 1;
}


/* Nav section */
#nav-section {
    background-color: #35373d;
    float: left;
    height: 100%;
}

/* Main section */
#main-section {
    float: none;
    width: auto;
    height: 100%;
}


#main-section-header {
    background-color: #ffffff !important;
}


.img30_30 {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}


/*  Login Page */

.page-signin .signin-header,
.page-signup .signin-header {
    padding: 25px 0;
    background-color: #dfe0e6;
    filter: alpha(opacity=60);
    /* IE */
    -moz-opacity: 0.6;
    /* Mozilla */
    opacity: 0.6;
}

.page-signin .logo,
.page-signup .logo {
    font-size: 46px;
    font-weight: bold;
}

    .page-signin .logo a:hover,
    .page-signup .logo a:hover {
        text-decoration: none;
    }

.page-signin .signin-body,
.page-signin .signup-body,
.page-signup .signin-body,
.page-signup .signup-body {
    border-top: 1px solid #f8f8f8;
    padding: 20px 10px;
}

.page-signin .form-container,
.page-signup .form-container {
    max-width: 420px;
    margin: 10px auto;
}

.page-signin .line-thru,
.page-signup .line-thru {
    margin: 1em 0;
    display: block;
    font-size: .875em;
    font-weight: bold;
    margin-bottom: 1em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

    .page-signin .line-thru:before,
    .page-signup .line-thru:before {
        width: 50px;
        height: 10px;
        background-color: #f3f3f3;
        content: '';
        margin: -5px 0 0 -20px;
        left: 50%;
        position: absolute;
        top: 50%;
        z-index: -1;
    }

    .page-signin .line-thru:after,
    .page-signup .line-thru:after {
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        content: '';
        display: block;
        position: absolute;
        top: 49%;
        z-index: -2;
    }


.btn-twitter-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background-color: #00c7f7;
    vertical-align: middle;
    border-color: #00c7f7;
}

    .btn-twitter-round:hover {
        color: #fff;
        background-color: #00a6ce;
        border-color: #0096ba;
    }

.btn-facebook-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #335397;
    border-color: #335397;
}

    .btn-facebook-round:hover {
        color: #fff;
        background-color: #294279;
        border-color: #243a69;
    }

.btn-google-plus-round {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #dd4a38;
    border-color: #dd4a38;
}

    .btn-google-plus-round:hover {
        color: #fff;
        background-color: #ca3522;
        border-color: #b8301f;
    }

.btn-twitter {
    color: #fff;
    background-color: #00c7f7;
    border-color: #00c7f7;
}

    .btn-twitter i {
        margin-right: 10px;
    }

    .btn-twitter:hover {
        color: #fff;
        background-color: #00a6ce;
        border-color: #0096ba;
    }

.btn-facebook {
    color: #fff;
    background-color: #335397;
    border-color: #335397;
}

    .btn-facebook i {
        margin-right: 10px;
    }

    .btn-facebook:hover {
        color: #fff;
        background-color: #294279;
        border-color: #243a69;
    }

.btn-gplus {
    color: #fff;
    background-color: #dd4a38;
    border-color: #dd4a38;
}

    .btn-gplus i {
        margin-right: 10px;
    }

    .btn-gplus:hover {
        color: #fff;
        background-color: #ca3522;
        border-color: #b8301f;
    }


/* Box */
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .small-box > .inner {
        padding: 10px;
    }

    .small-box > .small-box-footer {
        position: relative;
        text-align: center;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none;
    }

        .small-box > .small-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15);
        }

    .small-box h3 {
        font-size: 38px;
        font-weight: bold;
        margin: 0 0 10px 0;
        white-space: nowrap;
        padding: 0;
    }

    .small-box p {
        font-size: 15px;
    }

        .small-box p > small {
            display: block;
            color: #f9f9f9;
            font-size: 13px;
            margin-top: 5px;
        }

    .small-box h3,
    .small-box p {
        z-index: 5;
    }

    .small-box .icon {
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: absolute;
        top: -10px;
        right: 10px;
        z-index: 0;
        font-size: 90px;
        color: rgba(0, 0, 0, 0.15);
    }

    .small-box:hover {
        text-decoration: none;
        color: #f9f9f9;
    }

        .small-box:hover .icon {
            font-size: 95px;
        }

@media (max-width: 767px) {
    .small-box {
        text-align: center;
    }

        .small-box .icon {
            display: none;
        }

        .small-box p {
            font-size: 12px;
        }
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box.no-padding {
        padding: 0px;
    }

    .box.box-primary {
        border-top-color: #3c8dbc;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.collapsed-box .box-body,
    .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            background: transparent;
        }

        .box.box-solid > .box-header .btn:hover,
        .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box.box-solid.box-default > .box-header a,
                .box.box-solid.box-default > .box-header .btn {
                    color: #444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #3c8dbc;
        }

            .box.box-solid.box-primary > .box-header {
                color: #fff;
                background: #3c8dbc;
                background-color: #3c8dbc;
            }

                .box.box-solid.box-primary > .box-header a,
                .box.box-solid.box-primary > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid.box-info {
            border: 1px solid #00c0ef;
        }

            .box.box-solid.box-info > .box-header {
                color: #fff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box.box-solid.box-info > .box-header a,
                .box.box-solid.box-info > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid.box-danger {
            border: 1px solid #dd4b39;
        }

            .box.box-solid.box-danger > .box-header {
                color: #fff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box.box-solid.box-danger > .box-header a,
                .box.box-solid.box-danger > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid.box-warning {
            border: 1px solid #f39c12;
        }

            .box.box-solid.box-warning > .box-header {
                color: #fff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box.box-solid.box-warning > .box-header a,
                .box.box-solid.box-warning > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid.box-success {
            border: 1px solid #00a65a;
        }

            .box.box-solid.box-success > .box-header {
                color: #fff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box.box-solid.box-success > .box-header a,
                .box.box-solid.box-success > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*="bg"] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box > .overlay,
    .overlay-wrapper > .overlay,
    .box > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #f4f4f4;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle="tooltip"] {
        position: relative;
    }

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .box-header > .box-tools .dropdown-menu > li > a {
        color: #444 !important;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.chart-legend {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-comments {
    background: #f7f7f7;
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-comments .box-comment:before,
        .box-comments .box-comment:after {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:last-of-type {
            border-bottom: 0;
        }

        .box-comments .box-comment:first-of-type {
            padding-top: 0;
        }

        .box-comments .box-comment img {
            float: left;
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }
/* UserProfile*/

.userProfileInfo .image {
    position: relative;
}

    .userProfileInfo .image .editImage {
        position: absolute;
        bottom: -27px;
        right: 20px;
        background: #fe5621;
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        width: 54px;
        height: 54px;
        line-height: 54px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .userProfileInfo .image .editImage:hover {
            background: #fe693a;
        }

.userProfileInfo .box {
    padding: 0;
}

    .userProfileInfo .box .info,
    .userProfileInfo .box .name,
    .userProfileInfo .box .socialIcons {
        padding: 15px 20px;
        border-bottom: 1px solid #e6e7ed;
    }

    .userProfileInfo .box .socialIcons {
        border: 0;
    }

    .userProfileInfo .box .info > span {
        margin: 10px 0;
        display: block;
        padding: 0 0 0 35px;
        position: relative;
    }

        .userProfileInfo .box .info > span .icon {
            position: absolute;
            left: 5px;
            top: 4px;
            color: #9da2a6;
        }

.userProfileContent > .i {
    position: relative;
    margin-top: 40px;
}

    .userProfileContent > .i:first-child {
        margin-top: 0;
    }

/* nav-tabs userprofile*/
.tab-content {
    padding: 15px 0;
}

.nav-tabs > li.active > a {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fe5621;
    color: #fe5621;
}

    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #fe5621;
        color: #fe5621;
    }

    .nav-tabs > li.active > a:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #fe5621;
        position: absolute;
        bottom: -2px;
        left: 0;
        display: block;
    }

.nav-tabs > li > a {
    position: relative;
    border: 0;
    border-bottom: 1px solid transparent;
    color: #919599;
    font-weight: 700;
    text-transform: uppercase;
}

    .nav-tabs > li > a:focus,
    .nav-tabs > li > a:hover {
        border: 0;
        border-bottom: 1px solid #9da2a6;
        background: 0 0;
        color: #363f45;
    }

.nav-tabs.userProfileTabs {
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -30px;
}

    .nav-tabs.userProfileTabs > li > a {
        padding: 15px 20px;
    }

/*Panel - inicio*/
/*WrapBootstrap - sharpen 2016-02-03*/

.panel-title {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
}

    .panel-title a {
        display: block;
        color: #fe5621;
        position: relative;
    }


.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
    margin-right: 10px;
}

.panel-heading a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
}

.panel-body {
    padding: 20px;
}

.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 0px;
}

.panel-group .panel + .panel {
    margin-top: 3px;
}

.panel-group .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 0px 5px 15px;
    background: 0 0;
}

    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: 0;
    }

.panel-default {
    border: 0;
}

    .panel-default .panel-default > .panel-heading {
        background: 0 0;
    }

.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0;
    margin: 0 0 10px 0;
}

.panel-heading {
    padding: 10px 0px 10px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #e6e7ed;
    position: relative;
}

.panel-bordered {
    border: 1px solid #e6e7ed;
}

.panel-gray-bordered {
    border: 1px solid #e6e7ed;
    border-radius: 2px;
}

.panel-heading .btn-group {
    position: absolute;
    top: 50%;
    right: 2px;
    margin: -20px 0 0 0;
}

.panel-heading .btn {
    color: #9da2a6;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    font-size: 2.2rem;
    border-left: solid 1px #f3f3f3;
}

    .panel-heading .btn:active,
    .panel-heading .btn:focus,
    .panel-heading .btn:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.panel-body {
    padding: 20px;
}

.panel-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}

.panel-subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
    color: #919599;
    margin: 10px 0 0 0;
}

.panel-footer {
    background: #fff;
    border-top: 1px solid #e6e7ed;
    padding: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-primary {
    border-color: #363f45;
}

    .panel-primary > .panel-heading {
        background: #363f45;
        border-color: #363f45;
        color: #fff;
    }

.panel-success {
    border-color: #8ac249;
}

    .panel-success > .panel-heading {
        background: #8ac249;
        border-color: #8ac249;
        color: #fff;
    }

.panel-info {
    border-color: #02a8f3;
}

    .panel-info > .panel-heading {
        background: #02a8f3;
        border-color: #02a8f3;
        color: #fff;
    }

.panel-warning {
    border-color: #fe9700;
}

    .panel-warning > .panel-heading {
        background: #fe9700;
        border-color: #fe9700;
        color: #fff;
    }

.panel-danger {
    border-color: #f34235;
}

    .panel-danger > .panel-heading {
        background: #f34235;
        border-color: #f34235;
        color: #fff;
    }
/*Panel - fin*/
.k-widget.k-window, .k-widget.k-window *, .k-widget.k-window *::before {
    box-sizing: border-box;
}

.k-window-titlebar.k-header, .k-window-titlebar.k-header * {
    box-sizing: content-box;
}

.k-window-content .row {
    margin-left: 15px !important;
    margin-right: 15px !important;
    height: auto;
}

.form-group .k-animation-container, .form-group .k-widget, .form-group .k-widget *, .form-group .k-animation-container *, .form-group .k-widget *::before, .form-group .k-animation-container *::after, .form-group .k-block .k-header, .form-group .k-list-container {
    box-sizing: content-box;
}

.k-filter-menu .k-animation-container, .k-filter-menu .k-widget, .k-filter-menu .k-widget *, .k-filter-menu .k-animation-container *, .k-filter-menu .k-widget *::before, .k-filter-menu .k-animation-container *::after, .k-filter-menu .k-block .k-header, .k-filter-menu .k-list-container {
    box-sizing: content-box;
}

.k-grid-content .k-animation-container, .k-grid-content .k-widget, .k-grid-content .k-widget *, .k-grid-content .k-animation-container *, .k-grid-content .k-widget *::before, .k-grid-content .k-animation-container *::after, .k-grid-content .k-block, .k-grid-content .k-list-container {
    box-sizing: border-box;
}

.form-group {
    margin-bottom: 5px;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: 0px;
}

.radio, .checkbox {
    margin-top: 0px;
}

/* Multimedia*/
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > div > img,
    .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .thumbnail .caption {
        padding: 9px;
        color: #767676;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #333;
}

.text-small {
    font-size: small;
}

.text-smaller {
    font-size: smaller;
}

.text-smallest {
    font-size: xx-small;
}

.thumbnail > div > div {
    width: 100%;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.55);
    height: 28px;
    font-size: 18px;
}

    .thumbnail > div > div > a {
        color: white;
        margin-right: 5px;
        text-decoration: none;
    }

.navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    width:20px;
    text-align: center;
    font-size: 10px;
    padding: 2px 3px;
    line-height: 0.9;
    border-radius:25px;
}

.label-100 {
    font-size: 100%;
    font-weight: normal;
}

.label-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

/* Info Persona en escritorio */

.employee-details-image {
    border-radius: 45px;
    border: 2px solid #737374;
    margin-right: 20px;
    width: 90px;
}

.employee-list-image, .employee-details-image, .employee-list-details, .employee-bio-details {
    display: inline-block !important;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.employee-list-details, .employee-bio-details {
    vertical-align: middle;
}

.dashboard-header {
    border-top: 0;
    padding: 20px 20px 20px 20px !important;
    margin-top: -20px !important;
}

.contenido {
    position: relative;
    padding-top: 20px;
}

.white-bg {
    background-color: #ffffff;
}

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.border-left {
    border-left: 1px solid #e7eaec !important;
}

.border-right {
    border-right: 1px solid #e7eaec !important;
}

.border-top {
    border-top: 1px solid #e7eaec !important;
}

.border-all {
    border: 1px solid #e7eaec !important;
}

/* ibox */
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
}

.ibox-content.text-box {
    padding-bottom: 0px;
    padding-top: 15px;
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.full-width {
    width: 100% !important;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

    .ibox:after,
    .ibox:before {
        display: table;
    }

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0px 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    height: 48px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}

.ibox-content {
    clear: both;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

    .ibox-heading h3 {
        font-weight: 200;
        font-size: 24px;
    }

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #c4c4c4;
    }

        .ibox-tools a.btn-primary {
            color: #fff;
        }

    .ibox-tools .dropdown-menu > li > a {
        padding: 4px 10px;
        font-size: 12px;
    }

.ibox .open > .dropdown-menu {
    left: auto;
    right: 0;
}

.menuusuario {
    border-bottom: none !important;
}

/*Listas*/
.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.first-item {
    border-top: none !important;
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px;
}

.dashboard .list-group-item span.label {
    margin-right: 10px;
}

.form-group {
    margin-top: 5px;
}

/*******  BOTONES NUEVOS DE BOOTSTRAP*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: none !important;
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333333;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .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: #ffffff;
        border-color: #cccccc;
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #ffffff;
        border-color: transparent;
    }

        .btn-default:hover:hover,
        .btn-default:focus:hover,
        .btn-default.focus:hover,
        .btn-default:active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:hover:focus,
        .btn-default:focus:focus,
        .btn-default.focus:focus,
        .btn-default:active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:hover.focus,
        .btn-default:focus.focus,
        .btn-default.focus.focus,
        .btn-default:active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333333;
            background-color: #ffffff;
            border-color: transparent;
        }

    .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 {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }

.btn-primary {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #0d8aee;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #0c7cd5;
        border-color: #064475;
    }

    .btn-primary:hover {
        color: #ffffff;
        background-color: #0c7cd5;
        border-color: #0a68b4;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #0c7cd5;
        border-color: #0a68b4;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #ffffff;
            background-color: #0a68b4;
            border-color: #064475;
        }

    .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: #2196f3;
        border-color: #0d8aee;
    }

    .btn-primary .badge {
        color: #2196f3;
        background-color: #ffffff;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #2196f3;
        border-color: transparent;
    }

        .btn-primary:hover:hover,
        .btn-primary:focus:hover,
        .btn-primary.focus:hover,
        .btn-primary:active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:hover:focus,
        .btn-primary:focus:focus,
        .btn-primary.focus:focus,
        .btn-primary:active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:hover.focus,
        .btn-primary:focus.focus,
        .btn-primary.focus.focus,
        .btn-primary:active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #ffffff;
            background-color: #2196f3;
            border-color: transparent;
        }

    .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 {
        background-color: #2196f3;
        border-color: #0d8aee;
    }

    .btn-primary .badge {
        color: #2196f3;
        background-color: #ffffff;
    }

.btn-success {
    color: #ffffff;
    background-color: #4caf50;
    border-color: #449d48;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #ffffff;
        background-color: #3d8b40;
        border-color: #1e441f;
    }

    .btn-success:hover {
        color: #ffffff;
        background-color: #3d8b40;
        border-color: #327334;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #3d8b40;
        border-color: #327334;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #ffffff;
            background-color: #327334;
            border-color: #1e441f;
        }

    .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: #4caf50;
        border-color: #449d48;
    }

    .btn-success .badge {
        color: #4caf50;
        background-color: #ffffff;
    }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #4caf50;
        border-color: transparent;
    }

        .btn-success:hover:hover,
        .btn-success:focus:hover,
        .btn-success.focus:hover,
        .btn-success:active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:hover:focus,
        .btn-success:focus:focus,
        .btn-success.focus:focus,
        .btn-success:active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:hover.focus,
        .btn-success:focus.focus,
        .btn-success.focus.focus,
        .btn-success:active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #ffffff;
            background-color: #4caf50;
            border-color: transparent;
        }

    .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 {
        background-color: #4caf50;
        border-color: #449d48;
    }

    .btn-success .badge {
        color: #4caf50;
        background-color: #ffffff;
    }

.btn-info {
    color: #ffffff;
    background-color: #00bcd4;
    border-color: #00a5bb;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
        background-color: #008fa1;
        border-color: #00343b;
    }

    .btn-info:hover {
        color: #ffffff;
        background-color: #008fa1;
        border-color: #006f7d;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #008fa1;
        border-color: #006f7d;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #ffffff;
            background-color: #006f7d;
            border-color: #00343b;
        }

    .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: #00bcd4;
        border-color: #00a5bb;
    }

    .btn-info .badge {
        color: #00bcd4;
        background-color: #ffffff;
    }

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #00bcd4;
        border-color: transparent;
    }

        .btn-info:hover:hover,
        .btn-info:focus:hover,
        .btn-info.focus:hover,
        .btn-info:active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:hover:focus,
        .btn-info:focus:focus,
        .btn-info.focus:focus,
        .btn-info:active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:hover.focus,
        .btn-info:focus.focus,
        .btn-info.focus.focus,
        .btn-info:active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #ffffff;
            background-color: #00bcd4;
            border-color: transparent;
        }

    .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 {
        background-color: #00bcd4;
        border-color: #00a5bb;
    }

    .btn-info .badge {
        color: #00bcd4;
        background-color: #ffffff;
    }

.btn-warning {
    color: #ffffff;
    background-color: #ff9800;
    border-color: #e68900;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #ffffff;
        background-color: #cc7a00;
        border-color: #663d00;
    }

    .btn-warning:hover {
        color: #ffffff;
        background-color: #cc7a00;
        border-color: #a86400;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #cc7a00;
        border-color: #a86400;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #ffffff;
            background-color: #a86400;
            border-color: #663d00;
        }

    .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: #ff9800;
        border-color: #e68900;
    }

    .btn-warning .badge {
        color: #ff9800;
        background-color: #ffffff;
    }

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #ff9800;
        border-color: transparent;
    }

        .btn-warning:hover:hover,
        .btn-warning:focus:hover,
        .btn-warning.focus:hover,
        .btn-warning:active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:hover:focus,
        .btn-warning:focus:focus,
        .btn-warning.focus:focus,
        .btn-warning:active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:hover.focus,
        .btn-warning:focus.focus,
        .btn-warning.focus.focus,
        .btn-warning:active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #ffffff;
            background-color: #ff9800;
            border-color: transparent;
        }

    .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 {
        background-color: #ff9800;
        border-color: #e68900;
    }

    .btn-warning .badge {
        color: #ff9800;
        background-color: #ffffff;
    }

.btn-danger {
    color: #ffffff;
    background-color: #f44336;
    border-color: #f32c1e;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #ffffff;
        background-color: #ea1c0d;
        border-color: #891008;
    }

    .btn-danger:hover {
        color: #ffffff;
        background-color: #ea1c0d;
        border-color: #c8180b;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #ea1c0d;
        border-color: #c8180b;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #ffffff;
            background-color: #c8180b;
            border-color: #891008;
        }

    .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: #f44336;
        border-color: #f32c1e;
    }

    .btn-danger .badge {
        color: #f44336;
        background-color: #ffffff;
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #f44336;
        border-color: transparent;
    }

        .btn-danger:hover:hover,
        .btn-danger:focus:hover,
        .btn-danger.focus:hover,
        .btn-danger:active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:hover:focus,
        .btn-danger:focus:focus,
        .btn-danger.focus:focus,
        .btn-danger:active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:hover.focus,
        .btn-danger:focus.focus,
        .btn-danger.focus.focus,
        .btn-danger:active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #ffffff;
            background-color: #f44336;
            border-color: transparent;
        }

    .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 {
        background-color: #f44336;
        border-color: #f32c1e;
    }

    .btn-danger .badge {
        color: #f44336;
        background-color: #ffffff;
    }

.btn-link {
    color: #2196f3;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #0a6ebd;
                text-decoration: none;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 2px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/*Calendario kendo*/
.diaespecial {
    color: #1565c0;
    font-weight: bold;
}

.k-state-selected .k-link .diaespecial {
    color: #ffffff;
    font-weight: bold;
}

.grid-options .btn {
    color: #9da2a6;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    font-size: 1.8rem;
    margin-left: 3px;
}

    .grid-options .btn:active,
    .grid-options .btn:focus,
    .grid-options .btn:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


.grid-options .btn-success {
    color: #4caf50;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-success:active,
    .grid-options .btn-success:focus,
    .grid-options .btn-success:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #4caf50;
    }

.grid-options .btn-danger {
    color: #f44336;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-danger:active,
    .grid-options .btn-danger:focus,
    .grid-options .btn-danger:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #f44336;
    }

.grid-options .btn-primary {
    color: #2196f3;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-primary:active,
    .grid-options .btn-primary:focus,
    .grid-options .btn-primary:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #2196f3;
    }

.grid-options .btn-warning {
    color: #ff9800;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-warning:active,
    .grid-options .btn-warning:focus,
    .grid-options .btn-warning:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #ff9800;
    }


.grid-options .btn-info {
    color: #00bcd4;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-info:active,
    .grid-options .btn-info:focus,
    .grid-options .btn-info:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #00bcd4;
    }


.grid-options .btn-default {
    color: #333333;
    background-color: inherit;
    border: none;
}

    .grid-options .btn-default:active,
    .grid-options .btn-default:focus,
    .grid-options .btn-default:hover {
        background: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #333333;
    }

.k-button, .k-button-icon {
    line-height: 1.2em;
}
/* panel fijo de plantillas*/
.panel-fixed {
    position: fixed;
    top: 90px;
    right: 0px;
}

.p-none {
    padding-left: 0px;
    padding-right: 5px;
}

    .p-none:last-child {
        padding-right: 0px;
    }
/* panel fijo de plantillas*/

/* lineas de division*/
.b-left {
    border-left: 1px dashed #333;
}

.b-right {
    border-right: 1px dashed #333;
}

.b-top {
    border-top: 1px dashed #bababa;
}

.b-bottom {
    border-bottom: 1px dashed #d4d3d3;
    padding-bottom: 5px;
}

    .b-bottom:last-child {
        border-bottom: none;
        padding-bottom: 5px;
    }

/* form-builder */
.caja {
    cursor: default;
    margin: 6px;
    height: 50px;
    border: dashed 1px #b8c3c8;
    background-color: #e4efb3;
}

li.k-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

k-list-container {
    width: 500px !important;
}

/* configuracion tab-content */
.tab-content-in-box {
    margin: auto -30px -30px -30px;
}

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px;
}

/*Mensajes modales centrados*/
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*Widgets en escritorio - wrapbootstrap - angle 2016-06-29*/

.panel-default .panel-heading > a[data-tool] {
    color: #c1c2c3;
}

.panel-heading > .label.pull-right {
    margin-top: 3px;
}

    .panel-heading > .label.pull-right + .label.pull-right {
        margin-right: 10px;
    }

.panel-heading.panel-heading-collapsed {
    border-radius: 3px;
}

.panel-footer .pagination {
    margin: 0;
}

.panel-footer .radial-bar, .panel-footer p {
    margin-bottom: 0;
}

.panel-heading-active {
    background-color: #27c24c !important;
    font-weight: 700;
    font-size: 16px;
}

    .panel-heading-active > a {
        padding: 15px 0;
        color: #fff !important;
        -webkit-transition: padding .5s ease;
        transition: padding .5s ease;
    }

    .panel-heading-active + .panel-collapse:after {
        content: "";
        display: block;
        width: 60%;
        margin: 0 auto;
        height: 0;
        border-bottom: 1px solid #e1e2e3;
    }

.panel-inverse {
    border-color: #cfdbe2;
}

    .panel-inverse > .panel-heading {
        color: #fff;
        background-color: #131e26;
        border-color: #131e26;
    }

        .panel-inverse > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #cfdbe2;
        }

        .panel-inverse > .panel-heading .badge {
            color: #131e26;
            background-color: #fff;
        }

    .panel-inverse > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }

.panel-green {
    border-color: #cfdbe2;
}

    .panel-green > .panel-heading {
        color: #fff;
        background-color: #37bc9b;
        border-color: #37bc9b;
    }

        .panel-green > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #cfdbe2;
        }

        .panel-green > .panel-heading .badge {
            color: #37bc9b;
            background-color: #fff;
        }

    .panel-green > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }

.panel-pink {
    border-color: #cfdbe2;
}

    .panel-pink > .panel-heading {
        color: #fff;
        background-color: #f532e5;
        border-color: #f532e5;
    }

        .panel-pink > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #cfdbe2;
        }

        .panel-pink > .panel-heading .badge {
            color: #f532e5;
            background-color: #fff;
        }

    .panel-pink > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }

.panel-purple {
    border-color: #cfdbe2;
}

    .panel-purple > .panel-heading {
        color: #fff;
        background-color: #7266ba;
        border-color: #7266ba;
    }

        .panel-purple > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #cfdbe2;
        }

        .panel-purple > .panel-heading .badge {
            color: #7266ba;
            background-color: #fff;
        }

    .panel-purple > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }

.panel-dark {
    border-color: #cfdbe2;
}

    .panel-dark > .panel-heading {
        color: #fff;
        background-color: #3a3f51;
        border-color: #3a3f51;
    }

        .panel-dark > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #cfdbe2;
        }

        .panel-dark > .panel-heading .badge {
            color: #3a3f51;
            background-color: #fff;
        }

    .panel-dark > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #cfdbe2;
    }


.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.bt0 {
    border-width: 0 !important;
}

.text-white {
    color: #fff;
}

.text-inverse {
    color: #131e26;
}

.text-alpha {
    color: hsla(0,0%,100%,.5);
}

.text-pink {
    color: #f532e5;
}

.text-purple {
    color: #7266ba;
}

.text-dark {
    color: #3a3f51;
}

.text-alpha-inverse {
    color: rgba(0,0,0,.5);
}

.text-green {
    color: #37bc9b;
}

.text-yellow {
    color: #fad732;
}

.text-gray-darker {
    color: #232735;
}

.text-gray-dark {
    color: #3a3f51;
}

.text-gray {
    color: #dde6e9;
}

.text-gray-light {
    color: #e4eaec;
}

.text-gray-lighter {
    color: #edf1f2;
}

.text-sm {
    font-size: 11.9px;
}

.text-md {
    font-size: 26.6px;
}

.text-lg {
    font-size: 42px;
}

.text-nowrap {
    white-space: nowrap;
}

.text-thin {
    font-weight: 100 !important;
}

.text-normal {
    font-weight: 400 !important;
}

.text-bold {
    font-weight: 700 !important;
}


.bg-primary {
    background-color: #5d9cec;
    color: #fff !important;
}

.bg-primary-light {
    background-color: #8bb8f1;
    color: #fff !important;
}

.bg-primary-dark {
    background-color: #2f80e7;
    color: #fff !important;
}

.bg-primary small {
    color: inherit;
}

.bg-success {
    background-color: #27c24c;
    color: #fff !important;
}

.bg-success-light {
    background-color: #43d967;
    color: #fff !important;
}

.bg-success-dark {
    background-color: #1e983b;
    color: #fff !important;
}

.bg-success small {
    color: inherit;
}

.bg-info {
    background-color: #23b7e5;
    color: #fff !important;
}

.bg-info-light {
    background-color: #51c6ea;
    color: #fff !important;
}

.bg-info-dark {
    background-color: #1797be;
    color: #fff !important;
}

.bg-info small {
    color: inherit;
}

.bg-warning {
    background-color: #ff902b;
    color: #fff !important;
}

.bg-warning-light {
    background-color: #ffab5e;
    color: #fff !important;
}

.bg-warning-dark {
    background-color: #f77600;
    color: #fff !important;
}

.bg-warning small {
    color: inherit;
}

.bg-danger {
    background-color: #f05050;
    color: #fff !important;
}

.bg-danger-light {
    background-color: #f47f7f;
    color: #fff !important;
}

.bg-danger-dark {
    background-color: #ec2121;
    color: #fff !important;
}

.bg-danger small {
    color: inherit;
}

.bg-green {
    background-color: #37bc9b;
    color: #fff !important;
}

.bg-green-light {
    background-color: #58ceb1;
    color: #fff !important;
}

.bg-green-dark {
    background-color: #2b957a;
    color: #fff !important;
}

.bg-green small {
    color: inherit;
}

.bg-pink {
    background-color: #f532e5;
    color: #fff !important;
}

.bg-pink-light {
    background-color: #f763eb;
    color: #fff !important;
}

.bg-pink-dark {
    background-color: #e90bd6;
    color: #fff !important;
}

.bg-pink small {
    color: inherit;
}

.bg-purple {
    background-color: #7266ba;
    color: #fff !important;
}

.bg-purple-light {
    background-color: #9289ca;
    color: #fff !important;
}

.bg-purple-dark {
    background-color: #564aa3;
    color: #fff !important;
}

.bg-purple small {
    color: inherit;
}

.bg-inverse {
    background-color: #131e26;
    color: #fff !important;
}

.bg-inverse-light {
    background-color: #243948;
    color: #fff !important;
}

.bg-inverse-dark {
    background-color: #020304;
    color: #fff !important;
}

.bg-inverse small {
    color: inherit;
}

.bg-yellow {
    background-color: #fad732;
    color: #fff !important;
}

.bg-yellow-light {
    background-color: #fbe164;
    color: #fff !important;
}

.bg-yellow-dark {
    background-color: #f3ca06;
    color: #fff !important;
}

.bg-yellow small {
    color: inherit;
}

.bg-white {
    background-color: #fff;
    color: inherit !important;
}

.bg-gray-darker {
    background-color: #232735;
    color: #fff !important;
}

.bg-gray-dark {
    background-color: #3a3f51;
    color: #fff !important;
}

.bg-gray {
    background-color: #dde6e9;
    color: #515253 !important;
}

.bg-gray-light {
    background-color: #e4eaec;
    color: #515253 !important;
}

.bg-gray-lighter {
    background-color: #edf1f2;
    color: #515253 !important;
}

.bg-cover {
    background-size: cover;
}


/* SWITCH*/


.switch {
    background: #efefef;
    border: 1px solid #dfdfdf;
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    overflow: visible;
    width: 52px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    top: -1px;
}
    /*adding a wide width for larger switch text*/
    .switch.wide {
        width: 80px;
    }

    .switch small {
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: 0.3s ease-out all;
        -webkit-transition: 0.3s ease-out all;
    }

    .switch.checked {
        background: rgb(100, 189, 99);
        border-color: rgb(100, 189, 99);
    }

        .switch.checked small {
            left: 32px;
        }
    /*wider switch text moves small further to the right*/
    .switch.wide.checked small {
        left: 52px;
    }
    /*styles for switch-text*/
    .switch .switch-text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

    .switch .off {
        display: block;
        position: absolute;
        right: 10%;
        top: 25%;
        z-index: 0;
        color: #A9A9A9;
    }

    .switch .on {
        display: none;
        z-index: 0;
        color: #fff;
        position: absolute;
        top: 25%;
        left: 9%;
    }

    .switch.checked .off {
        display: none;
    }

    .switch.checked .on {
        display: block;
    }

/* Material Angular*/