/* Minification failed. Returning unminified contents.
(12186,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
 */
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

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

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

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

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

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/Content/assets/fonts/glyphicons-halflings-regular.eot);
    src: url(/Content/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/Content/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/Content/assets/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/Content/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/Content/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

.small, small {
    font-size: 85%;
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3;
}

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

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd, dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: '';
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

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

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

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

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

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

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

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

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

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

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

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

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

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
        line-height: 34px;
    }

        .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
            line-height: 30px;
        }

        .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
            line-height: 46px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed;
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed;
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-sm, textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px;
}

select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-lg, textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px;
}

select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px;
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

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

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

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

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

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

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

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

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

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

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

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

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

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

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

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

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

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

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

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

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

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

.btn-link {
    font-weight: 400;
    color: #337ab7;
    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:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none;
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

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

    .btn-block + .btn-block {
        margin-top: 5px;
    }

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

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

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

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown, .dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

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

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777;
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

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

.open > a {
    outline: 0;
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

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

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        float: left;
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

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

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

.btn-group > .btn-group {
    float: left;
}

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

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

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

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

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

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

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

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

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

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

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

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

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

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

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -1px;
    }

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

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd;
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width:480px)and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

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

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width:767px) {
    .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;
    }

        .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none;
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

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

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #080808;
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

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

    .breadcrumb > .active {
        color: #777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

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

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail a > img, .thumbnail > img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #337ab7;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

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

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

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

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

    a.list-group-item:focus, a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0;
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

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

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

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

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

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

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

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

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

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

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

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

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

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

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1;
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md, th.visible-md {
        display: table-cell !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print, th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.enscroll {
    overflow: auto;
    /*width: 250px;
    height: 360px;*/
    padding: 0 5px;
    /*border: 1px solid #b7b7b7;*/
}

.track {
    /*width: 7px;*/
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 1ms linear;
    transition: background 1ms linear;
}

    .track:hover,
    .track.dragging {
        background: #d9d9d9; /* Browsers without rgba support */
        background: rgba(0, 0, 0, 0.2);
    }

.handle {
    width: 3px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 0ms;
    transition: width 0ms;
}

.track:hover .handle,
.track.dragging .handle {
    width: 7px;
}
tags-input{box-shadow:none;border:none;padding:0;min-height:34px}tags-input .host{margin:0}tags-input .tags{-moz-appearance:none;-webkit-appearance:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}tags-input .tags .tag-item{color:#fff;background:#428bca;border:1px solid #357ebd;border-radius:4px}tags-input .tags .tag-item.selected{color:#fff;background:#d9534f;border:1px solid #d43f3a}tags-input .tags .tag-item .remove-button:hover{text-decoration:none}tags-input .tags.focused{border:1px solid #66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}tags-input .autocomplete{border-radius:4px}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#262626;background-color:#f5f5f5}tags-input .autocomplete .suggestion-item em{color:#000;background-color:#fff}tags-input.ng-invalid .tags{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.input-group tags-input{padding:0;display:table-cell}.input-group tags-input:not(:first-child) .tags{border-top-left-radius:0;border-bottom-left-radius:0}.input-group tags-input:not(:last-child) .tags{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-lg tags-input:first-child .tags{border-top-left-radius:6px;border-bottom-left-radius:6px}.input-group-lg tags-input:last-child .tags{border-top-right-radius:6px;border-bottom-right-radius:6px}.input-group-sm tags-input:first-child .tags{border-top-left-radius:3px;border-bottom-left-radius:3px}.input-group-sm tags-input:last-child .tags{border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group-lg tags-input,tags-input.ti-input-lg{min-height:46px}.input-group-lg tags-input .tags,tags-input.ti-input-lg .tags{border-radius:6px}.input-group-lg tags-input .tags .tag-item,tags-input.ti-input-lg .tags .tag-item{height:38px;line-height:37px;font-size:18px;border-radius:6px}.input-group-lg tags-input .tags .tag-item .remove-button,tags-input.ti-input-lg .tags .tag-item .remove-button{font-size:20px}.input-group-lg tags-input .tags .input,tags-input.ti-input-lg .tags .input{height:38px;font-size:18px}.input-group-sm tags-input,tags-input.ti-input-sm{min-height:30px}.input-group-sm tags-input .tags,tags-input.ti-input-sm .tags{border-radius:3px}.input-group-sm tags-input .tags .tag-item,tags-input.ti-input-sm .tags .tag-item{height:22px;line-height:21px;font-size:12px;border-radius:3px}.input-group-sm tags-input .tags .tag-item .remove-button,tags-input.ti-input-sm .tags .tag-item .remove-button{font-size:16px}.input-group-sm tags-input .tags .input,tags-input.ti-input-sm .tags .input{height:22px;font-size:12px}.has-feedback tags-input .tags{padding-right:30px}.has-success tags-input .tags{border-color:#3c763d}.has-success tags-input .tags.focused{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-error tags-input .tags{border-color:#a94442}.has-error tags-input .tags.focused{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-warning tags-input .tags{border-color:#8a6d3b}.has-warning tags-input .tags.focused{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}
/*!
   angular-block-ui v0.1.1
   (c) 2014 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/
.block-ui{position:relative}body.block-ui>.block-ui-container,.block-ui-main>.block-ui-container{position:fixed}.block-ui-container{position:absolute;z-index:99999;top:0;right:0;bottom:0;left:0;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=0);cursor:wait}.block-ui-active>.block-ui-container{height:100%}.block-ui-active .block-ui-active>.block-ui-container{height:0}.block-ui-visible>.block-ui-container{opacity:1;filter:alpha(opacity=100)}.block-ui-overlay{width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);background-color:#fff}.block-ui-message-container{position:absolute;top:35%;left:0;right:0;height:0;text-align:center;z-index:100000}.block-ui-message{display:inline-block;text-align:left;background-color:#333;color:#f5f5f5;padding:20px;border-radius:4px;font-size:20px;font-weight:bold;filter:alpha(opacity=100)}.block-ui-anim-fade>.block-ui-container{-webkit-transition:height 0s linear 200ms,opacity 200ms ease 0s;transition:height 0s linear 200ms,opacity 200ms ease 0s}.block-ui-anim-fade.block-ui-active>.block-ui-container{-webkit-transition-delay:0s;transition-delay:0s}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: rgba(212, 212, 212, 0.31);
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.ppn-blue-color {
    color:#3E94C9 !important;
}
.ppn-orange-color {
    color:#ff8c21 !important;
}
.col-org-setup {
    background: #FFF;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
}
.margin-footer {
    margin-top: 10px;
    margin-bottom: 10px;
}
.organization-color {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px;
}
.up-logo {
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 5px;
}
.up-logo input {
    width: 100px;
}
ul.tabs {
    /*border-bottom: 1px solid #F2F3F3;*/
    margin: 0 !important;
}
ul.tabs li {
    float: left;
    list-style-type: none;
    margin: 0 2px 8px 0;
    padding: 0;
}
ul.tabs a {
    padding: 5px 30px;
}
ul.tabs a:hover {
    background-color: #F7F7F7;
    color: #333;
}
.printBtn, .exportBtn{
    background: #0b9dda;
    color: #fff !important;
    margin: 5px 0;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 4px;
}
.printBtn {
    background-color: #E6E7E8 !important;
    margin-right: 5px;
}
.printBtn i.fa, .exportBtn i.fa {
    font-size: 13px !important;
    line-height: 20px;
    margin: 0;
}
.table th {
    /*font-size: 12px;*/
}
.evaluation {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}
.blue {
    background: #558ed5;
}
.gray {
    background: #4A4A4A;
}
.black {
    background: #000;
}
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    display: inline-block;
    position: relative;
    padding: 9px;
}
.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 3px;
    color: #1ba400;
}
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}
.big-checkbox + label {
    padding: 15px;
}
.big-checkbox:checked + label:after {
    font-size: 25px;
    left: 6px;
}
.nav-pills > li > a.current,
.nav-pills > li > a.current:hover,
.nav-pills > li > a.current:focus,
.nav-pills > li > a.currents,
.nav-pills > li > a.currents:hover,
.nav-pills > li > a.currents:focus,
.nav-pills > li > a.currentPop,
.nav-pills > li > a.currentPop:hover,
.nav-pills > li > a.currentPop:focus {
    color: #000;
    border-bottom: 5px solid #FF8C21;
    background: #E6E7E8;
    padding: 5px 10px;
}
.nav-pills > li > a {
    border-radius: 0 !important;
    border-top: 1px solid #FFF;
    margin: 0 0 -8px;
    padding: 8px 10px !important;
}
.nav-pills {
    min-height: 42px;
}
.nav-pills > li > a:hover {
    background: none;
    border-bottom: 5px solid #FF8C21;
    border-top: 1px solid #FFF;
}
.nav > li > a {
    position: relative;
    display: block;
    color: #9294a1;
    text-transform: uppercase;
}
.nav > li > a.deactive {
    color: #D5D5D5 !important;
}
.nav > li > a.deactive:hover {
    color: #D5D5D5 !important;
    background: none;
    border-bottom: 1px solid #FFF !important;
    border-top: 1px solid #FFF;
}
.margin-all {
    margin: 15px 0;
}
.checkWithother .form-control {
    width: auto;
    margin: -5px 0 0;
}
.checkWithother p {
    float: left;
    padding: 0 20px 0 0;
}
.thisTabOrg label {
    height: 28px;
}
.tickerbook tr td {
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 2px 5px;
}
.tickerbook tr th {
    background: #f3f3f3;
    border-right: 1px solid #d2d2d2;
    padding: 2px 5px;
}
.tickerbook tr td:last-child,
.tickerbook tr th:last-child {
    border-right: none;
    text-align: center;
}
.subCheck {
    margin: 0 0 0 25px;
}
.subCheck label {
    display: block !important;
}
.rating {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px;
}
.settingTabs {
    float: right;
    font-size: 14px;
}
.settingTabs a {
    display: inline-block;
    color: #000;
    border-radius: 3px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
}
.settingTabs a.add-management {
    color: #337ab7;
    margin: 0 10px;
}
.settingTabs a.edit-management {
    color: #FF8C21;
}
.defaultTable td {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    /*text-align: center;*/
    padding: 2px 5px;
}
.infoTable td {
    border-bottom: 1px solid #eee;
    padding: 5px;
}
.checkboxMargin {
    margin-left: 25px;
    clear: both;
    padding: 15px 0;
}
.checkboxMargin.fixmp {
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left:0px;
}
input.modbtn {
    font-size: 16px;
    background: #337ab7;
    color: #FFF;
    border: 1px solid #165a95;
    border-radius: 3px;
    padding: 2px 10px;
}
input.modbtn:hover {
    background: #165a95;
}
input.modBox {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    width: 90%;
    padding: 2px 10px;
}
select.mod {
    border: 1px solid #d8d8d8;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/Content/assets/images/ppn/dropdown.png) right center no-repeat #FFF;
    border-radius: 3px;
    width: 90%;
    padding: 2px 25px 2px 5px;
}
.checkedBox {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.checkedBox .checked {
    background: url(/Content/assets/images/ppn/checked.png) top center no-repeat;
    width: 19px;
    height: 21px;
    display: block;
}
.checkedBox .unchecked {
    background: url(/Content/assets/images/ppn/unchecked.png) top center no-repeat;
    width: 19px;
    height: 21px;
    display: block;
}
.infoTable tr:nth-child(even) td {
    background: #fafafa;
}
.listTable td {
    text-align: center;
    padding: 2px 5px;
}
.listTable td:first-child {
    text-align: left;
}
.k-checkbox-label {
    padding-top: 2px;
}
.floatLabel {
    float: left;
    width: 90%;
}
.wizard-footer {
    clear: both;
}
.dropdown {
    margin: 0 !important;
    padding: 0 !important;
}
.dropdown ul {
    margin: -1px 0 0;
}
.dropdown dd {
    position: relative;
}
.dropdown a:not(.not-this-class),
.dropdown a:not(.not-this-class):visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}
.dropdown dt a {
    border: 1px solid #c1bdb8 !important;
    background: #FFF;
    color: #555 !important;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    padding: 6px 10px;
}
.dropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}
.dropdown dd ul {
    border: 1px solid #c1bdb8;
    background: #FFF;
    color: #555 !important;
    display: none;
    left: 0;
    position: absolute;
    top: 2px;
    width: 100%;
    list-style: none;
    overflow: auto;
    border-radius: 3px;
    padding: 10px;
}
.dropdown dd ul li a {
    display: block;
    padding: 5px;
}
.dropdown dd ul li a:hover {
    background-color: #fff;
}
.plearPics {
    overflow: hidden;
    width: 25px;
    height: 25px;
    float: left;
    border: 1px solid #4A4A4A;
    margin: 0 5px 0 0;
}
.plearPics img {
    height: 100%;
    width: 100%;
}
.btn-close,
a.btn-close,
.btn-save,
.btn-add,
a.btn-add,
.k-scheduler-update,
.btn-delete,
.btn-submit,
a.btn-save,
a.k-scheduler-update,
a.btn-delete,
a.btn-submit,
a.btn-attendanceList,
.btn-edit {
    font-size: 14px;
    color: #FFF;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 400;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    line-height: 18px;
    min-width: 140px;
    padding: 6px 15px;
    cursor: pointer;
}
.k-button.k-primary.k-scheduler-delete,
.k-scheduler-delete {
    font-size: 14px !important;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 400 !important;
    min-width: 140px;
    background: #d9534f !important;
    color: #FFF !important;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    line-height: 18px;
}
.k-button.k-primary.k-scheduler-delete:hover,
.k-scheduler-delete:hover,
.btn-delete:hover {
    background: #c62f2b !important;
}
.btn-edit {
    background: #f0ad4e;
}
.btn-edit:hover {
    background: #ee9d31;
    color: #fff;
}
.k-button.k-scheduler-cancel {
    font-size: 14px !important;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 400 !important;
    background: #E6E7E8 !important;
    color: #222;
    min-width: 140px !important;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    line-height: 18px;
}
.k-button.k-scheduler-cancel:hover,
.k-edit-buttons.k-state-default .k-scheduler-cancel:hover {
    background: #ddd !important;
    box-shadow:none;
}
.k-button {
    padding: 6px 10px;
}
.btn-close,
a.btn-close,
.forTablet a.btn-close {
    background: #E6E7E8 !important;
    color: #4A4A4A !important;
}
.btn-close:hover,
a.btn-close:hover,
.forTablet a.btn-close:hover {
    background: #ccc !important;
}
.btn-submit {
    background: #4A4A4A !important;
    color: #FFF !important;
}
.btn-delete {
    background: #e22020 !important;
}
.btn-add {
    background: #3ab54a !important;
    margin-bottom: 10px;
    color: #FFF !important;
    padding: 6px 15px !important;
}
.btn-add i {
    margin-left: 0px;
}
.btn-add:hover,
.pro-info-field .btn-save:hover {
    background: #30963d !important;
}
.btn-attendanceList {
    background: #3ab54a !important;
    color: #FFF !important;
}
.sidebar-wrapper .k-header {
    background-color: #1072A3 !important;
    background-image: none !important;
}
#verticalMenu .k-icon {
    display: none !important;
}
#verticalMenu .k-link {
    border: none;
    height: auto;
    display: block;
    padding: 10px 0;
}
#verticalMenu .k-link:hover {
    background-color: #000 !important;
    background-image: none !important;
    color: #FFF !important;
    display: block;
    padding: 10px 0;
}
.sidebar-wrapper .k-state-hover {
    background-color: #000 !important;
    background-image: none !important;
    display: block;
    color: #FFF !important;
    padding: 0;
}
.sidebar-wrapper .k-state-active {
    background-color: #000 !important;
    background-image: none !important;
    display: block;
    color: #FFF !important;
}
.sidebar-wrapper .k-item a {
    border: none;
}
#verticalMenu {
    border: none;
    padding: 0;
}
#verticalMenu > li {
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
}
#verticalMenu > li i {
    font-size: 20px;
}
#verticalMenu .k-animation-container .k-group {
    background: #2c3e50;
    border: none;
    color: #D5DDE5;
}
#verticalMenu .k-animation-container .k-group li {
    border-bottom: 1px solid #000;
    text-align: left;
    width: 130px;
    padding: 10px 20px;
}
#verticalMenu .k-animation-container .k-group li:hover {
    background: none !important;
    padding: 10px 20px;
}
#verticalMenu .k-animation-container .k-group li a {
    background: none !important;
    font-size: 14px;
    width: 110px;
    white-space: normal;
    text-align: left;
    margin: 0;
    padding: 10px 20px;
}
#verticalMenu .k-animation-container .k-group li:hover a:before,
#verticalMenu .k-animation-container .k-group li.current a:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    color: #F4DE4B;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-size: 8px;
    left: -3px;
}
.panelbar .k-animation-container {
    height: 100% !important;
}
.panelbar {
    background: #fff !important;
    border-width: 0 !important;
}
.modal-footer {
    margin-top: 0;
}
input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin-top: 2px !important;
    float: left;
    margin-right: 10px;
}
.form-control {
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    padding: 6px 12px !important;
}
.wysiwyg-textarea {
    height: 350px !important;
}
.panelbar .k-link {
    border: 1px solid #ddd;
    display: block;
    font-size: 16px !important;
    cursor: pointer;
    color: #1072A3 !important;
    background: #E6E7E8;
    padding: 2px 10px;
}
.panelbar .k-floatwrap .k-pager-numbers.k-reset {
    margin-top: 4px;
}
.panelbar .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default {
    height: 40px;
    padding-top: 3px;
}
.panelbar .k-link .fa {
    font-size: 20px !important;
    margin-right: 10px;
}
.panelbar .k-state-active .fa-caret-up {
    display: inline-block !important;
}
.panelbar li .wrap-accordian {
    border: 1px solid #eee !important;
    border-width: 1px !important;
    padding: 10px !important;
}
.panelbar .k-state-default .k-link {
    color: #4A4A4A;
}
.side a.k-link {
    color: #fff !important;
}
.panelbar .k-state-focused {
    border: 1px solid #ccc !important;
    color: #4b5159 !important;
}
.panelbar .k-state-active table .k-link {
    background: none !important;
    border: none !important;
}
.panelbar table .k-link .k-i-arrow-n,
.panelbar table .k-link .k-i-arrow-s {
    display: block !important;
    float: right;
}
.panelbar table .k-link .k-i-arrow-n,
.panelbar table .k-link .k-i-arrow-n:hover {
    background-position: 0 -256px !important;
}
.panelbar table .k-link .k-i-arrow-s,
.panelbar table .k-link .k-i-arrow-s:hover {
    background-position: 0 -288px !important;
}
.panelbar .k-item > .k-link,
.panelbar .k-item > .k-link {
    line-height: 16px !important;
}
.panelbar .k-item > k-link,
.panelbar .k-item .k-link {
    padding: 10px !important;
}
.panelbar .k-content .form-control {
    padding: 0;
}
.panelbar .k-state-focused,
.panelbar .k-state-selected {
    box-shadow: none !important;
}
.panelbar .k-panelbar-expand,
.panelbar .k-panelbar-collapse {
    left: 4px !important;
}
.panelbar > li {
    margin-top: 10px !important;
}
.searchBar {
    float: none !important;
    margin: 10px auto;
}
.selectedOption {
    color: #333;
    font-size: 16px;
    background: #f7f7f7;
    border: 1px solid #cdcdcd;
    padding: 2px 10px;
}
.arrow-thing .fa {
    font-size: 28px;
    cursor: pointer;
}
label.addText {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
label.addText::before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: none;
    border: 1px solid #333;
    left: 0;
    top: 0;
    border-radius: 2px;
    margin-top: 2px;
}
label.addText::after {
    content: '\f00c';
    position: absolute;
    left: 2px;
    top: 4px;
    font: bold 12px FontAwesome;
    color: #333;
    width: 0;
    text-shadow: 0 0 2px #eee;
    overflow: hidden;
}
input[type="checkbox"]:checked + label.addText::after {
    transition: width .2s;
    width: 16px;
}
.withCheckbox {
    width: auto !important;
    float: left;
    margin: -7px 0 0 10px;
}
.withCheckboxAV {
    width: 110px !important;
    float: left;
    margin: -7px 0 0 10px;
}
.fa {
    margin: 0 5px;
}
.main-content .fa-edit:not(.notThisClass) {
    border-radius: 2px;
    color: #dd9b23;
    cursor: pointer;
    padding: 2px;
    white-space: nowrap;
}
.main-content .fa-pencil:not(.notThisClass),
.main-content .playerProfiledocID .fa-pencil-square-o:not(.notThisClass),
.main-content .fa-line-chart:not(.notThisClass),
.main-content .fa-eye:not(.notThisClass),
.sur-view, .main-content .fa-retweet:not(.notThisClass),
.main-content .fa-trash:not(.notThisClass),
.main-content .k-grid-content .fa-print:not(.btn-media):not(.btn-media-sm):not(.notThisClass) {
    border-radius: 0px;
    color: #FFF;
    font-size: 12px !important;
    padding: 3px 10px 4px 10px;
    min-width: 64px;
    text-align: center;
    margin-bottom: 5px;
    box-sizing: border-box;
    white-space: nowrap;
    max-width: 64px;
    cursor: pointer;
}


.main-content .k-grid-content .fa-print:not(.btn-media):not(.btn-media-sm):not(.notThisClass) {
    background: #1072A3;
    color: #fff;
}
.main-content .doc-list-addr .fa-pencil:not(.notThisClass):hover,
.main-content .doc-list-addr .fa-line-chart:not(.notThisClass):hover,
.defaultTable .fa-pencil:not(.notThisClass):hover,
.k-grid-content td .fa-pencil:not(.notThisClass):hover,
.p-doc-wrapper-inside .fa-pencil:not(.notThisClass):hover,
span.custom-event span.editTest .fa-pencil:not(.notThisClass):hover,
span.editTest .fa.fa-line-chart:not(.notThisClass):hover {
    background: #ee9d31;
}
.main-content .fa-pencil:not(.notThisClass),
.main-content .fa-line-chart:not(.notThisClass) {
    background: #f0ad4e;
    border-top: 1px solid #ed9d2b;
}
.main-content .fa-eye:not(.fa-eye-quick):not(.notThisClass),.main-content .fa-retweet:not(.notThisClass),
.sur-view {
    background: #1072A3;
    border-top: 1px solid #1072A3;
}
span.custom-event span .fa-eye:hover,
.main-content .k-grid-content .fa-print:not(.btn-media):not(.btn-media-sm):not(.notThisClass):hover {
    background: #0c65a7;
}
.main-content .fa-icon-btn:not(.notThisClass) {
    border-radius: 2px;
    color: #1072A3;
    font-size: 12px !important;
    margin: 0 0 10px 0;
}
.main-content .fa-trash:not(.notThisClass) {
    background: #d9534f;
    border-top: 1px solid #d2342f;
}
.main-content .doc-list-addr .fa-trash:not(.notThisClass):hover,
.defaultTable .fa-trash:not(.notThisClass):hover,
.k-grid-content td .fa-trash:not(.notThisClass):hover,
.p-doc-wrapper-inside .fa-trash:not(.notThisClass):hover,
td.ab-btn-right .fa-trash:not(.notThisClass):hover {
    background: #ce312d;
}
.main-content .fa-trash-o:not(.notThisClass) {
    border-radius: 2px;
    color: #cd0c05;
    cursor: pointer;
    padding: 2px;
    white-space: nowrap;
}
.action {
    width: 120px;
}
.GameType {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.rosterLogo {
    position: absolute;
    top: -10px;
    left: 10px;
}
.rosterLogo .arrow-thing .fa {
    font-size: 50px;
}
.text-left {
    text-align: left !important;
}
.nogap {
    margin: 0;
}
.paddingTop {
    padding-top: 20px !important;
}
.tag {
    color: #7d7e80;
    width: 150px;
}
.info {
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}
.teamManagement {
    border-top: 1px solid #e6e9f0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.managementBox {
    border-radius: 4px;
    background: #FFF;
    text-align: center;
    color: #4A4A4A;
    border: 1px solid #EFEEEE;
    padding: 10px;
}
.PlaceHolder {
    font-size: 21px;
    line-height: 29px;
    display: inline-block;
    margin-left: 1%;
}
.PlaceHolderIcon {
    font-size: 45px;
    display: inline-block;
}
.memberIn {
    background: #F8F9F9;
    position: relative;
    min-height: 90px;
    padding: 2px;
    box-shadow: 1px 1px 3px #F7F7F7;
}
.memberIn .fa-times {
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 999;
}
.main-content .fa-times,.popUpTitleBar .fa-times {
    color: #db4e44;
}
.memberIn .personalDetail {
    text-align: left !important;
    line-height: 13px;
}
.memberIn .personalDetail span {
    overflow: hidden;
    display: inline-block;
    width: 101%;
    text-overflow: ellipsis;
}
.profile-management-box .user-badge .avatar-w {
    border-radius: 50%;
    overflow: hidden;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
}
.messageAllert {
    color: #4765c7;
}
.rosterTeamTable {
    font-size: 11px;
}
.profile-player-box .user-badge {
    float: left;
    margin-right: 5px;
}
.profile-player-box .user-badge .avatar-w {
    border-radius: 50%;
    overflow: hidden;
    max-width: 20px;
    min-width: 20px;
    height: 20px;
}
.scrollbar {
    max-height: 600px;
    overflow-y: auto;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    border-right: 1px solid #F5F5F5;
}
.scrollbar::-webkit-scrollbar {
    width: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 4px;
    margin-right: -2px;
}
.ground {
    position: relative;
    background-color: #73d19d;
    min-height: 357px;
}
.ground.baseball-ground {
    min-height: 700px;
}
.pinnBox:not(.teamRosterGeneralPinnBox) {
    position: absolute;
    width: 200px;
}
.pinnBox .playerDataHolder {
    background: #4A4A4A;
    width: 100%;
    border-radius: 5px 5px 0 0;
    padding: 2px 0 0;
}
.soccer-ground .pinnBox .playerDataHolder {
    padding: 0;
}
.pinnBox .playerDataHolder h5 {
    font-size: 14px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    background: #4A4A4A;
    color: #fff;
    margin: 0 !important;
}
.soccer-ground .pinnBox .playerDataHolder h5 {
    border-radius: 4px 4px 0 0;
    color: rgba(255, 255, 255, 0.75);
    border-bottom: none;
}
.pinnBox .playerDataHolder ul {
    margin-bottom: 0 !important;
}

.pinnBox .playerDataHolder > ul:first-of-type {
    overflow-y: scroll !important;
}

.pinnBox .pinHolder {
    width: 100%;
    background: rgba(230, 231, 232, 0.65);
    border-radius: 0 0 5px 5px;
    height: 5px;
}
.pinTip {
    font-size: 24px;
    color: rgba(154, 166, 155, 1);
    margin-top: -16px !important;
    text-align: center;
    padding: 0;
}
.playerHolder {
    position: relative;
    padding: 2px;
}

.playerHolder > div:first-of-type {
    font-size: 11px !important;
}

.importantPlayer {
    background: #ffe598;
}
.pinnBox .playerDataHolder ul li:hover,
.importantPlayer:hover {
    cursor: pointer;
}
.ReliefPitcher {
    top: 45%;
    left: 1%;
}
.ShortReliefPitcher {
    bottom: 6%;
    left: 1%;
}
.leftFeild {
    top: 8%;
    left: 1%;
}
.rightFeild {
    top: 8%;
    right: 1%;
}
.centerFeild {
    top: 3px;
    left: 42%;
}
.catcher {
    bottom: 1%;
    left: 42%;
}
.StartingPitcher {
    top: 51%;
    left: 42%;
}
.shotStop {
    top: 31%;
    left: 27%;
}
.secondBase {
    left: 61%;
    top: 33%;
}
.extraHitter {
    right: 1%;
    top: 45%;
}
.DesignatedHitter {
    bottom: 6%;
    right: 1%;
}
.thirdBase {
    top: 53%;
    left: 19%;
}
.firstdBase {
    right: 19%;
    top: 53%;
}
.teamImg {
    overflow: hidden;
    max-width: 30px;
    height: auto;
    min-width: 25px;
}
.playerDetails > li {
    position: relative;
    cursor: pointer;
    margin: 1px 0;
}
.playerDetails > li .js-remove {
    display: none;
    position: absolute;
    top: 3px;
    right: -15px;
}
.playerDetails > li div,
.rosterTeamTable > div,
.playerDetails > li {
    color: #4A4A4A;
    padding: 0;
}
.popupwrap .playerDetails-wrapper div.yesma-line-wrapper .playerDetails li:nth-child(odd) {
    background: #F2F2F2;
}
.rosterTeamTable > div {
    font-weight: 700;
    letter-spacing: -.3px;
    padding: 0;
}
.playerAge {
    display: inline-block;
    margin-left: 3px;
}
.teamImg + div {
    line-height: 20px;
}
.padding-left-15 {
    padding-left: 15px !important;
}
.grayBgchecked {
    background: #E6E7E8;
    margin-bottom: -15px !important;
    padding: 10px 15px 5px;
}
.grayBgchecked input {
    float: none;
}
.gridTable .k-grid-header {
    background: #f3f3f3 !important;
}
.gridTable .k-grid-header th.k-header > .k-link,
.gridTable .k-grid-header th.k-header {
    color: #444 !important;
    text-align: left;
    text-transform: capitalize;
}
.gridTable .k-grid-header th.k-header {
    background-color: #F3F3F3 !important;
}
.gridTable .k-tabstrip-items {
    background: #FFF !important;
    border-bottom: 1px solid #ddd !important;
}
.gridTable th,.gridTableMimic th  {
    background: #f3f3f3 !important;
    font-weight: 400 !important;
    padding: 5px !important;
}
.gridTable td {
    border-left: 1px solid #dadada !important;
    padding: 2px 1px !important;
}
.gridTable .k-tabstrip-items .k-item {
    background: #FFF;
    border-bottom-color: #FFF !important;
    border-width: 5px;
    padding: 5px 10px !important;
}
.gridTable .k-tabstrip-items .k-item .k-link {
    color: #9294a1;
    text-transform: uppercase;
    padding: 0 !important;
}
.gridTable .k-tabstrip-items .k-state-active {
    background: #eee !important;
    border-bottom: 5px solid #f3950f !important;
    border-color: #eee !important;
    padding: 5px 10px !important;
}
.gridTable .k-tabstrip-items .k-state-hover {
    background: #eee !important;
    border-bottom: 5px solid #f3950f !important;
    border-color: #eee !important;
}
.gridTable .k-tabstrip > .k-content {
    padding: 5px 0 !important;
}
table.dataTable thead,
table.dataTable tfoot {
    background: #f3f3f3 !important;
    font-weight: 400 !important;
    color: #9294a1 !important;
    padding: 5px 10px !important;
}
table.dataTable thead th,
table.dataTable tfoot th {
    border-left: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
    font-weight: 400 !important;
    color: #444 !important;
}
table.dataTable thead th {
    border-top: 1px solid #dadada !important;
}
table.dataTable td.action,
table.dataTable th.action {
    border-right: 1px solid #dadada !important;
    width: 80px;
}
table.dataTable td {
    border-left: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
}
table.dataTable td:last-child,
table.dataTable thead th:last-child,
table.dataTable tfoot th:last-child {
    border-right: 1px solid #dadada !important;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
    padding-left: 35px;
}
.k-colorpicker .k-selected-color {
    width: 9em !important;
    height: 2.35em;
}
.js-remove {
    position: absolute;
    top: 5px;
    right: -3px;
    display: none;
    font-size: 14px;
}
.dateHolder {
    position: absolute;
    right: 10px;
    top: 110px;
}
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.lesspadding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.marginBoth {
    margin-top: 20px;
    margin-bottom: 20px;
}
.login-popup-logo-holder {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.login-form-wrapper {
    background: #FFF;
    border: 2px solid rgba(204, 204, 204, 0.49);
    border-bottom: transparent;
    padding: 20px;
}
.login-form-wrapper h2 {
    text-align: center;
    font-size: 17px;
    color: #667;
    margin: 0 0 20px;
}
.login-form-wrapper input[type=checkbox] {
    position: relative;
    top: 5px;
}
.user-w-ico {
    background: url(/Content/assets/images/ppn/ico-user.png) no-repeat 10px 8px;
    padding-left: 35px !important;
    border-left: 2px solid #88b2bd;
}
.pass-w-ico {
    background: url(/Content/assets/images/ppn/ico-key.png) no-repeat 10px 8px;
    padding-left: 35px !important;
    border-left: 2px solid #88b2bd;
}
.modal-footer .footer-options {
    border-bottom: 1px solid #CCC;
    overflow: hidden;
}
.popupwrap {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 17px 0px;
}
.popupInfoTable tr td:first-child {
    color: #957f7f;
    text-align: right;
    width: 25%;
}
.widgetEvent .k-window-title {
    margin-top: -5px !important;
    padding: 0 !important;
}
.kendoevent .k-dropdown .k-state-default {
    background: #FFF !important;
    border: 1px solid #c1bdb8 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}
.attendanceTitle {
    background: #E6E7E8;
    color: #1072A3;
    cursor: pointer;
    padding: 10px;
}
.attendanceTitle.active .fa-caret-up {
    display: block;
    float: left;
}
.attendanceList {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 10px;
}
.attendanceList li input[type="checkbox"] {
    float: left !important;
    border: 1px solid #000;
}
.attendanceList li {
    float: left;
    margin: 2px;
}
.forTablet .k-widget.k-numerictextbox {
    width: 50px !important;
    margin-right: 5px !important;
    padding-left: 5px !important;
}
.km-switch.km-widget.km-switch-off,
.km-switch.km-widget.km-switch-on {
    margin-top: 2px !important;
}
.forTablet .tabpush {
    margin-left: 50px !important;
}
.forTablet .k-multiselect-wrap.k-floatwrap {
    float: left;
    padding-left: 10px;
}
.forTablet .k-widget.k-multiselect.k-header {
    border-radius: 4px;
    margin: 0;
    padding: 0;
}
.reminder .tabpush {
    float: left;
    width: 200px !important;
}
.forTablet .k-numerictextbox {
    border: 1px solid #c1bdb8 !important;
    float: left !important;
    width: 10% !important;
    border-radius: 4px !important;
    height: 19px !important;
    padding-top: 5px !important;
    margin-top: 1px !important;
}
.forTablet .k-numeric-wrap.k-state-disabled {
    background-color: #FFF !important;
    border-color: #FFF !important;
    border-width: 0 !important;
}
.forTablet .k-formatted-value.k-recur-interval.k-input,
.forTablet .k-recur-interval.k-input {
    width: 98% !important;
}
.forTablet .k-numeric-wrap {
    height: 20px !important;
    padding: 0 !important;
}
.forTablet .k-formatted-value.k-input {
    border: none !important;
    margin-top: 0 !important;
}
.forTablet .k-reset {
    float: left !important;
}
.forTablet .k-reset li {
    display: block !important;
    height: 50px;
}
.forTablet .k-reset li.k-button {
    height: auto !important;
}
.forTablet .k-edit-field {
    width: 77% !important;
    float: left !important;
    border-top: none !important;
    overflow: visible !important;
    padding-top: 0 !important;
}
.forTablet .k-recur-view label input[type=radio] {
    border: 1px solid #c1bdb8 !important;
}
.forTablet .k-edit-field [type=radio] {
    background-position: -34px -34px !important;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .pinnBox {
    width: 40%;
    position: absolute;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(odd) {
    left: 3%;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(even) {
    right: 3%;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(2) {
    top: 15%;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(3) {
    top: 40%;
}
#teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(4) {
    top: 50%;
}
@media screen and (max-width: 991px) {
    #teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(3) {
        top: 47%;
    }
    #teamRosterContent .soccer-ground.soccerTeamRoster-ground .soccer-pos-wrapper > .pinnBox:nth-child(4) {
        top: 60%;
    }
}
.soccer-ground .playerDataHolder {
    background: rgba(0, 0, 0, 0.47);
    box-shadow: 1px 3px 3px 0px rgb(0, 33, 0);
}
.km-pane-wrapper .k-mobile-list .k-edit-label {
    position: static !important;
}
.k-event {
    cursor: pointer;
    font-size: 12px !important;
    line-height: 6px;
}
.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-hidden {
    height: 160px !important;
}
.k-list-container ul {
    padding: 0 10px;
}
.calendarPage .k-icon,
.calendarPage .k-calendar .k-icon.k-i-arrow-w,
.k-calendar .k-icon,
.widgetEvent .k-window-action .k-icon,
.k-window .k-window-action .k-icon,
.k-reset.k-scheduler-navigation .k-icon,
.forTablet .k-icon.k-delete,
.k-event-actions > span.k-i-refresh,
.k-event-actions > span.k-i-arrow-w,
.k-event-actions > span.k-i-exception,
.k-event-actions > span.k-i-arrow-e,
.k-event-actions span.k-si-close,
.k-i-arrow-n {
    background-image: url(/Content/assets/kendo_new_new/Material/sprite_w.png) !important;
}
.calendarPage .newEvent .k-icon,
.tryoutPopupWrap .k-icon,
.k-widget.k-numerictextbox .k-icon,
.k-i-arrow-s {
    background-image: url(/Content/assets/kendo_new_new/Material/sprite_b.png) !important;
}
.accor-table .gridTable .k-grid-header th.k-header > .k-link {
    font-size: 14px !important;
    line-height: 9px;
    position: relative;
}
.accor-table .gridTable .k-grid-header th.k-header > .k-link .k-icon.k-i-arrow-s,
.accor-table .gridTable .k-grid-header th.k-header > .k-link .k-icon.k-i-arrow-n {
    position: absolute;
    top: 5px;
    right: 0px;
    background-image: url(/Content/assets/kendo_new_new/Material/sprite_b.png) !important;
}
.eventpopup {
    background-color: transparent !important;
    clear: both !important;
    margin-top: 5px;
    border-top: 1px solid #d4d4d4;
    padding-top: 10px;
    text-align: right;
}
.rightLabel {
    text-align: right;
    float: right;
}
.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0;
}
.padding-right-0 {
    padding-right: 0;
}
.margin-right-0 {
    margin-right: 0px !important;
}
.margin-5 {
    margin:5px !important;
}
.margin-left-0 {
    margin-left: 0px !important;
}
.hr {
    border-top: 1px solid #eee;
    margin: 40px -15px 12px;
    padding: 0;
}
.wizard-card .btn {
    text-transform: uppercase;
    border: 1px solid rgba(150, 142, 142, 0.6);
    box-shadow: 0 1px 3px -1px #968E8E;
    padding-bottom: 12px;
    line-height: 7px;
    color: #000;
    font-weight: 500;
    font-size: 13px;
}
/* Modified by NS */

.wizard-card .btn {
    border: none;
    color: #fff;
    padding: 6px 15px;
    line-height: 18px;
    min-width: 140px;
}
.wizard-card .btn.btn-primary:hover,
.wizard-card .btn.btn-primary:focus,
.wizard-card .btn.btn-primary:active {
    color: #fff;
}
.wizard-card .btn i {
    color: #fff;
    margin: 0px;
}
.db-btn > input:last-child:not(.btn-save) {
    margin-left: 10px;
    color: #fff;
    background: #2d86c0;
    padding: 10px 54px;
}
.border-div {
    border: 1px solid rgba(16, 114, 163, 0.39);
    border-radius: 3px;
    padding-top: 35px;
}
.male-female-wrapper {
    padding-top: 23px;
    line-height: 30px;
}
label.male::before {
    content: "\f183";
    font-family: FontAwesome;
    position: absolute;
    left: -35%;
    top: -4px;
    color: #E6E7E8;
    font-size: 28px;
}
label.female::after {
    content: "\f182";
    font-family: FontAwesome;
    position: absolute;
    top: -4px;
    right: -44%;
    color: #E6E7E8;
    font-size: 28px;
}
label.male,
label.female,
label.kg,
label.lb {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
}
.btn.male,
.btn.female {
    border-radius: 0px;
}
.bmi-index > span {
    font-weight: 600;
    margin-right: 6px;
}
.cal-slider .k-slider-horizontal {
    width: 240px;
}
.basicinfo .cal-slider .k-slider-horizontal {
    width: 220px;
}
.cal-slider .k-slider-track {
    height: 8px !important;
    margin-top: -4px !important;
    left: 0 !important;
    border-radius: 0;
}
.cal-slider .k-draghandle {
    background-color: #1072A3;
    border: 1px solid transparent;
    top: -6px !important;
    width: 18px !important;
    height: 18px !important;
    box-shadow: 2px 1px 4px 0 rgba(16, 90, 7, 0.39);
}
.cal-slider .k-state-selected,
.cal-slider .k-state-focused {
    box-shadow: 0 0 0 0 #1072A3;
    border-color: #1072A3 !important;
}
.cal-slider .k-slider-selection {
    background-color: #1072A3;
    border-radius: 0 !important;
    box-shadow: 3px 1px 3px 0 #1072A3;
    height: 8px !important;
    margin-top: -4px !important;
}
.page-basicInfo .k-numeric-wrap .k-input {
    border: 1px solid transparent !important;
}
.basicinfo-btn-grp {
    margin-top: 25px;
}
.basicinfo-btn-grp a,
.basicinfo-btn-grp input {
    font-weight: 400 !important;
}
.basicinfo-btn-grp a {
    color: rgba(0, 0, 0, 0.68) !important;
    text-transform: capitalize !important;
}
.padding-fix > h4 {
    color: #4A4A4A;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}
.pro-ck-btn {
    position: relative;
    margin: 0 10px;
}
.padding-fix {
    padding: 0 7% 0 4%;
}
.padding-fix .checkbox-wrapper {
    margin: 18px 0px 28px;
}
.pro-info-field .avatar-w {
    margin-top: 43px !important;
}
.pro-info-field .tryout-avatar.avatar-w {
    margin-top: 0px !important;
}
.pro-info-field > .form-group {
    margin-bottom: 20px;
}
.pro-info-field .form-control,
.pro-info-field .k-widget {
    border-radius: 4px;
    border-color: #ccc;
}
.pro-info-field .btn-save {
    color: #fff;
    background: #0e7ac7 !important;
    font-weight: 400;
}
.pro-info-field .btn-save:hover {
    background: #0c65a7 !important;
}
.pro-info-field label {
    display: inline-block;
    color: #4A4A4A;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pro-save-btn {
    margin-top: 170px;
    right: -11%;
}
.accor-table table {
    margin-top: 5px;
    border-bottom: 1px solid #ccc !important;
}
.accor-table table:not(.contractSliderTable) th {
    background-color: rgb(243, 243, 243) !important;
    color: #4a4a4a;
    font-weight: 500;
}
.btn-group .btn {
    text-transform: none !important;
}
.fa-male {
    font-size: 30px;
    color: #0fbeef;
    margin-right: 5px;
}
.fa-female {
    font-size: 30px;
    color: #e93491;
    margin-left: 5px;
}
.forTablet .k-picker-wrap .k-select,
.forTablet .k-numeric-wrap .k-select,
.forTablet .k-dropdown-wrap .k-select {
    line-height: 3.29em !important;
}
.forTablet .k-edit-field ul.k-reset li {
    margin-top: -6px;
}
.forTablet #recurrenceEditor .k-select {
    line-height: 2.29em !important;
}
.forTablet .k-recur-view {
    padding-top: 42px !important;
}
.forTablet .k-edit-label {
    float: left !important;
    width: 17% !important;
    font-size: 14px !important;
    padding: 0 !important;
}
.thisTab .kendoevent.half .k-header {
    width: 49%;
    margin-right: 5px;
}
.thisTab .k-datepicker .k-input,
.thisTab .k-picker-wrap.k-state-default > .k-select,
.thisTab .k-timepicker .k-input {
    border-radius: 4px 0 0 4px;
}
.k-scheduler-table td,
.k-scheduler-table th {
    height: 1em;
    font-size: 100%;
    padding: .334em .5em;
}
.eventFilter {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.eventFilter .filterL {
    float: left;
    margin-top: -2px;
    margin-right: 8px;
}
.eventFilter .filterLevent {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
textarea.k-textbox,
.k-multiselect.k-header {
    border: 1px solid #ccc !important;
    width: 99.9% !important;
    float: right;
    border-radius: 4px;
}
.multiselct .multiSelect .button {
    width: 100%;
    text-align: left;
}
.multiselct .multiSelect .caret {
    float: right;
    margin-top: 8px !important;
}
.editInfoRoster {
    min-height: 40px;
}
.k-picker-wrap {
    background-color: #fff !important;
    border-width: 1px !important;
    margin: 0 -11px;
    border-radius: 4px;
}
.k-colorpicker .k-picker-wrap {
    margin: 0;
}
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: rgba(249, 249, 249, 0);
    border-color: #cccccc;
}
.k-datepicker .k-input,
.k-timepicker .k-input {
    /*background-color: transparent;*/
}
.k-widget.k-timepicker.k-header,
.k-widget.k-datepicker.k-header {
    border: 1px solid transparent !important;
    padding: 0px 12px !important;
    border-radius: 4px;
    box-sizing: border-box !important;
    border-bottom: 0px solid #ccc !important;
}
.date-time-wrapper .k-widget.k-datetimepicker.k-header,
.date-time-wrapper .k-widget.k-datepicker.k-header {
    width: 100% !important;
    padding: 0 12px !important;
}
.top5 {
    padding-top: 5px;
}
.top10 {
    padding-top: 10px;
}
.top15 {
    padding-top: 15px;
}
.k-popup-edit-form {
    padding-top: 0 !important;
}
.thisTab .k-edit-field > ul.k-reset .k-dropdown {
    width: 8em !important;
}
.thisTab .k-recur-view label input {
    margin-top: 9px !important;
}
.thisTab .k-recur-view label.k-check {
    margin-right: 10px;
    margin-top: 5px;
}
.thisTab .k-recur-view label.k-check input {
    margin-top: 2px !important;
    margin-right: 5px !important;
}
.myTeamImfo {
    width: 250px;
    margin: 0 auto !important;
}
.thisTab .k-numeric-wrap.k-state-default {
    padding-left: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: #c5c5c5 !important;
    border-left: none;
}
.thisTab .k-numeric-wrap .k-input {
    border-top: none !important;
    border-left: none !important;
    border-radius: 4px 0 0 4px;
    /*background-color: #f2f3f3 !important;*/
}
.thisTab .k-recur-view .k-numeric-wrap .k-input {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-color: #FFF !important;
}
.k-window-titlebar .k-i-close {
    background-position: -48px -17px !important;
}
.kendo-row-count {
    width: auto !important;
}
.gridTable table td {
    vertical-align: top;
}
.gridTable .gridtableTitle {
    font-size: 18px !important;
    margin-top: 5px;
}
.gridTable .coach-details span.textlabel {
    width: 100px;
    display: inline-block;
    color: #000;
}
.k-colorpicker .k-picker-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.panelbar .gridTable .k-pager-numbers .k-link {
    background: #FFF !important;
    color: #333 !important;
}
.gridTable .k-state-selected {
    margin-top: -4px !important;
    padding-top: 2px !important;
}
.panelbar .gridTable .k-link {
    background: #FFF !important;
}
.gameTypeHeader {
    margin-right: 10px;
    margin-top: -1px;
    color: #0e7ac7;
    padding: 2px 10px;
}
.thisTab .k-recur-view label input[type=checkbox],
.thisTab .k-recur-view label input[type=radio] {
    float: right !important;
    margin-left: 5px !important;
}
.paddingAllBig {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.k-animation-container .k-popup.k-list-container {
    border-color: #ccc !important;
}
.tab-pane > input {
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #666464;
    padding: 6px 10px !important;
}
.eventFilter .k-dropdown-wrap {
    background-color: #FFF !important;
    border: 1px solid #ccc !important;
}
.eventFilter .k-i-arrow-s {
    background-position: 0 -34px !important;
}
.listOfCoach {
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #4b5159;
}
.listOfCoach ul li a {
    display: block;
    text-align: left;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.listOfCoach ul li {
    display: block;
    text-align: left;
    margin: 5px 0;
    padding: 2px 10px;
}
.listOfCoach ul li:hover {
    background-color: #dadada;
}
.selectedOptions select option:first-child {
    color: #000;
    border-bottom: 1px solid #555 !important;
}
.selectedOptions select option:not(:checked) {
    color: #555;
    margin: 2px 0;
}
.rosterTab {
    padding-bottom: 7px !important;
}
.rosterTab li {
    width: 32%;
    text-align: center;
    float: initial !important;
    display: inline-block;
    border-top: 1px solid rgba(230, 231, 232, 0.49);
    min-width: 55px;
    max-width: 80px;
    margin: 0 !important;
    padding: 0 !important;
}
ul.rosterTab li a {
    text-transform: capitalize !important;
    line-height: 16px;
    font-size: 12px;
    padding: 5px 0 !important;
    min-width: 65px !important;
}
.serialNumber {
    margin-left: -12px;
}
.shortBy label {
    font-size: 12px;
    margin-right: 5px;
}
.shortBy label input {
    margin-right: 2px;
}
.rosterStatus {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 10px;
}
.approved {
    background-color: #22b14c;
}
.notapproved {
    background-color: #c00;
}
.newsaved {
    background-color: #009ad3;
}
.approve {
    color: #22b14c;
}
.newsave {
    color: #009ad3;
}
.notapprove {
    color: #c00;
}
.addfilterholder {
    padding-top: 14px;
}
.addFilter {
    font-size: 14px;
    text-decoration: none;
    padding: 10px;
}
.addfilterDrop {
    width: 300px;
    margin-top: 0;
    border-radius: 4px 0 4px 4px !important;
    padding: 10px;
}
.addfilterDrop label,
.addfilterDrop .filterL {
    color: #333 !important;
    float: left;
    padding-right: 10px;
    margin-bottom: 0px;
    margin-top: 5px;
}
#filterByEventType select {
    width: 100% !important;
}
.addfilterDrop label.check {
    margin-top: -2px !important;
}
.addfilterDrop input[type='checkbox'] {
    float: none !important;
}
.filterby {
    background: #ddd;
    color: #444;
    width: auto;
    float: right;
    border-radius: 10px;
    position: relative;
    margin: 6px 5px 0 0;
    padding: 2px 25px 2px 10px;
}
.filterby .fa-times {
    font-size: 12px;
    color: #333 !important;
    position: absolute;
    top: 7px;
    right: 5px;
    font-weight: 400;
}
.repeatField ul.k-reset {
    margin-top: -4px;
}
.repeatField ul.k-reset li {
    clear: both;
    display: table;
    content: " ";
}
.repeatField ul.k-reset li label {
    width: 80px;
    float: left !important;
    margin-right: 5px;
}
.k-recur-year-radio {
    float: left;
    margin-right: 20px !important;
}
.sortBy label {
    display: block;
    margin: 0 5px 0 0;
}
.lastteamName {
    float: left;
    width: 120px;
}
.k-view-week {
    border-radius: 0 !important;
}
.k-scheduler-edit-form .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.k-scheduler-edit-form .btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none !important;
}
.k-scheduler-edit-form .k-edit-form-container .k-edit-buttons {
    background: none !important;
}
.TabEventInformation .k-datepicker {
    width: 110px !important;
    border-bottom: none !important;
    float: left !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}
.myteamdate .TabEventInformation .k-datepicker {
    width: 127px !important;
    border-bottom: none !important;
    float: left !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}
.forTablet .k-datepicker {
    width: 150px !important;
    border-bottom: none !important;
    float: left !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}
.forTablet .k-datepicker input,
.forTablet .k-timepicker input {
    width: 110px !important;
    margin-top: 5px !important;
    margin-right: 5px !important;
    border-radius: 4px !important;
    border: 1px solid #c1bdb8 !important;
    float: left !important;
    padding: 5px 0 5px 5px !important;
}
.TabEventInformation .k-timepicker {
    width: 115px !important;
    border-bottom: none !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.forTablet .k-timepicker {
    width: 150px !important;
    border-bottom: none !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.k-event > div {
    line-height: 20px;
}
.repeatField #recurrenceEditor .k-header {
    width: 110px !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.forTablet .repeatField #recurrenceEditor .k-header {
    width: 150px !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.k-edit-field span.k-recur-interval {
    width: 80px !important;
}
.repeatField #recurrenceEditor .k-reset li:last-child .k-header.k-recur-weekday {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.forTablet .k-dropdown-wrap.k-state-disabled {
    padding: 2px 0 !important;
}
.repeatField > div {
    margin: 0 !important;
}
.repeatField #recurrenceEditor .k-recur-month-radio {
    margin-left: 68px;
    float: left;
}
.forTablet .repeatField #recurrenceEditor .k-recur-month-radio {
    margin-left: 55px;
    float: left;
}
.forTablet .repeatField #recurrenceEditor .k-reset li:last-child .k-recur-month-radio {
    margin-right: 27px;
}
.repeatField #recurrenceEditor .k-recur-weekday {
    width: 10em !important;
}
.k-edit-field > ul.k-reset .k-datepicker {
    margin-left: 10px !important;
}
.myTeamImfos {
    width: 515px;
    margin: 10px auto !important;
}
.myTeamImfos .arrow-thing {
    font-size: 70px;
}
.myTeamImfos .nameTag {
    float: left;
    text-align: center;
    margin: 10px 20px 0;
}
.myTeamImfos .nameTag h2 {
    font-size: 24px;
    color: #5cb7f0;
}
.clubName img {
    max-width: 150px;
    float: left;
}
.playerBox {
    border: 1px solid #dadada;
    border-radius: 4px;
    position: relative;
    min-height: 250px;
    padding: 5px;
}
.available .playerStatus {
    color: #3ab54a;
}
.suspended .playerStatus {
    color: #d70000;
}
.injured .playerStatus {
    color: #ff8c21;
}
.game-conflict .playerStatus {
    color: #be570b;
}
.vacation .playerStatus {
    color: #fc0;
}
.unavailable .playerStatus {
    color: #30b3f4;
}
.unavilable-by-rule .playerStatus {
    color: #1072a3;
}
.other .playerStatus {
    color: #4a4a4a;
}
.profileImage {
    border: 1px solid #cecdd3;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
}
.profileImagePE {
    border: 1px solid #cecdd3;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    padding: 0;
}
.PlayerName {
    margin-left: 10px;
    margin-top: 5px;
    font-size: 16px;
}
.PlayerNamePE {
    float: left;
    margin-left: 10px;
    margin-top: 0;
    font-size: 16px;
}
.PlayerNamePE h2 {
    float: left;
    margin-top: 0;
    font-size: 16px;
}
.PlayerName h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: capitalize;
}
.playerStatus {
    font-size: 12px;
    font-weight: 700;
    color: #4a4a4a;
}
.topInfo .labelTag {
    text-align: left;
}
.labelTag {
    text-align: left;
    color: #8c8c8c !important;
    padding-right: 10px;
    width: 86px;
    float: left;
}
.labelTagNWidth {
    text-align: left;
    color: #8c8c8c !important;
    padding-right: 10px;
    float: left;
}
.jersyNumber {
    font-size: 28px;
    text-align: center;
    margin-top: 50px;
    color: #8c8c8c !important;
}
.labelTagPE {
    color: #8c8c8c !important;
    padding-right: 10px;
    float: left;
    width: 120px;
}
.playerBox span.labelTag {
    width: 86px;
    display: inline-block;
}
.playerBox table td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.boxwrap {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
}
.agenda .k-state-default.k-nav-current {
    font-size: 14px;
    margin: 0;
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #E9E9E9 !important;
}
.k-scheduler-dayview .k-scheduler-table .k-today {
    background-color: #f6f6f6 !important;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
    border-color: #C8C8C8;
}
.k-scheduler .k-middle-row td {
    border-bottom-style: solid !important;
}
.k-checkbox:checked + .k-checkbox-label:after {
    background-color: transparent;
    color: #000;
    border-radius: 2px;
    border-color: #000;
    font-weight: bold;
}
.addresslabel {
    width: 150px;
    display: inline-block;
    color: #000;
}
.notificationBox {
    border-bottom: 1px solid rgba(212, 212, 212, 0.23);
    cursor: pointer;
    position: relative;
    min-height: 50px;
    line-height: 18px;
    margin: -20px 0 2px 10px;
    padding: 5px;
}
.notificationLabel label {
    width: 100%;
    position: relative;
    z-index: 1;
}
.notificationBox .fa-times {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    display: none;
    color: #bfbfbf;
}
.notificationBoximg {
    float: left;
    margin-right: 10px;
    height: 30px !important;
    width: 30px !important;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    border: none;
    overflow: hidden;
}
.notificationcont .time {
    font-size: 12px;
    color: #646464;
    margin-top: -3px;
    display: block;
}
.notificationTit span.tit {
    font-size: 16px;
    color: #1072A3;
}
.notificationcontBody {
    float: left;
    font-size: 14px;
}
.notificationdrop {
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer;
    position: relative;
    padding: 0;
}
.notificationdrop .ng-scope {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px !important;
}
.notificationdrop .fa-times {
    position: absolute;
    top: 8px;
    right: 2px;
    font-size: 12px;
    display: none;
    color: #db4e44;
}
.notificationdrop > div {
    padding: 2px 0;
}
.notificationdrop > div:hover {
    background: #e7e7e7;
}
.notificationBox.unread .notificationBoximg .fa-bell-o {
    color: #ff8c21 !important;
}
.inner-cirle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0px;
    text-align: center;
    line-height: 10px;
    box-shadow: 0px 0px 0px 3px rgba(212, 212, 212, 0.66);
    background: rgb(51, 51, 51);
}
.notificationBoximg .inner-cirle .fa-bell-o {
    font-size: 11px !important;
    margin: 0;
}
.unread .inner-cirle {
    background: rgb(255, 255, 255);
}
.notification-msg-detail p {
    color: #646464;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}
.notification-msg-detail a {
    cursor: pointer;
    color: #3E94C9;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}
.notificationBox .notificationcont {
    font-size: 14px;
    font-weight: 500;
}
.notificationBox .notificationcont p {
    font-size: 12px !important;
    margin-bottom: 0;
    margin-top: 2px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
}
.notificationBox .notificationcont a {
    font-size: 12px !important;
}
.k-iconreplace .k-plus:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 5px;
}
.k-iconreplace .k-minus:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 5px;
}
.form-control:not(textarea) {
    height: 34px !important;
}
.form-control[wysiwyg-textarea] {
    height: 34px !important;
}
#isAllDay h2 {
    display: inline-block;
    font-size: 1.1em;
    margin: 1.5em 0 0 .7em;
}
#isAllDay h2 span {
    display: block;
    clear: both;
    font-size: 1.8em;
    margin: .1em 0 0;
}
#isAllDay img {
    width: 5em;
    height: 5em;
    float: left;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 4em;
    border-radius: 4em;
    margin: 1em;
}
.forTablet .k-recur-weekday-checkbox,
.forTablet .k-recur-view label input[type=checkbox],
.forTablet .k-recur-month-radio,
.forTablet .k-recur-year-radio {
    border: 1px solid #c1bdb8 !important;
    float: left !important;
}
.forTablet .k-reset .k-numeric-wrap.k-state-focused {
    margin-top: -30px !important;
}
.forTablet .eventlimit .k-state-focused {
    margin-top: -30px !important;
    border: none !important;
}
.forTablet li.k-button {
    border-radius: 4px;
}
.forTablet .k-icon.k-delete {
    text-indent: -99999px;
}
.k-toggle-button.k-button.k-state-active {
    background: #1072A3;
    color: #FFF;
}
.k-toggle-button.k-button.k-group-start {
    border-radius: 4px 0 0 4px !important;
}
.k-toggle-button.k-button.k-group-end {
    border-radius: 0 4px 4px 0 !important;
}
.km-pane-wrapper .km-switch {
    right: auto !important;
    top: 1px !important;
    float: left !important;
    width: 60px;
}
.km-switch-handle {
    background: #FFF;
    box-shadow: none !important;
    border: none !important;
    border-width: 0 !important;
}
#myDialogWindow #noButton {
    color: #000 !important;
}
.km-switch-label-on {
    margin-top: 5px;
    text-transform: capitalize !important;
    color: #FFF;
}
.km-switch-label-off {
    margin-top: 5px;
    text-transform: capitalize !important;
    color: #4A4A4A;
}
.km-switch-on .km-switch-container {
    background: #1072A3;
    border: 1px !important;
}
.km-switch-on .km-switch-handle {
    -webkit-transform: translateX(33px) !important;
    transform: translateX(33px) !important;
}
.forTablet .km-switch-on .km-switch-handle {
    -webkit-transform: translateX(34px) !important;
}
.allowWaitingList .km-switch-off .km-switch-handle {
    -webkit-transform: translateX(1px) !important;
    margin: 0 4px 0 0 !important;
}
.km-switch-container,
.km-switch-wrapper {
    border-radius: 4px;
    cursor: pointer;
    border-color: #4A4A4A !important;
    border: 1px;
}
.allowWaitingList .km-pane-wrapper .km-switch {
    right: auto !important;
    top: 1px !important;
    float: left !important;
    position: static !important;
}
.allowWaitingList {
    float: left !important;
    text-align: left !important;
}
.rosterApprovalTitlestatus {
    font-size: 12px;
}
li.playerNameList {
    background: #1072A3;
    margin: 5px 0;
}
.pull-left.sn {
    width: 15%;
}
.pull-left.playerName {
    width: 49%;
    min-width: 100px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pull-left.positions {
    width: 21%;
    min-width: 20px;
    overflow-x: hidden;
    margin-right: 2px;
    text-align: left;
}
.pull-left.shoots {
    width: 20%;
    overflow-x: hidden;
    text-align: right;
}
.fastatus {
    float: left;
    margin-top: 5px;
    font-size: 14px;
}
.extraPlayer {
    background: #E6E7E8 !important;
}
.form-control:focus {
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
}
.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    min-height: auto !important;
    overflow: hidden;
}
.k-icon.k-loading {
    background-image: url(/Content/assets/kendo_new_new/Material/loading.gif) !important;
}
.attendanceList .k-edit-field .k-valid {
    border: 1px solid #ccc !important;
    float: left;
}
.attendanceList .k-edit-field {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
    width: 215px !important;
}
#attendingList li {
    float: none !important;
    display: block;
    width: 100% !important;
    border-bottom: 1px solid #c1bdb8;
    padding: 5px;
}
.myStatus {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 18px;
    text-transform: capitalize;
}
.myStatus .suspended,
.statuslable .suspended {
    color: #d70000;
}
.myStatus .injured,
.statuslable .injured {
    color: #ff8c21;
}
.myStatus .game-conflict,
.statuslable .game-conflict {
    color: #be570b;
}
.myStatus .vacation,
.statuslable .vacation {
    color: #fc0;
}
.myStatus .unavailable,
.statuslable .unavailable {
    color: #30b3f4;
}
.myStatus .unavilable-by-rule,
.statuslable .unavilable-by-rule {
    color: #1072a3;
}
.myStatus .other,
.statuslable .other {
    color: #4a4a4a;
}
.myteamStatus .managementBox {
    color: #4a4a4a !important;
}
.k-icon.k-i-arrow-s {
    text-indent: -10000px !important;
}
.dropdown-header {
    font-size: 1.2em;
}
.dropdown-header > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    display: inline-block;
    width: 362px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .3em .6em;
}
.dropdown-header > span:first-child {
    width: 82px;
    border-left-width: 0;
}
.selected-value {
    float: left;
    width: 26px;
    margin: 1px 5px;
}
#customers-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 .6em;
}
#customers-list .k-item > span:first-child {
    width: 40px;
    height: 48px;
    border-left-width: 0;
    padding: 0;
}
#customers-list img {
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 2px rgba(0, 0, 0, .4);
    width: 20px;
    height: 20px;
}
#customers-list h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
#customers-list p {
    color: #9294a1;
    margin: 0;
    padding: 0;
}
html.k-material .selected-value {
    margin: 6px 0 0 10px;
}
html.k-material .dropdown-header > span {
    border: 0;
    width: 354px;
}
html.k-material .dropdown-header > span:first-child {
    width: 90px;
}
html.k-material #customers-list .k-item > span {
    min-height: 80px;
    border-width: 0 0 1px;
}
html.k-material #customers-list img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
html.k-material #customers-list h3 {
    font-size: 1.2em;
    line-height: 1em;
    margin-top: .5em;
}
.schedulerwidth {
    width: auto !important;
    margin: 0 20px auto;
}
#attendingList li img {
    width: 40px;
    margin-left: 10px;
}
.checkPadding {
    margin-top: -10px !important;
}
#attendingList li.aheader {
    border-bottom: 1px solid #c1bdb8;
    background: #E6E7E8;
    padding: 5px;
}
.attendeesWrapper {
    float: left;
    height: 40px !important;
}
.aheader .fa {
    font-size: 14px;
    float: left;
    margin: 2px 5px 0 0;
}
.aheader .fa-caret-down {
    display: block;
    color: #C0B0AD;
}
.aName {
    float: left;
    width: 30%;
    margin-top: 8px;
    margin-left: 10px;
}
.aDate {
    float: left;
    width: 22%;
    margin-top: 8px;
    margin-left: 10px;
}
.aTeamName {
    float: left;
    width: 35%;
    margin-top: 8px;
    margin-left: 10px;
}
.aheader .aName,
.aheader .aTeamName,
.aheader .aDate {
    margin-top: 0;
}
.attendancelink {
    text-align: right;
    padding: 20px 0 !important;
}
.pro-info-field .k-picker-wrap.k-state-default {
    /*height: 33px;*/
}
.k-picker-wrap.k-state-default > input {
    height: 32px;
}
.schedulerwidth .k-state-default.k-view-agenda {
    padding: 0 5px !important;
}
.progress-bar-info {
    background: #0E7AC7 !important;
}
.nooverflow {
    overflow-x: hidden !important;
}
.documentDownload span {
    width: 150px;
    display: inline-block;
}
.notificationwrapBox {
    border: 1px solid #bfbfbf;
    width: 96%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 4px;
    margin: 0 auto;
}
.trashed {
    font-size: 13px;
    float: right;
}
.boxWrapper {
    padding-bottom: 15px;
    padding-top: 10px;
    border-radius: 0 0 5px 5px;
}
.boxWrapper .form-group.cleckAllTop {
    margin-bottom: 0px;
}
.clickhereTabAgendaCont #scheduler.k-widget {
    border: 1px solid #d4d4d4 !important;
    border-top-color: #FFF !important;
    padding-bottom: 0;
    padding-top: 1px;
    border-radius: 5px;
}
.clickhereTabAgendaCont .k-scheduler-agendaview .k-scheduler-content {
    margin-left: 0 !important;
}
.clickhereTabAgendaCont .k-scheduler-header-wrap {
    margin-left: 1px !important;
}
.clickhereTabAgendaCont .k-scheduler-agendaview .k-scheduler-header.k-state-default {
    padding-right: 0 !important;
}
.three-wrapper {
    left: -30px;
}
.mailBox {
    border-bottom: 1px solid rgba(74, 74, 74, 0.07);
    cursor: pointer;
    position: relative;
    padding: 10px 0;
}
.detail-subject {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
}
.mailBox .check {
    width: 20px;
    margin-top: 2px;
}
.detail-wrapper {
    min-height: 20px;
    margin-bottom: 20px;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    border-top: transparent;
    border-radius: 0 0 5px 5px;
    padding: 15px;
}
.detail-date {
    font-size: 14px;
    color: #201F1F;
}
.detail-sender {
    font-size: 13px;
    font-weight: 300;
    border-bottom: 1px solid #F2F2F2;
    padding: 10px 0;
}
.detail-more {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0 50px;
}
.reply-section {
    font-size: 13px;
    color: rgba(74, 74, 74, 0.81);
    border: 1px solid #f5f5f5;
    margin-bottom: 5px;
    padding: 10px 15px;
    background: #f5f5f5;
}
.reply-section > span {
    text-decoration: underline;
    cursor: pointer;
    color: rgba(74, 74, 74, 0.92);
    margin: 0 4px;
}
.reply-section > span:hover {
    color: rgba(74, 74, 74, 1);
}
.reply-detail-section {
    border: 1px solid #dee5e7;
    color: rgba(74, 74, 74, 0.81);
}
.reply-addr {
    border-bottom: 1px solid #DEE5E7;
    padding: 10px;
}
.reply-footer-wrap {
    clear: both;
    background-color: #f5f5f5;
    padding: 10px 15px;
}
.mailBox .message {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mailBox .attachement {
    float: right;
}
.mailBox .date {
    color: #646464;
    font-size: 12px;
    margin: 2px 0 0 10px;
}
.cleckAllTop {
    border-bottom: 1px solid #e6e7e8;
    padding-left: 15px;
    padding-bottom: 5px;
}
.facompose {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    color: #4A4A4A;
}
.messageDelete {
    color: #4A4A4A !important;
    font-size: 16px;
}
#attendanceDiv {
    min-height: 500px;
}
.blockUI.blockOverlay {
    background-color: rgba(245, 245, 245, 0.87) !important;
}
.k-loading-mask {
    z-index: 10004 !important;
}
.k-loading-image,
.k-loading-text {
    z-index: 10005 !important;
}
.agendaLocation {
    font-size: 13px;
    color: #9294a1;
}
.agendaCancel {
    color: #FFF;
    position: absolute;
    top: 3px;
    right: 20px;
    padding: 1px 2px;
}
.eventTitle {
    float: left;
    text-overflow: ellipsis;
    width: 70% !important;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    margin-top: 5px;
}
.calendarTeamEvent {
    margin-right: 15px !important;
    padding: 10px 0 !important;
}
.k-scheduler-layout.k-scheduler-dayview.k-scrollbar-v.k-scrollbar-h,
.k-scheduler-layout.k-scheduler-weekview.k-scrollbar-v.k-scrollbar-h,
.k-scheduler-layout.k-scheduler-monthview.k-scrollbar-v.k-scrollbar-h,
.k-scheduler-layout.k-scheduler-agendaview.k-scheduler-agenda.k-scrollbar-v.k-scrollbar-h {
    border: 1px solid #CCC !important;
}
#popupMaxHeight {
    overflow-x: hidden;
    overflow-y: scroll;
}
#popupMaxHeight,
.attadingList {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
.dropdownPading {
    padding: 6px 8px !important;
}
.positionFilter {
    width: 40% !important;
    margin-left: 10px;
}
.photo {
    width: 60px;
}
.showAll {
    position: absolute;
    top: 57px;
    right: 20px;
    z-index: 100;
    background: #FFF;
    cursor: pointer;
    padding: 5px 10px;
}
.showAll:hover {
    background: #a8a8a8;
}
div.slider {
    width: 450px;
}
.defaultTablePE td {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: left !important;
    padding: 5px 5px 15px;
}
.defaultTablePE td:first-child {
    text-align: left;
}
.measurement {
    margin-top: 5px;
    margin-left: 10px;
}
.fa-cog {
    width: 20px;
}
.fa-pencil-square-o {
    color: #7B3776;
}
.noteBook {
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
}
.noteBook:hover {
    background: #1072A3;
    color: #FFF !important;
}
.noteBook > i {
    font-size: 26px;
}
.pointer {
    cursor: pointer;
}
.repeatWrap {
    padding: 10px 0 !important;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 50%;
    min-height: 50%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
    text-transform: capitalize;
    border-radius: 0 0px 0px 0 !important;
}
input[readonly] {
    background-color: #FFF !important;
    cursor: text;
    height: 32px;
}
.alertIcon .fa-fw {
    border: 1px solid rgba(255, 255, 255, 0.72);
    margin-bottom: 5px;
    border-radius: 0px;
    padding: 2px 0 0;
}
.popupInfoTable td,
.nameTag {
    word-break: break-all;
}
.rosterApprovalTitle span,
.forTablet .k-multiselect-wrap.k-floatwrap li.k-button span,
.mailBox .attachement > i {
    font-size: 13px;
}
.profile-main-info h1 {
    font-weight: 300 !important;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}
.rating th,
.rating td,
table.dataTable td.action,
.p-e-segment .title-btns-bar {
    text-align: center;
}
.nav-pills > li,
.km-switch.km-widget {
    height: 35px;
}
.checkWithother,
.tickerbook,
.pushTop,
.forTablet .k-picker-wrap.k-state-default,
.fullwidth .k-widget,
.profileImage img,
.profileImagePE img,
.forTablet .k-state-disabled .k-formatted-value.k-recur-monthday.k-input,
.forTablet .k-state-disabled .k-formatted-value.k-recur-count.k-input {
    width: 100%;
}
.settingTabs a.selected,
.settingTabs a:hover,
.listOfCoach ul li a:hover,
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none;
}
a:focus {
    outline: none;
}
.defaultTable,
.defaultTablePE {
    margin: 10px 0;
}
.defaultTable th,
.defaultTablePE th {
    background: #f3f3f3;
    font-weight: 400;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: left;
    padding: 2px 5px;
}
.defaultTable td:first-child,
.defaultTable th:first-child,
.defaultTablePE td:first-child,
.defaultTablePE th:first-child {
    border-left: 1px solid #dadada;
}
.dropdown dd,
.dropdown dt,
.listOfCoach ul,
.listOfCoach ul li {
    margin: 0;
    padding: 0;
}
.playerName,
.profile-management-box .user-badge,
.reminder .km-switch.km-widget,
.newEvent .k-overflow-anchor,
.eventFilter input,
#scheduler .k-toolbar .k-overflow-anchor,
.lastPosition,
.labeltext,
.notificationcont,
.k-dropdown-wrap.k-state-default .k-input.ng-scope .ng-binding,
.schedulerwidth .k-scheduler-mark,
.schedulerwidthfullwidth .k-scheduler-mark,
.clickhereTabAgendaCont .k-task .k-scheduler-mark,
.k-icon.k-i-refresh,
.mailBox .name,
.mailBox .detail,
.mailBox .attachement,
.mailBox .date,
.mailBox .check,
.reminderFiend .km-switch.km-widget,
.k-icon.k-i-exception {
    float: left;
}
.btn-save:focus,
.btn-add:focus,
a.btn-add:focus,
.k-scheduler-update:focus,
.btn-delete:focus,
.btn-submit:focus,
a.btn-add,
.panelbar .k-state-default .k-state-hover,
.panelbar .k-first .k-state-hover,
li.playerNameList > div,
.user-info,
.ace-icon.fa.fa-caret-down,
.noteBook:hover > i {
    color: #FFF !important;
}
.btn-add:hover,
a.btn-add:hover,
a.btn-delete:hover,
.btn-delete:hover,
.btn-save:hover,
#customers-list .k-item.k-state-selected.k-state-hover p {
    color: #FFF;
}
.main-content .k-content,
.g-recaptcha,
.k-window.widgetEvent .k-popup-edit-form.k-scheduler-edit-form.k-window-content.k-content {
    overflow: hidden;
}
.panelbar li,
.addfilterDrop li {
    margin-bottom: 5px;
}
.panelbar .k-first .k-link,
label.male1::before,
label.female1::after,
.filterby .fa-times:hover,
.km-switch-handle,
.km-switch-background {
    color: #1072A3 !important;
}
.panelbar .k-grid-pager .k-link,
.kendoevent .k-input,
.accor-table .panelbar li .wrap-accordian,
.sidebar-wrapper .k-menu .k-animation-container .k-menu-group,
.repeatField .k-dropdown-wrap.k-state-default {
    padding: 0 !important;
}
.btn-save,
.panelbar .k-link.k-state-hover,
.panelbar .k-state-highlight .k-state-selected.k-state-hover,
.panelbar .k-state-active .k-link,
.attendanceTitle.active,
.cal-slider .k-link.k-header:hover,
.cal-slider .k-state-selected:hover {
    background-color: #1072A3 !important;
    color: #FFF !important;
}
.fa-edit:hover,
.fa-trash-o:hover {
    color: #000;
}
.fa-check,
.myStatus .available,
.statuslable .available {
    color: #3ab54a;
}
.rosterLogo img,
.widgetEvent .k-window-titlebar {
    height: 40px;
}
.playerDetails > li:hover .js-remove,
li.ng-scope:hover .js-remove,
span.coach-details,
.notificationBox:hover .fa-times,
.notificationdrop:hover .fa-times,
.aheader .filterbythis .fa-caret-up {
    display: block;
}
.gridTable .k-tabstrip-wrapper,
.forTablet .k-recur-view > .k-edit-field .k-check:first-child {
    margin-top: 10px !important;
}
.gridTable .k-tabstrip-items .k-state-active .k-link,
a.k-scheduler-cancel {
    color: #222 !important;
}
.coach-det,
.marginTop {
    margin-top: 20px;
}
.loginPopup,
.grayBg {
    background: #f5f5f5;
}
.popupwrap td,
.tournamentTable td {
    padding: 5px;
}
.forTablet,
.forTabPadding {
    padding-bottom: 130px !important;
}
.forTablet .eventlimit .k-widget.k-numerictextbox,
.k-edit-field > ul.k-reset .k-numerictextbox {
    width: 110px !important;
}
.forTablet .k-state-disabled .k-formatted-value.k-recur-count.k-input,
.modal-header .close,
.k-popup-edit-form .nav-pills {
    margin-top: 0 !important;
}
.forTablet .k-reset li:before,
.forTablet .k-edit-label:before {
    clear: both !important;
}
.bmi-index,
.top20 {
    padding-top: 20px;
}
.btn-group .btn-default,
.k-scheduler-table th {
    color: #4A4A4A !important;
}
.paddingAll,
.reply-msg {
    padding: 10px;
}
#scheduler .btn-group.open .dropdown-toggle,
.k-scheduler-edit-form .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]) {
    /*-webkit-box-shadow: none !important;
    box-shadow: none !important;*/
}
.repeatField #recurrenceEditor .k-reset li:last-child .k-header.k-recur-month,
span.k-widget.k-dropdown.k-header.k-recur-month {
    float: right !important;
    margin-left: 8px !important;
}
.repeatField #recurrenceEditor .k-reset li:last-child .k-recur-month-radio,
.repeatField .k-reset li:last-child label {
    margin-right: 20px;
}
.k-widget.k-dropdown.k-header.k-recur-weekday-offset,
.mailBoxName,
.pitcherPE {
    margin-left: 10px;
}
.mailBoxName {
    margin-left: 2%;
    width: 84%;
    float: left;
    margin-top: 5px;
}
.notificationBox.unread,
.mailBox.unread {
    background: rgba(215, 215, 215, 0.2);
}
.notificationBox:hover,
.mailBox:hover {
    background: rgba(230, 231, 232, 0.2);
}
.km-switch-off .km-switch-handle,
.forTablet .allowWaitingList .km-switch-off .km-switch-handle {
    -webkit-transform: translateX(0px) !important;
}
.km-switch-container,
.alertIcon .fa-fw:hover,
.alertIcon.active .fa-fw {
    background: rgb(204, 204, 204);
}
.fa-gavel,
.mailBox .name {
    color: #1072A3;
}
#customers-list .k-item,
#customers-list .k-item.k-state-hover {
    border-bottom: 1px solid #eee;
    padding: 2px;
}
.owl-buttons .fa {
    font-size: 30px !important;
}
.k-scheduler-weekview .k-scheduler-header.k-state-default,
.k-scheduler-agendaview .k-scheduler-header.k-state-default,
.k-scheduler-dayview .k-scheduler-header.k-state-default,
.k-scheduler-monthview .k-scheduler-header.k-state-default {
    padding-right: 17px !important;
}
.k-scheduler-weekview .k-scheduler-content,
.k-scheduler-agendaview .k-scheduler-content,
.k-scheduler-dayview .k-scheduler-content,
.k-scheduler-monthview .k-scheduler-content {
    margin-left: -1px !important;
    border-top-width: 0 !important;
    margin-top: 0;
}
.k-scheduler-monthview .k-scheduler-table tr td:first-child {
    border-left: 1px solid #C8C8C8;
}
.panes .thisTab {
    margin-top: 10px;
}
.calendarTeamEvent .km-switch-handle,
.yesNoTab .km-switch-off .km-switch-handle {
    margin: 0 4px 0 0px !important;
}
.yesNoTab .km-switch-handle,
.yesNoTabScheduler .km-switch-handle,
.yesNoTabScheduler .km-switch-off .km-switch-handle {
    margin: 0 4px 0 1px !important;
}
.yesNoTab .km-switch,
.yesNoTabScheduler .km-switch {
    width: 59px !important;
}
.yesNoTab .km-switch-on .km-switch-handle,
.yesNoTabScheduler .km-switch-on .km-switch-handle {
    margin: 0 4px 0 0 !important;
}
.regular-checkbox,
.wrap-accordian input[type="checkbox"],
.checkboxalign input[type="checkbox"],
.dropdown span.value,
.panelbar .k-i-arrow-n,
.panelbar .k-i-arrow-s,
.panelbar .k-link .fa-caret-up,
.panelbar .k-state-active .fa-caret-right,
input[type="checkbox"].addBox,
.attendanceTitle .fa-caret-up,
.attendanceTitle.active .fa-caret-right,
.cal-slider .k-button-increase,
.cal-slider .k-button-decrease,
.k-grid .k-hierarchy-col,
.k-grid .k-group-col,
.k-grid .k-hierarchy-col,
.hideclass,
.agenda .k-reset.k-header.k-scheduler-views,
.aheader .fa-caret-up,
.aheader .filterbythis .fa-caret-down,
.hidden,
.k-multiselect-wrap.k-floatwrap .k-scheduler-mark {
    display: none;
}
.dropWidth .k-dropdown,
.fullwidth .k-colorpicker .k-selected-color,
.widgetEvent .k-scheduler-edit-form .k-edit-form-container,
.thisTab .kendoevent .k-header,
.k-textbox.form-control {
    width: 100% !important;
}
.not-this-scheduler .k-scheduler-header.k-state-default{
    /*padding-right:0px !important;*/
}

.pro-info-field .btn-save:hover,
.thistab .agenda .k-floatwrap.k-header.k-scheduler-toolbar,
.k-scheduler-times .k-current-time {
    background: #1072A3 !important;
}
@media (min-width: 1100px) {
    .modal-lg {
        width: 1024px;
    }
    .modal-sm {
        width: 700px;
    }
}
@media (min-width: 1300px) {
    .modal-lg {
        width: 1300px;
    }
    .modal-large {
        width: 900px;
    }
    .modal-sm {
        width: 700px;
    }
}
@media (max-width: 767px) {
    .GameType {
        position: relative;
        margin: 15px;
    }
}
@media (min-width: 1200px) {
    .widgetEvent {
        width: 850px;
        left: 20% !important;
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    .widgetEvent {
        width: 850px;
        left: 15% !important;
    }
}
@media (min-width: 1000px) and (max-width: 1100px) {
    .widgetEvent {
        left: 10% !important;
    }
}
@media (min-width: 926px) and (max-width: 999px) {
    .widgetEvent {
        left: 5% !important;
    }
}
@media (min-width: 900px) and (max-width: 925px) {
    .widgetEvent {
        left: 0 !important;
    }
}
@media (min-width: 749px) and (max-width: 899px) {
    .widgetEvent {
        width: 650px !important;
        left: 10% !important;
    }
}
@media (min-width: 450px) and (max-width: 749px) {
    .widgetEvent {
        width: 450px !important;
        left: 10% !important;
    }
}
@media screen and (min-width: 992px) {
    .pro-info-field .btn-save {
        margin-right: 15px;
    }
    .notificationcont {
        max-width: 93%;
    }
}
@media screen and (max-width: 767px) {
    .padding-right-0 {
        padding-right: 15px;
    }
    .padding-left-0 {
        padding-left: 15px;
    }
    .padding-left-right-0 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pro-info-field .btn-save {
        float: none;
        margin-left: 0;
    }
    .for-text-center {
        text-align: center;
    }
    .accor-table .table-responsive {
        margin-top: 15px;
    }
}
@media screen and (max-width: 991px) {
    .padding-fix {
        padding: 0 15px;
    }
    .pro-save-btn {
        right: initial;
    }
    .fa-pencil,
    .fa-trash,
    .fa-eye {
        width: 50px;
    }
    .fa-trash {
        padding: 3px 7px 4px 3px;
    }
    .notificationcont {
        max-width: 83%;
    }
}
@media only screen and (min-width: 989px) {
    label.pull-right {
        float: right !important;
    }
    .text-rights {
        text-align: right !important;
    }
}
.k-scheduler-weekview .eventTitle {
    width: 60% !important;
}
.tryoutScheduler .k-scheduler-agendaview .k-scheduler-header.k-state-default {
    padding-right: 0 !important;
}
.tryoutScheduler .k-scheduler-agendaview td .k-scheduler-content {
    margin-left: 0 !important;
    border-width: 0 !important;
}
.tryoutScheduler .k-scheduler-layout {
    border: 1px solid #C8C8C8;
}
.tryoutScheduler .custom-event {
    margin-left: 20px !important;
}
.listTableView th {
    background: #f3f3f3 !important;
    font-weight: 400 !important;
    padding: 5px 10px !important;
    border-left: 1px solid #dadada !important;
    border-top: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
}
.listTableView th:last-child {
    background: #f3f3f3 !important;
    font-weight: 400 !important;
    padding: 5px 10px !important;
    border-left: 1px solid #dadada !important;
    border-top: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
    border-right: 1px solid #dadada !important;
}
.listTableView td {
    border-left: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
    padding: 2px 1px !important;
    padding: 5px 10px !important;
}
.listTableView td:last-child {
    border-left: 1px solid #dadada !important;
    border-bottom: 1px solid #dadada !important;
    border-right: 1px solid #dadada !important;
    padding: 2px 1px !important;
    padding: 5px 10px !important;
}
.tryoutPopupWrap,
#eventDetail {
    overflow-y: auto;
    overflow-x: hidden;
}
.agenda .TryOutnewEvent {
    margin: 0px 0px 8px 0;
}
.TryOutnewEvent {
    background-color: #0e7ac7;
    border-radius: 0px;
    border: none;
    padding: 6px 15px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    min-width: 140px;
}
.TryOutnewEvent:hover {
    background: #0c65a7;
}
@media (max-width: 750px) {
    .custom-event > span:nth-child(5) {
        clear: both;
        float: right;
        margin: 5px 0 0 0;
    }
}
#historyScheduler {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}
.report-table h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.weatherReport,
.weatherReport .fa-cog,
.weatherReport .fa-refresh {
    color: #FFF !important;
}
.fa-cloud {
    font-size: 50px !important;
}
.bio {
    max-height: 175px !important;
    padding-right: 10px;
    word-wrap: break-word;
    word-break: break-all;
}
a.bio.hover-link {
    white-space: nowrap !important;
}
.pt-select {
    font-size: 14px;
}
.EditDocument {
    margin: 0;
    padding: 0;
}
.EditDocument .k-checkbox-label,
.EditDocument .k-checkbox {
    margin-left: -12px;
}
.schedulerwidth .k-scheduler-agendaview .k-icon.k-i-refresh,
.schedulerwidth .k-scheduler-agendaview .k-icon.k-i-exception {
    float: right !important;
    margin-right: 15px;
}
.thisTabs .k-datetimepicker .k-icon {
    margin-top: 2px !important;
}
.registrantCheck .fa-check {
    float: right;
}
.k-edit-buttons.k-state-default {
    height: 40px;
    top: -1px;
    padding: 18px 1px;
}
.k-button {
    text-transform: uppercase;
}
.k-scheduler-Editcurrentoccurrence,
.k-scheduler-Edittheseries {
    float: right;
    font-size: 14px !important;
    color: #FFF !important;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 400 !important;
    min-width: 120px;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px 5px 0 !important;
    padding: 6px 15px !important;
    line-height: 18px;
}
.k-scheduler-Edittheseries,
.k-scheduler-Editcurrentoccurrence {
    background: #f0ad4e !important;
}
.k-scheduler-Edittheseries:hover,
.k-scheduler-Editcurrentoccurrence:hover {
    background: #ee9d31 !important;
}
.blueText {
    color: #5b96c9;
}
.k-calendar .k-content .k-link {
    padding: 0 !important;
    min-height: 1.8333em !important;
    line-height: 2.571em !important;
}
.schedulerCalendar .k-calendar .k-content .k-link {
    line-height: 30px !important;
}
.k-scheduler-agendaview .eventTitle {
    margin-top: 0;
}
.k-dialog-close.k-button {
    font-size: 14px !important;
    border-bottom: none;
    box-shadow: none;
    letter-spacing: 0px;
    border-radius: 0px;
    font-weight: 400 !important;
    background: #E6E7E8 !important;
    color: #4A4A4A !important;
    min-width: 140px !important;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    padding: 6px 12px;
    line-height: 18px;
}
.k-dialog-close.k-button:hover {
    background: #ddd !important;
}
.k-edit-buttons.k-state-default {
    background: #FFF !important;
}
.k-dialog-insert.k-button.k-primary {
    background: #0e7ac7 !important;
    color: #FFF;
    font-size: 14px !important;
    border-bottom: none;
    box-shadow: none;
    letter-spacing: 0px;
    border-radius: 0px;
    font-weight: 400 !important;
    min-width: 140px !important;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    padding: 6px 15px;
    line-height: 18px;
}
.k-dialog-insert.k-button.k-primary:hover {
    background: #0c65a7 !important;
}
.TabInviteesAttendance .btn-add {
    position: absolute;
    bottom: -60px;
    right: 260px;
    padding: 6px !important;
}
.thisTabPop .ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 100% !important;
}
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 250px !important;
}
.activiterWrap {
    border: 1px solid rgba(241, 241, 242, 0.86);
    border-radius: 5px;
    padding: 5px;
}
.program-wrap-enscroll {
    max-height: 700px;
    width: 100%;
    overflow-y: scroll;
}
.programBuild {
    list-style: none;
    min-height: 52px;
    background: #FDFDFD;
    border: 1px solid rgba(14, 122, 199, 0.27);
}
.programBuild-no-border {
    border: none;
}
.programBuild:not(.programBuild-no-border) {
    margin-bottom: 5px;
}
.programBuild li {
    margin-top: 3px;
    display: block;
    position: relative;
    clear: both;
    border: 1px solid #ccc;
    cursor: pointer;
}
.programBuild li:hover {
    box-shadow: 0px 1px 5px -1px #CCCCCC;
}
.programBuild li > div.time {
    background: #FDFDFD;
    border: 1px solid rgba(14, 122, 199, 0.27);
    padding: 5px 10px;
    float: left;
    width: 100%;
}
.programBuild li > i {
    float: left;
    padding-top: 20px;
    font-size: 18px;
    display: none;
}
.programBuild li.programeIn > i {
    float: left;
    padding-top: 20px;
    font-size: 18px;
    display: block;
}
.break > div {
    text-align: center;
    background: #4A4A4A;
    padding: 5px;
    color: #FFF;
    cursor: move;
}
.timeTable {
    float: left;
    width: 35px;
    padding-top: 12px;
}
.scoringTable {
    float: right;
    width: 100px;
    font-size: 12px;
    padding-top: 8px;
}
.activiteTable {
    margin: 0 105px 0 40px;
    background: rgb(243, 248, 251);
    padding: 1px 10px;
}
.selectPrograme .activiteTable {
    margin: 0 !important;
    background: none !important;
    padding: 0 !important;
}
.selectPrograme .activiteTable .ratings {
    float: right;
    width: 80px;
    margin-top: 19px;
}
.selectPrograme .activiteTable .ratings > i {
    font-size: 11px;
    width: 10px;
    margin: 0 2px;
    color: #A5A5A5;
}
.selectPrograme .activiteTable .ratings > i.active {
    color: #FF8817;
}
.activiteTable > i {
    float: right;
    font-size: 20px;
    padding-top: 10px;
}
.activiteTable > .score {
    float: right;
    margin-top: 8px;
    background: #4A4A4A;
    padding: 2px;
    color: #FFF;
}
.dragNdrop {
    padding: 10px 0;
    text-align: center;
    float: left;
    margin-left: 50px;
}
li.programeIn > i {
    font-size: 25px;
    position: absolute;
    top: 0px;
    right: 0;
}
.programeBuilderWrap {
    max-height: 392px;
    overflow-y: auto;
}
.programeBuilderWrapPaid {
    max-height: 135px;
    overflow-y: auto;
}
.ProgramWrrapper {
    height: 437px;
    overflow-y: auto;
}
.myteamPlayerProfile {
    float: left;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.myteamPlayerInformation {
    width: auto;
    margin: 0 0 0 70px;
    min-height: 250px;
}
.optional .k-select {
    margin-right: 0 !important;
    margin-top: -2px !important;
}
.gameManagement .k-floatwrap.k-header.k-scheduler-toolbar .k-icon.k-i-refresh {
    margin: 15px -15px 0 0;
}
#teamLogoModel {
    z-index: 99999 !important;
}
.eventType .k-widget.k-dropdown {
    width: 240px;
}
.k-window-titlebar.k-header {
    text-transform: uppercase;
    height: 40px;
    padding-top: 10px;
}
.k-popup-edit-form.k-scheduler-edit-form.k-window-content.k-content.ng-scope {
    margin-top: 5px;
}
.modal-fixed {
    width: 600px !important;
}
div.ors-check span span.k-numeric-wrap.k-state-default {
    min-width: 80px;
    position: relative;
    padding-left: 0;
}
.k-animation-container,
.k-widget,
.k-widget *,
.k-widget *:before,
.k-animation-container *:after,
.k-block .k-header,
.k-list-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box !important;
}
.k-widget .k-picker-wrap.k-state-default {
    box-sizing: content-box !important;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link {
    line-height: 1.99em !important;
    border-color: transparent;
}
.k-edit-field .k-input:hover,
.k-edit-field .k-input:focus,
.k-edit-field .k-input:active {
    border: 1px solid #ccc;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}
/* -- Game Stats Page -- */

.top-bar-game-stat .user-badge {
    padding-top: 15px;
    line-height: 25px;
    text-align: center;
}
.top-bar-game-stat .logoname {
    text-align: center;
    max-width: 100px;
    max-height: 100px;
    display: inline-block;
}
.top-bar-game-stat .linktext {
    float: left;
    text-decoration: underline;
}
/* -- User in Stat Page */

.stat-user {
    display: inline-block;
}
.stat-user img {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}
.stat-user span {
    float: left;
}
/* -- Border Left -- */

td.blinput span.k-numeric-wrap.k-state-default,
.blinput span.k-numeric-wrap.k-state-default {
    /* border-left: 1px solid #ccc; */
}
/* -- Multiselect Caret -- */

td.buttons-haru .multiSelect .caret {
    position: absolute;
    top: 17px;
    right: 10px;
}
td.buttons-haru .multiSelect .checkboxLayer {
    overflow-y: scroll;
    height: 200px;
}
.multiSelect .checkboxLayer {
    min-width: 320px;
}
.boxtable tr:nth-child(3) td:last-child .checkboxLayer,
.boxtable tr:nth-child(4) td:last-child .checkboxLayer,
.boxtable tr:nth-child(5) td:last-child .checkboxLayer {
    bottom: 0px;
}
.profile-general-info ul li {
    padding: 5px 0px;
}
.form-group select > option {
    padding-left: 5px;
    padding-left: 5px;
}
/* ID Chart Type */

#chartType {
    width: 1200px;
}
@media (max-width: 1366px) {
    #chartType {
        width: 1200px;
    }
}
@media (max-width: 1300px) {
    #chartType {
        width: 1150px;
    }
}
@media (max-width: 1250px) {
    #chartType {
        width: 1100px;
    }
}
@media (max-width: 1200px) {
    #chartType {
        width: 1050px;
    }
}
@media (max-width: 1150px) {
    #chartType {
        width: 1000px;
    }
}
@media (max-width: 1100px) {
    #chartType {
        width: 950px;
    }
}
@media (max-width: 1050px) {
    #chartType {
        width: 900px;
    }
}
@media (max-width: 1000px) {
    #chartType {
        width: 850px;
    }
}
@media (max-width: 950px) {
    #chartType {
        width: 800px;
    }
}
@media (max-width: 900px) {
    #chartType {
        width: 750px;
    }
}
@media (max-width: 850px) {
    #chartType {
        width: 700px;
    }
}
@media (max-width: 800px) {
    #chartType {
        width: 650px;
    }
}
@media (max-width: 750px) {
    #chartType {
        width: 600px;
    }
}
@media (max-width: 700px) {
    #chartType {
        width: 550px;
    }
}
@media (max-width: 650px) {
    #chartType {
        width: 500px;
    }
}
@media (max-width: 600px) {
    #chartType {
        width: 450px;
    }
}
@media (max-width: 550px) {
    #chartType {
        width: 400px;
    }
}
@media (max-width: 500px) {
    #chartType {
        width: 350px;
    }
}
.k-header.k-window-titlebar .k-window-action {
    height: 19px;
    width: 20px;
}
.k-header.k-window-titlebar .k-window-actions {
    padding-top: 0.4em;
}
.right-sec-wrapper .btn-primary {
    background: #0e7ac7 !important;
    padding: 6px 16px !important;
    min-width: 170px !important;
    border-radius: 0px !important;
    line-height: 18px !important;
    font-size: 14px !important;
    border: none !important;
    color: #fff !important;
}
.right-sec-wrapper .btn-primary:hover {
    background: #0c65a7;
}
/* OK Button on Profile Picture Upload*/

.btn.btn-save.smbutton {
    min-width: 5px;
}
span.btn.btn-primary.btn-file {
    border-radius: 0px;
    height: 34px;
    line-height: 17px;
}
.k-calendar .k-link.k-nav-fast {
    color: #fff;
}
.k-calendar .k-link.k-nav-fast:hover {
    background: #3e94c9;
}
.k-widget.k-slider .k-tooltip.k-slider-tooltip {
    z-index: 9999;
    position: relative;
}
/* -- Change Password Button in Small Screen -- */

@media (max-width: 500px) {
    #change-password .btn.btn-close {
        margin-bottom: 5px;
    }
}
@media (max-width: 1099px) {
    #change-password .btn.btn-close {
        margin-bottom: 5px;
    }
}
.form-horizontal .control-label span {
    color: #f00;
}
/* -- Select Tab of Edit Previous Team -- */

span.fullwidth.multiSelect .multiSelectButton.button {
    width: 100%;
    text-align: left;
}
span.fullwidth.multiSelect .multiSelectButton.button .caret {
    top: 14px;
}
/*/ CHANGES //*/

.nav-pills2 > li > a.current2,
.nav-pills2 > li > a.current2:hover,
.nav-pills2 > li > a.current2:focus,
.nav-pills2 > li > a.current2,
.nav-pills2 > li > a.current2:hover,
.nav-pills2 > li > a.current2:focus,
.nav-pills2 > li > a.current2Pop,
.nav-pills2 > li > a.current2Pop:hover,
.nav-pills2 > li > a.current2Pop:focus {
    /*color: #000;*/
    /*border-bottom: 5px solid #FF8C21;*/ /*temp fix for tabs overflow issue*/
    /*background: #E6E7E8;
    padding: 5px 10px;*/
    /*TG*/
    color: #fff;
    /*border-bottom: 5px solid #FF8C21;*/ /*temp fix for tabs overflow issue*/
    background: #1e90ff;
    /*padding: 10px;*/
    padding: 10px 30px 10px 30px;
    /*font-size: 16px;*/
    margin: 0px 5px 0px 5px;
    border-radius: 10px;
}

/*.nav-pills2 > li > a {*/
    /* margin: 0 0 -8px; */
	/*margin: 0 0 8px;*/ /*temp fix for tabs overflow issue*/
    /*margin-top: 1px;
    padding: 8px 10px !important;
    text-align: center;
    color: #000;
}*/

    /*TG*/
.nav-pills2 > li > a {
    color: #fff;
    /* border-bottom: 5px solid #FF8C21; */
    background: #c4c6c7;
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    margin: 0px 5px 0px 5px;
    border-radius: 10px;
    min-width: 15rem;
}


.nav-pills2 {
    min-height: 42px;
}
.widget-body {
    margin-top: 5px;
}
.nav-pills2 > li > a:hover {
    background: none;
    /* border-bottom: 5px solid #FF8C21; */
}
.result-list-wraperTAB {
    background-color: #fff;
    padding: 5px;
    width: 100% !important;
    max-height: 460px;
    overflow: scroll;
}
.result-listTAB {
    padding: 2px 5px 0px 5px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px 1px rgba(233, 234, 235, 0.8);
}
.result-listTAB:hover {
    background-color: #1072A3;
    color: #fff;
    cursor: pointer;
}
.selectedTAB {
    background-color: #e2fbe4;
    background-color: #1072A3;
    color: #fff;
}
.selectedTAB .prf-org,
.selectedTAB .knob-holder label,
.selectedTAB .evl-date,
.result-listTAB:hover .r-page-title-firstspan,
.result-listTAB:hover .evl-date,
.result-listTAB:hover .prf-org,
.result-listTAB:hover .knob-holder label {
    color: #fff;
}
.report-tableTAB li {
    overflow: hidden;
    margin: 0;
    border-radius: 2px;
    margin: 5px 0;
    cursor: pointer;
    color: #165e93;
}
.report-tableTAB li h3 {
    font-size: 14px;
    margin: 0;
    float: left;
    padding: 5px 0px 5px 5px;
    min-width: 86px;
    font-weight: 400;
    text-decoration: underline;
    color: #165e93;
}
.report-tableTAB li strong {
    float: right;
    display: inline-block;
    padding: 5px 5px 5px 0;
    background: #E6E7E8;
    color: #4A4A4A;
    background-color: #e2fbe4;
    min-width: 24px;
}
.tab-body2 {
    padding: 0px 5px 5px 5px;
    margin: 0;
}
ul.customtab.tabs {
    padding-right: 0px;
}
ul.customtab.tabs li {
    margin: 0px;
    min-width: 90px;
}
ul.customtab.tabs li a {
    outline: none;
}
/*/ END CHANGES //*/
/* -- Filter of Coach Table -- */

.customfielddd .k-filter-help-text {
    margin-bottom: 10px;
}
.customfielddd span.k-widget.k-dropdown.k-header {
    width: 100%;
    margin-bottom: 5px;
}
.k-filter-menu.k-popup .customfielddd button.k-button[type="submit"],
.k-filter-menu.k-popup .customfielddd button.k-button[type="reset"] {
    float: left;
    width: 72px;
    line-height: 18px;
    padding: 6px 15px;
    height: auto;
    border-radius: 0px;
}
.k-filter-menu.k-popup .customfielddd button.k-button[type="submit"]:hover {
    font-weight: normal;
    background: #0c65a7;
}
.k-filter-menu.k-popup .customfielddd button.k-button[type="reset"]:hover {
    background: #ddd;
    font-weight: normal;
}
/* -- Scheduler -- */

.sch-notes {
    z-index: 999999 !important;
    opacity: 1 !important;
}
.pro-info-field .btn.btn-primary.right {
    border-radius: 0px;
    border: none;
    padding: 6px 15px;
    line-height: 18px;
    min-width: 140px;
}
/* -- Repeart CSS Checbox of Scheduler -- */

.repeatField.tryout.inline-block .selectField.repeat-wrapper input[type="checkbox"] {
    display: inline-block;
    border: 1px solid #CCC;
}
.kg-lg-wrapper.customcss {
    width: auto;
    padding: 0px;
}
/* KPM Information */

.kpmInformation {
    color: #000;
}

.kpmInformation .colright {
    padding-top: 50px;
}
.kpmInformation .colright > div {
    border: 1px solid #d9d9d9;
    padding: 8px;
    background: #fff;
}
.kpmInformation .colright h3 {
    font-weight: 500;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #e6e7e8;
    margin: 0px -15px 10px;
    padding-bottom: 5px;
}
.kpmInformation .barchart-wrapper {
    padding-bottom: 20px;
    width: 100%;
}
.kpmInformation .k-chart {
    width: 100%;
}
/* -- Scheduler Option at Bottom */

#createIndicidualEventwrp {
    padding-top: 10px;
}
.sub-avatar-buttons .user-btns.text-center.custom li {
    width: auto;
    border: none;
}
.sub-avatar-buttons .user-btns.text-center.custom li button {
    background: #48A3FE;
    color: #fff;
}
.button-space {
    background: #f5f5f5;
    padding: 30px;
}
.button-space a {
    background: #999;
    color: #fff;
    display: block;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 1s;
}
.button-space a:hover {
    background: #FF8C21;
}
/* -- UnSubscribe -- */

.suscribe-list-wrap {
    border-bottom: 1px solid #eee;
}
.subscribe-list {
    line-height: 45px;
}
.unsubscribe {
    padding-top: 100px;
    clear: both;
}
.unsubscribe h2 {
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
}
.unsubscribe .block-box {
    margin: 0px auto 60px auto;
    max-width: 700px;
}
.unsubscribe .block-box h3 {
    background: #f5f5f5;
    border: 1px solid #ccc;
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    border-radius: 4px 4px 0px 0px;
    margin: 0px;
}
.unsubscribe .content-box {
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px;
}
.unsubscribe .namecompany {
    padding-top: 13px;
    padding-bottom: 8px;
    min-height: 49px;
    font-size: 16px;
}
.unsubscribe .namecompany.wsmall {
    padding-top: 3px;
    padding-bottom: 3px;
}
.unsubscribe .namecompany small {
    display: block;
    font-size: 11px;
}
.unsubscribe .optsubun {
    padding-top: 8px;
    padding-bottom: 8px;
}
.namecompany label {
    text-transform: uppercase;
}
.namecompany > label + span .fa {
    font-size: 12px;
}
.namecompany > label + span .fa.fa-check-circle {
    color: #3ab54a;
}
.namecompany > label + span .fa.fa-chain-broken {
    color: #d9534f;
}
@media (max-width: 767px) {
    .unsubscribe .namecompany {
        border-bottom: none;
        padding-bottom: 0px;
        text-align: left;
        min-height: 1px;
        font-size: 14px;
    }
}
@media (min-width: 1025px) and (max-width: 1150px) {
    #main-menu3.navbar-default .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .shotStop {
        top: 31%;
        left: 23%;
    }
    .secondBase {
        left: 56%;
        top: 31%;
    }
    .StartingPitcher {
        top: 51%;
        left: 39%;
    }
    .thirdBase {
        top: 53%;
        left: 20%;
    }
    .firstdBase {
        right: 19.2%;
        top: 53%;
    }
    .catcher {
        bottom: 1%;
        left: 39%;
    }
}
#features .portfolio-item {
    right: 0;
    margin: 0 0 30px;
}
#features .portfolio-item .portfolio-title {
    display: block;
    position: relative;
    margin: 0 auto;
    color: #64686d;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    background-color: #fff;
}
#features .portfolio-item .portfolio-title2 {
    border-radius: 5px;
    margin: 0 auto;
    color: #1072a3;
    text-align: center;
    padding: 32px 10px 20px 10px;
    background-color: #fff;
    min-height: 158px;
}
#features .portfolio-item .portfolio-title2 span {
    display: block;
    padding-top: 10px;
    margin: 0 auto;
    color: #64686d;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
#features .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}
#features .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24, 188, 156, .9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
#features .portfolio-item .portfolio-link .caption:hover {
    opacity: 0.9;
}
#features .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
#features .portfolio-item .portfolio-link .caption1 .caption-content {
    position: absolute;
    top: 50px;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 30;
}
#features .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}
#features .portfolio-item .portfolio-link .caption .caption-content h3,
#features .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}
#features * {
    z-index: 2;
}
.features-modal .modal-content {
    padding: 55px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    /*text-align: center;*/
    
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.15);
}
.features-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}
.features-modal .modal-content img {
    margin-bottom: 30px;
}
.features-modal .modal-content .item-details {
    margin: 30px 0;
}
.features-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}
.features-modal .close-modal:hover {
    opacity: .3;
}
.features-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.features-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.features-modal .modal-backdrop {
    display: none;
    opacity: 0;
}
.features-modal h4 {
    color: #318daf;
    text-transform: uppercase;
}
.features-modal h4 > span {
    color: #64686d;
    text-transform: uppercase;
}
.features-modal {
    background: rgb(255, 255, 255);
}
.features-modal button.btn.btn-default {
    float: left;
}
.features-modal {
    z-index: 100000 !important;
}
.ace-nav li.open ul.user-menu li a .fa-check {
    color: #4A4A4A;
}

/*set Default Organization*/
.setDefaultLabel {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 0;
    cursor: pointer;
    /*font-size: 13px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
    .setDefaultLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
    .setDefaultLabel .checkmark {
        position: absolute;
        top: 1px;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: #d4d4d4;
    }

/* On mouse-over, add a grey background color */
    .setDefaultLabel:hover input ~ .checkmark {
        background-color: #ccc;
    }

/* When the checkbox is checked, add a blue background */
    .setDefaultLabel input:checked ~ .checkmark {
        background-color: #2196F3;
    }

/* Create the checkmark/indicator (hidden when not checked) */
    .setDefaultLabel .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the checkmark when checked */
    .setDefaultLabel input:checked ~ .checkmark:after {
        display: block;
    }

/* Style the checkmark/indicator */
    .setDefaultLabel .checkmark:after {
        left: 5px;
        top: 2px;
        width: 6px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.orgSelectMenu {
    float:left;
}
.setDefaultOrgLabel {
    float:left;
    padding-left:32px;
    height: auto !important;
}
.setDefaultOrgLabel small{
    color: #fff;
    font-weight:300;
    text-transform:capitalize;
}
.setDefaultOrgLabel input:checked ~ .checkmark {
    background-color: #fff;
}
.setDefaultOrgLabel:hover input ~ .checkmark {
    background-color: #f7f7f7;
}
.setDefaultOrgLabel .checkmark:after {
    border-color: #000;
}
.setDefaultOrgLabel .checkmark {
    left: 10px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .orgSelectMenu {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .orgSelectMenu small{
        display:none;
    }
}
@media screen and (max-width: 767px) {
    .ground.hockey-ground {
        max-width: 430px;
    }
    .orgSelectMenu{
        float:none;
    }
}
@media screen and (max-width: 879px) {
    .ground.hockey-ground {
        max-width: 430px;
    }
}
@media screen and (max-width: 991px) {
    .ground.hockey-ground {
        max-width: 500px !important;
    }
}
@media screen and (min-width: 992px) {
    .ground.soccer-ground.soccerTeamRoster-ground,
    .ground.hockey-ground {
        min-height: 858px;
    }
    .ground.hockey-ground {
        max-width: 495px !important;
    }
}
@media screen and (min-width: 1100px) {
    .ground.soccer-ground.soccerTeamRoster-ground,
    .ground.hockey-ground {
        min-height: 866px;
    }
    .ground.hockey-ground {
        max-width: 440px !important;
    }
}
@media screen and (min-width: 1200px) {
    .ground.soccer-ground.soccerTeamRoster-ground,
    .ground.hockey-ground {
        min-height: 950px;
    }
}
@media screen and (min-width: 1300px) {
    .ground.soccer-ground.soccerTeamRoster-ground,
    .ground.hockey-ground {
        min-height: 901px;
    }
    .ground.hockey-ground {
        max-width: 480px !important;
    }
}
@media screen and (min-width: 1400px) {
    .ground.soccer-ground.soccerTeamRoster-ground,
    .ground.hockey-ground {
        min-height: 1320px;
    }
    .ground.hockey-ground {
        max-width: 470px !important;
    }
}
/* for hockey game roster*/

#teamRosterContent .ground.hockey-game-roster {
    background: url(/Content/assets/images/ppn/hockey-h.jpg);
    background-size: 100% 100%;
    padding-top: 50px;
    border: 1px solid rgb(242, 245, 243);
    min-height: 560px;
}

div.ors-check span span.k-numeric-wrap.k-state-default .k-input {
    background-color: #f2f3f3 !important;
}

#RegistrantPageSlider #RegistrantPageSliderBody #registrantTemplateGrid table,
#RegistrantPageSlider #RegistrantPageSliderBody #registrantTemplateGrid table thead tr th,
#RegistrantPageSlider #RegistrantPageSliderBody #registrantTemplateGrid table thead tr th a{
    text-align: center;
}

#RegistrantPageSlider #RegistrantPageSliderBody #registrantTemplateGrid table tbody tr td:nth-child(2){
    text-align: left;
}

#RegistrantPageSlider #RegistrantPageSliderBody .form-inline .form-control{
    display: inline-block !important;
    width: 50px !important;
    font-size: 12px !important;
    padding: 5px 5px 5px 10px !important;
}

#RegistrantPageSlider #RegistrantPageSliderBody .form-inline label{
    font-size: 12px;
    font-weight: normal;
}

#RegistrantPageSlider #RegistrantPageSliderBody .form-inline .selected-items-wrap{
    font-size: 11px;
}
#RegistrantPageSlider #RegistrantPageSliderBody .form-inline button#dropdownMenu1 {
    box-shadow: none;
    font-size: 11px;
    padding: 5px 8px;
    background: #eaeaea;
    border-radius: 3px;
}
#RegistrantPageSlider #RegistrantPageSliderBody .form-inline button.btn-submit{
    font-size: 11px;
    min-width: auto;
    padding: 7px 8px 7px 5px;
    border-radius: 3px;
}

button.btn-add[disabled] {
    background: #adc3b0 !important;
    cursor: not-allowed;
}

.label-refund {
    background-color: #FF0000;
}

.label-pending {
    background-color: #cece0d;
}

/*color-profile related css starts*/
.profile-bio-shorten {
    max-height: 30px;
    overflow: hidden;
    line-height: 26px;
    margin-bottom: 10px;
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    line-height: 15px; /* Reduce from 26px to a smaller value */
}

.more-btn {
    background-color: #007bff; /* Blue theme */
    color: white;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -15px;
    display: inline-block;
    text-align: center;
}

    .more-btn:hover {
        background-color: #0056b3; /* Darker blue on hover */
    }



.profile-container {
    /*max-width: 1200px;*/
    margin: 1.5rem auto;
    padding: 0 1rem;
}

.profile-header {
    display: grid;
    /*grid-template-columns: 200px 1fr 300px;*/ /*3col: 200px,remaining, 300px*/
    grid-template-columns: 300px 1fr; /*2col: 300px,remaining*/
    gap: 2rem;
    margin-bottom: 1.5rem;
    align-items: start;
}

.profile-avatar-section {
    text-align: center;
}



.player-name {
    font-size: 3rem;
    color: var(--text-color);
    margin: 0 0 0.5rem;
}



.coming-soon {
    text-align: center;
    font-size: 1.5rem;
    color: #6c757d;
    margin-top: 3rem;
    font-weight: 500;
}


@media (max-width: 1024px) {
    .profile-header {
        grid-template-columns: 1fr;
    }
}

/*Custom card*/
.card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 cards per row */
    gap: 16px;
    justify-content: center;
    padding: 20px;
}

.profile-card {
    /*background: #f3efef;*/
    border: 1px solid #f3efef;
    padding: 16px;
    border-radius: 12px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    text-align: left;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Title inside card */
    .profile-card .card-title {
        font-size: 13px;
        color: gray;
    }

/* General card content styling */
    .profile-card .card-content {
        font-size: 16px;
        font-weight: bold;
        color: #5c5c5c;
        display: flex;
        gap: 10px;
        flex-wrap: wrap; /* Wrap on smaller screens */
    }

    .card-content .clearfix {
        display: flex;
        flex-direction: column; /* Stack label and value */
        gap: 4px;
        align-items: center;
        min-width: 80px;
    }

.card-content .label {
    font-weight: normal;
    text-align: center;
    color: gray;
    font-size: 13px;
}

.card-content .value {
    font-weight: bold;
    text-align: center;
}

/* Responsive: Adjust to 2 columns on smaller screens */
@media (max-width: 768px) {
    .card-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: Adjust to 1 column on mobile screens */
@media (max-width: 480px) {
    .card-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*More button hover disable*/
.dropdown-toggle a:hover {
    background-color: #c4c6c9 !important;
    color: #333 !important;
}

/*color-profile related css ends*/

body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #FFF;
}

h2 {
    font-size: 20px;
}

body .main-content {
    background: #fff;
}

ul {
    list-style: none;
    padding: 0;
}

.cursorPointer {
    cursor: pointer;
}

.img-max {
    width: 100%;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.l-r-border {
    border: 1px solid #CCC;
    background: #F5F5F5;
}

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

.dash-logo {
    height: 40px;
    margin-top: -5px;
}

.page-header .logo {
    max-width: 100px;
}

    .page-header .logo:hover {
        background: #222;
    }

.cap-heading {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase !important;
    font-size: 19px;
    margin: 0;
    margin-bottom: 20px;
}

.sidebar-wrapper {
    background: #1072A3 !important;
    padding-top: 50px;
}

    .sidebar-wrapper ul li {
        border-color: #1072A3;
    }

        .sidebar-wrapper ul li.current a,
        .sidebar-wrapper ul li:hover a {
            background: #222;
            border: none;
        }

.loading {
    background: url(/Content/assets/images/ppn/loading.gif) center center no-repeat;
}

    .loading .loading-fade {
        opacity: .2;
    }

.r-club-name.loading {
    background-position: 50px 40px;
}

.r-below-header {
    padding-bottom: 15px !important;
    align-items: center;
}

    .r-below-header .r-page-title {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

        .r-below-header .r-page-title h1 {
            text-transform: uppercase;
            color: #333;
            font-weight: bold;
            margin: 0;
            padding-top: 15px;
            text-align: center;
            font-weight: 100;
            font-size: 22px;
            font-weight: bold;
        }

    .r-below-header .r-club-name {
        overflow: hidden;
        color: #333;
        display: flex;
        align-items: center;
        display: none;
    }

        .r-below-header .r-club-name .name-logo {
            overflow: hidden;
            display: flex;
            align-items: center;
            margin: auto 10px;
        }

        .r-below-header .r-club-name .arrow-thing {
            display: inline-block;
            cursor: pointer;
            padding: 2px 5px;
        }

            .r-below-header .r-club-name .arrow-thing:hover {
                background: rgba(255, 255, 255, 0.5);
                transition: all .35s ease;
            }

        .r-below-header .r-club-name img {
            width: 50px;
            margin-top: 5px;
            float: left;
            display: inline-block;
        }

        .r-below-header .r-club-name h2 {
            font-size: 18px;
            float: left;
            margin: 0;
            margin-left: 10px;
            display: inline-block;
        }

    .r-below-header .r-list-carousel .carousel-inner {
        overflow: visible;
        display: inline-block;
        text-align: center;
        width: auto;
    }

    .r-below-header .r-list-carousel .item-small {
        display: inline-block !important;
        margin: 0 4px;
    }

        .r-below-header .r-list-carousel .item-small .image-wrapper {
            width: 40px;
            height: 40px;
            border-radius: 500px;
            overflow: hidden;
            cursor: pointer;
        }

            .r-below-header .r-list-carousel .item-small .image-wrapper:hover,
            .r-below-header .r-list-carousel .item-small .image-wrapper.selected {
                transition: all .35s ease;
                -webkit-transition: all .35s ease;
                -moz-transition: all .35s ease;
                transform: scale(1.25);
                box-shadow: 0 1px 5px #FFF;
            }

            .r-below-header .r-list-carousel .item-small .image-wrapper img {
                width: 100%;
            }

        .r-below-header .r-list-carousel .item-small.selected .image-wrapper {
            transition: all .35s ease;
            transform: scale(1.25);
            box-shadow: 0 1px 5px #FFF;
        }

        .r-below-header .r-list-carousel .item-small .name {
            color: #333;
            display: inline-block;
            position: absolute;
            z-index: 5;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            width: 100%;
            margin-top: 5px;
        }

    .r-below-header .carousel-control {
        background: none;
    }

    .r-below-header .r-player-select {
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

        .r-below-header .r-player-select .fa {
            display: inline-block;
            margin: 0 5px;
        }

        .r-below-header .r-player-select span {
            cursor: pointer;
            color: #FFF;
            display: inline-block;
            padding: 2px 5px;
            opacity: 1;
            margin-top: 15px;
        }

            .r-below-header .r-player-select span.fa:hover {
                background: rgba(255, 255, 255, 0.5);
                transition: all .35s ease;
            }

    .r-below-header .r-dash-search .top-search {
        width: 100%;
        height: 38px;
        padding-left: 10px;
        border-radius: 8px;
        outline: none;
        border: 1px solid #CCC;
    }

.r-w-btns {
    margin-top: 15px;
}

    .r-w-btns ul {
        width: auto;
        text-align: right;
    }

        .r-w-btns ul li {
            display: inline-block;
            margin-left: 10px;
        }

            .r-w-btns ul li a {
                color: #333;
                display: inline-block;
                transition: all .1s ease;
            }

                .r-w-btns ul li a:hover {
                    transform: scale(1.25);
                }

                .r-w-btns ul li a i {
                    font-size: 14px;
                }

.checkbox-wrapper {
    align-items: center;
    cursor: pointer;
}

.player-pro .checkbox-wrapper {
    display: block;
}

.checkbox-wrapper .toogle-btn {
    padding: 0;
    width: 40px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #CCC;
}

    .checkbox-wrapper .toogle-btn .toogle-dot {
        padding: 10px;
        background: #10a628;
        border-radius: 20px;
        display: inline-block;
        float: right;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
    }

.checkbox-wrapper.off .toogle-btn {
    background: #ccc;
    padding: 0;
}

.checkbox-wrapper.off .toogle-dot {
    float: left;
    background: #999;
}

.checkbox-wrapper.off .status-item {
    color: #CCC;
}

.badge {
    font-weight: normal !important;
}

.profile-user-box {
    position: relative;
    box-shadow: none;
    background: transparent;
}

    .profile-user-box .sub-avatar-buttons {
        text-align: center;
    }

    .profile-user-box .r-club-name h2 {
        margin: 0;
        margin-top: 20px;
    }

    .profile-user-box .r-club-name img {
        max-width: 100%;
    }

    .profile-user-box .r-club-name .date {
        font-size: 12px;
    }

        .profile-user-box .r-club-name .date .fa {
            display: inline-block;
            margin-right: 5px;
        }

    .profile-user-box li {
        margin: 6px 0;
    }

    .profile-user-box .small-dtls .badge {
        padding: 7px 15px;
        color: #FFF;
    }

        .profile-user-box .small-dtls .badge.dark {
            border: 1px solid #333;
            color: #333;
            background: transparent;
        }

        .profile-user-box .small-dtls .badge.blue {
            background: none;
            color: #4A4A4F;
            display: inline-block;
        }

    .profile-user-box .user-badge {
        text-align: center;
    }

        .profile-user-box .user-badge .image-wrapper {
            width: 150px;
            height: 150px;
            display: inline-block;
        }

            .profile-user-box .user-badge .image-wrapper > img {
                width: 100%;
                height: 100%;
            }

        .profile-user-box .user-badge .avatar-w {
            border-radius: 200px;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            overflow: hidden;
            width: 100%;
            margin-bottom: 10px;
        }

    .profile-user-box .user-btns li {
        display: inline-block;
        cursor: pointer;
    }

        .profile-user-box .user-btns li img {
            width: 25px;
        }

.hlight,
.user-stat h2,
.report-graph h2 {
    text-transform: uppercase;
    font-size: 20px;
    background: #1072A3;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    padding: 5px;
}

.user-stat {
    text-align: center;
}

.current-stat .stat-title,
.current-stat .thestats h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 30px;
}

.current-stat .thestats {
    background: #F6F3FF;
    border-radius: 11px;
    padding: 15px;
}

    .current-stat .thestats > div {
        text-align: center;
    }

    .current-stat .thestats h3 {
        margin: 0;
        font-size: 10px;
    }

    .current-stat .thestats h2 {
        font-family: Montserrat, sans-serif;
        font-size: 30px;
        margin: 0;
        font-weight: bold;
    }

.report-table li {
    overflow: hidden;
    border: 1px solid #F2F3F4;
    border-radius: 2px;
    margin: 5px 0;
    cursor: pointer;
    background-color: #ffffff;
    color: #4a4a4a;
}

    .report-table li h3 {
        /*font-size: 14px;*/
        font-size: 15px;
        margin: 0;
        float: left;
        padding: 5px 0px 5px 5px;
        max-width: 72%;
        font-weight: 500;
        text-decoration: underline;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .report-table li strong {
        float: right;
        display: inline-block;
        padding: 5px 5px 5px 0;
        background: #ffffff;
        color: #4A4A4A;
        min-width: 24px;
    }

.report-graph {
    text-align: center;
    margin-top: 80px;
}

    .report-graph #piechart {
        position: relative;
    }

        .report-graph #piechart svg {
            position: absolute;
            top: -70px;
        }

.progress-graph {
    padding: 30px;
}

    .progress-graph .progress {
        margin-bottom: 0;
        background: none;
        border-radius: 0 4px 4px 0;
        box-shadow: none;
    }

    .progress-graph h2 {
        margin-top: 0;
    }

.red {
    background: red;
}

.r-widget-header h2 {
    font-size: 20px;
    font-weight: bold;
}

.weather-box img {
    max-width: 100%;
}

.news-box .big-search-results {
    margin: 0;
}

    .news-box .big-search-results li {
        padding: 10px;
        border-bottom: 1px solid #CCC;
        cursor: pointer;
    }

        .news-box .big-search-results li:last-child {
            border: none;
        }

        .news-box .big-search-results li .result-main {
            border: none;
            color: #333;
        }

            .news-box .big-search-results li .result-main h4 {
                font-size: 14px;
                text-decoration: none;
            }

                .news-box .big-search-results li .result-main h4 a {
                    color: #333;
                }

.main-content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 52px;
}

    .main-content .alert {
        padding: 10px;
        margin-top: 50px;
    }

.r-footer {
    padding: 30px 20px;
}

.sidebar-wrapper {
    width: 90px;
}

    .sidebar-wrapper li a {
        color: #FFF !important;
        font-size: 11px;
    }

    .sidebar-wrapper i {
        display: block !important;
    }

.left-menu .sub-sidebar-wrapper li {
    padding-left: 20px;
}

.breadcrumb {
    border-bottom: none;
}

.icon-white {
    color: #333 !important;
}

.kpm-section {
    background: url(/Content/assets/images/ppn/kpm-bg.png);
    padding-bottom: 50px !important;
}

    .kpm-section .section-heading {
        margin-top: 40px;
        color: #FFF;
    }

        .kpm-section .section-heading .icon-holder {
            text-align: right;
        }

            .kpm-section .section-heading .icon-holder .section-icon {
                opacity: .6;
                display: inline-block;
                width: 70px;
            }

        .kpm-section .section-heading .kpm-title {
            font-family: Montserrat, sans-serif;
            margin: 0;
            font-size: 12px;
            text-transform: uppercase;
            margin-top: 5px;
        }

            .kpm-section .section-heading .kpm-title.nobold {
                font-weight: normal;
                font-size: 10px;
            }

        .kpm-section .section-heading h1 {
            margin: 0;
        }

    .kpm-section .r-w-btns a {
        color: #FFF;
    }

    .kpm-section .plot-wrapper {
        margin-top: 20px;
    }

        .kpm-section .plot-wrapper .plot-graph-here img {
            max-width: 100%;
            margin-top: 30px;
        }

        .kpm-section .plot-wrapper .plot-switch {
            padding: 0 50px;
        }

            .kpm-section .plot-wrapper .plot-switch li {
                width: 100%;
                text-align: center;
                padding: 15px;
                color: #333;
                background: #FFF;
                margin: 15px 0;
                border-radius: 10px;
                font-family: Montserrat, sans-serif;
                font-weight: bold;
                cursor: pointer;
            }

                .kpm-section .plot-wrapper .plot-switch li.selected,
                .kpm-section .plot-wrapper .plot-switch li:hover {
                    color: #FFF;
                    background: #333;
                    border-left: 10px solid #FFF;
                }

.agenda-and-news {
    background: #FFF;
}

    .agenda-and-news .section-heading {
        color: #333;
    }

    .agenda-and-news .section-icon img {
        margin-top: 13px;
    }

    .agenda-and-news .agenda-section h1 {
        font-weight: 100;
        border-bottom: 1px solid #CCC;
        display: inline-block;
        padding-right: 20px;
        padding-bottom: 9px;
    }

    .agenda-and-news .agenda-section li {
        margin: 20px 0;
    }

        .agenda-and-news .agenda-section li .time {
            font-size: 42px;
            font-weight: 100;
        }

            .agenda-and-news .agenda-section li .time .ap {
                font-size: 17px;
                font-weight: 700;
                text-transform: uppercase;
            }

        .agenda-and-news .agenda-section li .task {
            font-size: 17px;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: -9px;
            color: #333;
        }

    .agenda-and-news .agenda-section.news h1 {
        margin-left: 15px;
    }

    .agenda-and-news .agenda-section.news a {
        color: #000;
        font-family: Montserrat, sans-serif;
        text-decoration: none;
        font-size: 15px;
    }

    .agenda-and-news .agenda-section.news .imag-holder {
        overflow: hidden;
    }

    .agenda-and-news .agenda-section.news .news-img {
        border-radius: 5px;
        box-shadow: 0 0 4px #000;
    }

    .agenda-and-news .r-w-btns a {
        color: #333;
    }

.avail-note {
    width: 100%;
    height: 120px;
    resize: none;
    outline: none;
    border: 1px solid #CCC;
}

#agenads {
    width: 80%;
}

.avatar-w {
    position: relative;
}

    .avatar-w .upload-overlay {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        top: 0;
        left: 0;
    }

        .avatar-w .upload-overlay .u-disp {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
        }

        .avatar-w .upload-overlay .upload-text {
            color: #FFF;
            display: block;
            margin-top: 10px;
        }

.img-circle__shadow--white {
    box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.54);
}

.p-e-segment {
    margin: 20px 0;
    padding: 20px;
}

    .p-e-segment .profile-user-box {
        background: none;
    }

    .p-e-segment .title-btns-bar h2 {
        text-transform: uppercase;
        color: #888;
        margin: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 20px;
        font-weight: normal;
        cursor: pointer;
    }

    .p-e-segment .title-btns-bar .action-btn-set {
        padding: 0;
        list-style: none;
        text-align: right;
    }

        .p-e-segment .title-btns-bar .action-btn-set li {
            display: inline-block;
        }

    .p-e-segment .btn {
        color: #FFF;
        border: none;
    }

        .p-e-segment .btn.btn-upload {
            background: #FC8044;
        }

        .p-e-segment .btn.btn-new {
            background: #48A3FE;
        }

.btn.btn-new {
    border-radius: 0 !important;
}

.p-e-segment textarea:not(.notThisClass) {
    width: 100%;
    min-height: 115px;
    resize: none;
    display: block;
}

.p-bio .d-calorie-wrap {
    text-align: center;
}

.p-bio .knob-name {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px;
}

.p-bio .wt-type-btn .btn {
    margin: 5px;
    background: #FC8044;
    color: #FFF;
    box-shadow: 0 2px 4px #999;
}

    .p-bio .wt-type-btn .btn.selected,
    .p-bio .wt-type-btn .btn:hover {
        background: #333;
        color: #FFF;
        box-shadow: inset 0 2px 5px #000;
    }

.p-bio .bmi {
    margin-top: 20px;
}

    .p-bio .bmi .bmi-number {
        font-family: Montserrat, sans-serif;
        font-size: 100px;
    }

    .p-bio .bmi .d-calorie-wrap {
        text-align: left;
    }

.paper {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    box-shadow: 0 1px 5px #EEE;
}

.address-grid .address-box {
    padding: 20px;
    text-align: center;
}

    .address-grid .address-box h3 {
        text-align: center;
    }

.p-docs {
    padding: 30px 0 30px 0;
}

    .p-docs .p-doc-item {
        margin-top: 10px;
        border-radius: 10px;
        box-shadow: 0 0 6px #999;
        position: relative;
        cursor: pointer;
    }

        .p-docs .p-doc-item h3 {
            background: #000;
            width: 100%;
            padding: 15px 0 15px 0;
            text-align: center;
            position: absolute;
            top: 50%;
            color: #FFF;
        }

.modal#upload-doc .upload-zone {
    border: 1px dashed #333;
    border-radius: 5px;
    height: 220px;
    position: relative;
    padding: 10px;
}

    .modal#upload-doc .upload-zone .upload-content {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

.p-f-information li {
    margin: 0;
    margin: 8px;
    text-align: left;
}

.p-f-information .badge {
    background: #333;
}

.p-sports {
    padding-top: 30px;
}

    .p-sports .p-sports-wrapper {
        margin-top: 20px;
    }

    .p-sports .contract-status {
        text-transform: uppercase;
        padding-left: 60px;
    }

        .p-sports .contract-status strong {
            color: #10a628;
        }

    .p-sports .row.t-border {
        margin-top: 20px;
        padding-top: 20px;
    }

    .p-sports .toogle-btn {
        position: relative;
        top: 5px;
    }

.p-p-team .team-box,
.p-academics .team-box,
.p-t-10 .team-box,
.p-contact .team-box {
    margin-top: 20px;
    text-align: center;
    padding: 30px !important;
}

    .p-p-team .team-box li,
    .p-academics .team-box li,
    .p-t-10 .team-box li,
    .p-contact .team-box li {
        margin-top: 10px;
    }

    .p-p-team .team-box .title,
    .p-academics .team-box .title,
    .p-t-10 .team-box .title,
    .p-contact .team-box .title {
        display: block;
        font-weight: bold;
        margin-top: 5px;
        text-transform: uppercase;
        font-size: 11px;
        text-align: left;
    }

    .p-p-team .team-box .desc,
    .p-academics .team-box .desc,
    .p-t-10 .team-box .desc,
    .p-contact .team-box .desc {
        text-align: left;
    }

    .p-academics .team-box .title,
    .p-t-10 .team-box .title,
    .p-contact .team-box .title {
        font-size: large;
        text-align: center;
    }

.expand-btn,
.collapse-btn {
    padding: 0px 12px;
    border: 1px solid #CCC;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
}

.save-down {
    text-align: center;
    margin-top: 20px;
}

.bio-slider {
    height: 200px;
    display: inline-block;
}

.bio-slide-text {
    font-size: 30px;
}

/*Player Profile*/
.playerProfileImage_Wrap .video-div{
    padding: 0;
    width: 100%;
}
.playerProfileImage_Wrap .uploadedDate {
    font-size: 10px;
    color: #909090;
}
.playerProfileImage_Wrap .video-div .video-description, .playerProfileImage_Wrap .video-div .video-title{
    width: auto;
    padding: 0 10px;
}
.playerProfileImage_Wrap .video-div .video-img{
    width: 100%;
    /*height: auto;*/
    padding: 5px;
}
.playerProfiledoc_Wrap {
    position: relative;
    overflow: hidden;
}

.playerProfiledocAction_Wrap {
    margin-left: -30px;
    position: absolute;
    top: 35px;
}

.playerProfiledoc_Wrap:hover .playerProfiledocAction_Wrap {
    margin-left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.playerProfiledocID {
    display: table;
    text-align: center;
    margin-bottom: 5px;
}

    .playerProfiledocID a {
        display: table-cell;
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }

        .playerProfiledocID a i.fa {
            background: none;
            box-shadow: none;
            font-size: 13px;
            margin: 0;
        }

    .playerProfiledocID.deleteDoc_UserDocId a {
        background: #d9534f;
    }

    .playerProfiledocID.deleteDoc_UserDocId a i.fa, .playerProfiledocID.downloadUserDoc_OrgPlayerDocId a i.fa {
        border: none;
        max-width: 100%;
        min-width: auto !important;
        /* width: 30px; */
        /* height: 30px; */
        padding: 0;
        /* vertical-align: middle; */
        font-size: 13px !important;
    }


    .playerProfiledocID.downloadUserDoc_OrgPlayerDocId {
        margin-right: 0;
    }

        .playerProfiledocID.downloadUserDoc_OrgPlayerDocId a {
            min-width: auto !important;
            padding: 0 !important;
        }

@media screen and (max-width: 1400px) {
    .r-list-carousel .item-small .image-wrapper {
        width: 30px !important;
        height: 30px !important;
    }

    .r-list-carousel .carousel-control {
        margin-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .r-below-header .r-list-carousel .item-small {
        display: block;
        margin: 2px;
    }

    .thestats h2 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .item-small .name {
        display: none !important;
    }

    .avatar-w .img-max {
        width: 50% !important;
        border-radius: 500px;
    }

    .upload-overlay {
        width: 50% !important;
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        border-radius: 500px;
        margin-bottom: 30px;
    }

    .cap-heading {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .page-header .menu-toggler {
        float: left;
        padding-left: 4px;
        font-size: 24px;
        color: #888;
        text-shadow: 0px 1px 1px #000;
        line-height: 50px;
        border-right: 1px solid #202224;
        -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
        -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
        padding-right: 4px;
    }

    .page-header h1 {
        font-size: 16px;
    }
}

@media screen and (max-width: 460px) {
    .knob-name {
        margin-bottom: 50px;
    }

    .profile-user-box {
        margin-top: -20px;
    }

        .profile-user-box .avatar-w {
            margin-bottom: 20px;
        }

    .l-r-border {
        border: none;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .team-box .title {
        text-align: center;
    }

    .title-btns-bar {
        text-align: center;
    }

        .title-btns-bar .action-btn-set {
            text-align: center !important;
        }
}

.double-input {
    overflow: hidden;
}

    .double-input .r-half-btn {
        display: inline-block;
        width: 80%;
        float: left;
    }

    .double-input .btn-form-add {
        height: 38px;
        width: 45px;
        line-height: 34px;
        font-size: 40px;
        padding: 0;
        float: left;
        margin-left: 5px;
    }

.red:hover {
    background: #BE0000 !important;
}

.add-new-items-hitter .added-feild .add-feild {
    display: none;
}

.add-new-items-hitter .added-feild:last-child .add-feild {
    display: block;
}

.add-new-items-hitter .added-feild:last-child .remove-feild {
    display: none;
}

.kpm-type-title {
    overflow: hidden;
    padding: 0;
    margin: 0 !important;
    font-size: 18px;
    font-weight: bold !important;
}

    .kpm-type-title .kpm-icon-edit {
        float: right;
    }

.kpm-item {
    margin: 20px;
    font-family: "Montserrat", sans-serif;
}

    .kpm-item ul {
        margin-top: 20px;
    }

    .kpm-item li {
        margin: 5px 0;
    }

    .kpm-item strong {
        width: 120px;
        display: inline-block;
    }

.segment-heading {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}

.section-heading-wrapper {
    overflow: hidden;
}

.profile-main-info .small-dtls {
    overflow: hidden;
    float: left;
}

    .profile-main-info .small-dtls > .badge {
        float: left;
    }

        .profile-main-info .small-dtls > .badge .checkbox-wrapper {
            margin: -5px 0;
        }
/*Nimesh Checkbox*/

input[type="checkbox"].addBox {
    display: none;
}

label.addText {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

    label.addText::before {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        background: none;
        border: 1px solid #333333;
        left: 0;
        top: 0;
        border-radius: 2px;
        margin-top: 2px;
    }

    label.addText::after {
        content: '\f00c';
        position: absolute;
        left: 2px;
        top: 4px;
        font: bold 12px FontAwesome;
        color: #333333;
        width: 0;
        text-shadow: 0 0 2px #eee;
        overflow: hidden;
    }

input[type="checkbox"]:checked + label.addText::after {
    transition: width 0.2s;
    width: 16px;
}

.withCheckbox {
    width: auto !important;
    float: left;
    margin: -7px 0 0 10px;
}

.basic-setting .addText {
    top: 15px;
}

.basic-setting .progress {
    height: 8px;
}

.basic-setting .data-used {
    text-align: right;
}

.basic-setting .storage-limit {
    font-size: 20px;
    display: inline-block;
}

    .basic-setting .storage-limit strong {
        display: inline-block;
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }

.basic-setting .addText {
    margin-left: 15px;
}

.basic-setting .data-userd-box .addText {
    top: 20px;
}

.basic-setting.biotarget .segment-heading {
    margin-left: 35px;
}

.sport-type-setting {
    background: #f2f2f2;
    margin-bottom: 40px;
}

.page-basicInfo .user-badge .avatar-w .image-wrapper {
    margin: 0 auto;
    margin-bottom: 20px;
}

.page-basicInfo .bio {
    margin-top: 40px;
    border-top: 1px dashed #CCC;
    padding-top: 30px;
    padding-bottom: 30px;
}

.k-widget.k-datepicker {
    padding: 0 !important;
}

.profile-doc {
}

    .profile-doc .doc-img-file-type-img {
    }

    .profile-doc .file-type-wrapper {
        display: inline-block;
        position: relative;
        width: 100%;
        height: auto;
    }

#scheduler.k-widget {
    border: 1px solid #CCC !important;
    border-bottom-color: #FFF !important;
    border-left-color: #FFF !important;
    border-right-color: #FFF !important;
}

.k-scheduler-content {
    border: 1px solid #FFF !important;
}

.addfilterholder {
    border-right: 1px solid #CCC !important;
    height: 30px;
}

#scheduler ul.k-reset .k-state-selected,
#scheduler ul.k-reset .k-state-focused {
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

#scheduler .k-state-selected > .k-link {
    color: #333 !important;
    background: #F0F0F0 !important;
    display: block;
    margin-top: 5px;
}

.checkbox-in-row {
    margin-top: 35px;
}

.error-msg {
    display: none;
}

.academic-popup-address {
    margin: 10px 0 10px;
}

    .academic-popup-address h2 {
        margin: 0 0 10px 0;
        font-size: 17px;
        text-transform: uppercase;
    }

.login-form-wrapper {
    background: #f2f2f2;
    padding: 40px;
}
/*------------------------------------------------------------          Anil Shrestha           --------------------------------------------------------------------  */

.pro-info-field .k-picker-wrap {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-color: #ccc;
}

    .pro-info-field .k-textbox > input,
    .pro-info-field .k-autocomplete .k-input,
    .pro-info-field .k-picker-wrap .k-input,
    .pro-info-field .k-numeric-wrap .k-input,
    .pro-info-field .k-dropdown-wrap .k-input,
    .pro-info-field .k-selectbox .k-input {
        height: 2.414em !important;
        line-height: 1.714em;
        padding: 0 !important;
        text-indent: .8em;
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #4A4A4A;
        border-radius: 4px;
    }

.pro-info-field .form-control {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #4A4A4A;
}

.pro-info-field .k-picker-wrap .k-select,
.pro-info-field .k-numeric-wrap .k-select,
.pro-info-field .k-dropdown-wrap .k-select {
    height: 2.314em !important;
    line-height: 1.714em !important;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    border-color: #BEBEBE;
    border-radius: 0px 4px 4px 0px;
    min-height: 2.414em !important;
}

.pro-info-field .k-dropdown-wrap::before,
.pro-info-field .k-picker-wrap::before,
.pro-info-field .k-numeric-wrap::before {
    height: 0px !important;
    padding-bottom: 0px !important;
}

.pro-info-field .k-datepicker .k-input,
.pro-info-field .k-timepicker .k-input {
    /*background-color: #FFFFFF !important;*/
}

.pro-info-field .k-picker-wrap.k-state-default > .k-select {
    /*border-color: #BEBEBE;
    background-color: #fff;*/
}

.pro-info-field input.form-control:hover,
.pro-info-field select.form-control:hover {
    /*box-shadow: 0px 1px 5px rgba(128, 122, 122, 0.28);
    -webkit-box-shadow: 0px 1px 5px rgba(128, 122, 122, 0.28);
    border-bottom-color: #B2A9A9;*/
}

.pro-info-field .k-numerictextbox .k-link {
    height: 1.084em;
    line-height: 1.157em;
}

.coach-pro .pro-info-field .k-textbox,
.coach-pro .pro-info-field .k-autocomplete,
.coach-pro .pro-info-field .k-dropdown-wrap,
.coach-pro .pro-info-field .k-picker-wrap,
.coach-pro .pro-info-field .k-numeric-wrap {
    /*border: 1px solid #CCC;*/
    border-radius: 4px;
}

.pro-info-field .profile-user-box {
    padding: 10px 10px 0px;
}

.pro-info-field .multiSelect .button {
    min-height: 34px !important;
}

.coach-pro .p-e-segment,
.player-pro .p-e-segment {
    margin: 20px 0;
    padding: 20px 20px 0px;
}

.pro-info-field select.form-control {
    line-height: 28px !important;
    height: 34px !important;
}
/*-----------------------------------------    for bmi section        ------------------------------------------------------------*/

.profile-bmi {
    display: inline-block;
    text-align: center;
    border-radius: 51%;
    width: 230px;
    height: 230px;
    position: relative;
}

    .profile-bmi .bmi-div {
        position: absolute;
        top: 20px;
        left: 16%;
        border: 1px solid rgba(62, 148, 201, 0.29);
        padding: 5px;
        width: 180px;
        height: 80px;
        box-shadow: 1px 1px 6px -2px #3E94C9;
        border-radius: 50% 50% 2px 2px;
        background: #3E94C9;
    }

.bmi-div .bmi-number {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    font-size: 16px;
    background: rgb(62, 148, 201);
    text-align: center;
    color: #FFF;
    display: inline-block;
    margin-top: 0px !important;
    font-weight: bold;
    position: absolute;
    top: -27px;
    right: 36%;
    box-shadow: 0px 2px 3px #FDFDFD;
}

.bmi-div .bmi-value {
    color: #FDFDFD;
    font-size: 27px;
    float: left;
    padding-top: 6px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 75px;
}
/*-----------------------------------------------------------  for documents section                   ------------------------------------------------------------------------*/

.accor-table .doc-list.sport-ko-lagi {
    max-width: initial;
}

.accor-table .doc-list:not(.sport-ko-lagi) {
    max-width: 365px;
}

.accor-table .doc-list {
    display: inline-block;
    float: left;
    padding: 0px 15px;
    margin-top: 5px;
    min-width: 265px;
    margin-bottom: 17px;
}

.just-this-doc.doc-list {
    width: initial;
}

.just-this-doc .p-doc-item {
    height: 240px !important;
}

.accor-table .p-doc-item {
    border: 1px solid #dfdfdf;
    cursor: pointer;
    min-height: 200px;
    background: #fff;
    margin-bottom: 10px;
    word-break: break-all;
    word-wrap: break-word;
}

.accor-table .doc-name {
    text-transform: uppercase;
    padding: 10px 15px;
    background: #E6E7E8;
    text-align: center;
}

.accor-table .doc-img-wrapper {
    max-height: 95px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    background: #fff;
}

    .accor-table .doc-img-wrapper > img {
        height: 85px;
        width: auto;
    }

.accor-table .cap-heading {
    bottom: 0;
    margin: 0px;
    padding: 2px 10px 10px;
    text-transform: uppercase !important;
    width: 100%;
    background: #FFF;
    text-align: center;
    box-sizing: border-box;
}

    .accor-table .cap-heading li:first-child {
        margin-bottom: 15px;
        max-width: 243px;
        overflow: hidden;
        height: 17px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .accor-table .cap-heading li:last-child {
        margin-bottom: 0px;
        max-width: 240px;
        max-height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .accor-table .cap-heading li:last-child > span {
            font-size: 13px;
        }

    .accor-table .cap-heading li {
        font-size: 13px;
        font-weight: normal;
        text-transform: initial;
    }

.accor-table .p-doc-wrapper-inside {
    position: relative;
}

    .accor-table .p-doc-wrapper-inside .doc-delete {
        display: inline-block;
        background: transparent !important;
        border: none !important;
        color: rgb(205, 12, 5);
        margin: 0.7px 5px;
    }

    .accor-table .p-doc-wrapper-inside .doc-edit {
        display: inline-block;
        background: transparent !important;
        color: #FF8C21;
        border: none;
        line-height: 12px;
        margin: 0.7px 5px;
        position: relative;
        top: 1px;
    }

    .accor-table .p-doc-wrapper-inside .doc-share {
        margin-right: 8px;
        color: rgb(62, 148, 201);
    }

.accor-table span.label {
    display: inline-block !important;
    font-size: 11px;
    color: #000;
    font-weight: 300;
    margin-right: 15px;
}

.accor-table .p-doc-wrapper-inside .doc-share::after {
    content: 'Shared with';
    margin-left: 8px;
}

#availability-note {
    max-height: 100px;
    overflow-y: hidden;
    text-align: center;
    /*margin-left: 5px;*/
    font-weight: bold;
    font-size: 12px;
}

#note-div {
    padding: 5px;
    text-align: left;
}

.accor-table .footable.breakpoint > tbody > tr > td {
    position: relative;
}

    .accor-table .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
        content: "\e013";
        position: absolute;
        top: 21%;
        left: 6%;
    }

.accor-table .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e012";
    position: absolute;
    top: 21%;
    left: 6%;
}

.accor-table .footable-row-detail-row {
    display: block;
    line-height: 1.5em;
}

.roster-position {
    display: inline-block;
    width: 30%;
    text-align: right;
}

.roster-name {
    display: inline-block;
    width: 40%;
    text-align: center;
}

.roster-no {
    width: 15%;
    display: inline-block;
    text-align: center;
}

.roster-line-up-titles {
    margin-bottom: 10px;
}
/*-----------------------------------------------------------  for address section                   ------------------------------------------------------------------------*/

.accor-table .doc-addr {
    padding: 15px;
    line-height: 25px;
}

.addr-ko-lagi {
    height: 200px !important;
}

.previous-ko-lagi {
    height: 225px !important;
}

.sport-ko-lagi {
    width: 50% !important;
    box-sizing: border-box !important;
    max-width: initial !important;
    position: relative;
    min-height: 1px;
    float: left;
}

    .sport-ko-lagi .doc-addr {
        height: 231px !important;
        overflow-y: scroll;
    }

    .sport-ko-lagi .p-doc-item {
        height: auto !important;
    }

.sp-div {
    padding: 15px 5px 15px 15px;
}

.sp-div-in {
    height: 24px;
    padding-bottom: 5px;
    overflow: hidden;
    display: flex;
}

    .sp-div-in label {
        display: inline-block;
        max-width: 31%;
        float: left;
        box-sizing: border-box;
        min-width: 96px;
        color: #646464 !important;
    }

    .sp-div-in div {
        display: inline-block;
        width: 60%;
        float: left;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .sp-div-in div > span {
            margin-left: 5px;
            font-weight: normal;
            color: #646464;
            display: inline-block;
            font-size: 13px;
            font-weight: 300;
        }

.doc-addr > pre {
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.k-grid td {
    text-overflow: initial !important;
}
/*-----------------------------------------------------------  for basic info                   ------------------------------------------------------------------------*/

label.lb,
label.kg {
    padding: 8px 16px;
}

.bmi-pos-correction .profile-bmi {
    margin-top: 0px;
}

.cal-slider-pos-correction {
    margin-top: 6px;
}
/*---------------------------------------------------------- for roster team edit --   anil    -----------------------------------------------------------------------*/

#teamRosterContent .editInfoRoster {
    margin-bottom: 7px;
}

    #teamRosterContent .editInfoRoster label,
    .before-edit {
        text-align: left;
    }

#teamRosterContent .evaluation {
    width: 40px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#teamRosterContent .roster-bld-right {
    border-radius: 4px;
    padding: 0px 10px 10px;
    margin-bottom: 22px;
    border: 1px solid rgba(211, 211, 211, 0.19);
    min-height: 285px;
}

#teamRosterContent .season-info {
    text-align: right;
    margin: 0px 0px 10px;
    font-size: 12px;
}

#teamRosterContent .profile-user-box-wrap {
    /*margin-top: -25px;*/
}

#teamRosterEditBody .profile-user-box-wrap {
    margin-top: 0px !important;
}

#teamRosterContent .profile-user-box-wrap > span,
#orgInfoContent .profile-user-box-wrap > span {
    display: inline-block;
    margin-bottom: 5px;
}

#teamRosterContent .profile-user-box,
#orgInfoContent .profile-user-box,
#orgInfoContent .org-img-box {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.30);
    font-family: "Montserrat", sans-serif;
    border-radius: 4px;
    border: 1px solid rgba(211, 211, 211, 0.19);
    margin-top: 0;
    margin-bottom: 20px;
}

    #teamRosterContent .profile-user-box > div,
    #orgInfoContent .profile-user-box > div {
        min-height: 274px;
    }

    #teamRosterContent .profile-user-box > span,
    #orgInfoContent .profile-user-box > span {
        display: inline-block;
        margin-bottom: 43px;
    }

    #teamRosterContent .profile-user-box .user-badge,
    #orgInfoContent .profile-user-box .user-badge {
        /* margin-bottom: 16px; */
        position: absolute;
        left: 50%;
        bottom: -20px;
        max-height: 160px;
        max-width: 160px;
        box-shadow: 0px 0px 6px rgb(206, 206, 206);
        margin-left: -80px;
        /*width: 160px;*/
    }

#teamRosterEditBody .profile-user-box .user-badge {
    bottom: -20px;
}

.btn-save {
    background: #0e7ac7 !important;
}

    .btn-save:hover {
        background: #0c65a7 !important;
    }

#teamRosterContent .teamManagement {
    border: 1px solid rgba(211, 211, 211, 0.19);
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-top: 20px;
    padding-top: 1px;
}

.teamManagement > div {
    padding-right: 2px;
    padding-left: 2px;
}

#teamRosterContent .avatar-w:not(.tryout-avatar) {
    border-radius: 0px;
    overflow: hidden;
    width: 60px;
    height: 40px;
    margin-top: 15px;
}

#teamRosterContent .personalDetail {
    color: #5E5E5F;
    float: left;
}

.fallde {
    position: absolute;
    top: -6px;
    right: -8px;
}

#teamRosterContent .managementBox > div {
    min-height: 38px;
}

.managementBox > div.ng-scope {
    padding: 0 !important;
}

#teamRosterContent .tab-table {
    border: 1px solid rgba(246, 246, 246, 1);
    border-radius: 4px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 4px rgba(192, 192, 192, 0.18);
}

#teamRosterContent .alert:not(.notThisClass) {
    margin-top: 0px;
    line-height: 30px;
}

#teamRosterContent .ground-wrap {
    margin-bottom: 20px;
}

#teamRosterContent .ground {
    background-color: #73d19d;
    border: 1px solid rgb(65, 142, 100);
    border-radius: 4px;
    background: url(/Content/assets/images/ppn/field.jpg);
    background-size: 100% 100%;
    position: relative;
}

    #teamRosterContent .ground.soccer-ground {
        background: url(/Content/assets/images/ppn/soccerh.jpg);
        background-size: 100% 100%;
        padding-top: 50px;
    }

.ground-in {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.soccer-ground .ground-in {
    top: 0;
    background: rgba(0, 0, 0, 0.04);
}

.rosterTeamTable {
    margin-bottom: 20px;
}

.me-li {
    background: rgba(255, 255, 255, 1);
    padding: 3px 3px 2px 1px !important;
    border-bottom: 1px dashed #DDD;
}

.yesma-line li {
    border-bottom: 1px solid #fff;
}

#teamRosterContent .scrollbar {
    max-height: 652px;
    overflow: auto;
}

#teamRosterContent .playerHolder {
    border-bottom: 1px solid rgba(230, 231, 232, 1);
}

.teamImg .img-max {
    width: 25px;
    height: 25px;
}

#teamRosterContent .importantPlayer {
    background: #E6E7E8;
    margin-bottom: 1px;
    color: #4A4A4A;
    max-height: 23px;
    overflow: hidden;
}

#teamRosterContent .soccer-ground .importantPlayer {
    background: transparent;
    color: #fff;
}

#teamRosterContent .importantPlayer .js-remove {
    color: #db4e44;
}

#teamRosterContent .pinTip {
    font-size: 23px;
}

#teamRosterContent .pinnBox .pinHolder {
    height: 12px;
}

#teamRosterContent .soccer-ground .pinnBox .pinHolder {
    height: 1px;
    background: rgb(60, 67, 54);
}

#teamRosterContent .pinnBox .playerDataHolder h5 {
    padding: 4px;
    text-transform: uppercase;
}

#teamRosterContent .pinnBox .playerDataHolder > h5 + ul {
    background: url(/Content/assets/images/ppn/rosterLine.png) #fff;
    width: 100%;
    max-height: 93px;
    overflow: hidden;
    min-height: 90px;
}

#teamRosterContent .StartingPitcher > .playerDataHolder > h5 + ul {
    height: 120px;
}

#teamRosterContent .pinnBox:not(.teamRosterGeneralPinnBox) {
    position: absolute;
    width: 131px;
}

#teamRosterContent .soccer-ground .pinnBox .playerDataHolder ul {
    background: none;
    /*max-height: none;
    min-height: 200px;*/
    height: 200px;
    overflow-y: scroll;
}

.playerDataHolder ul li {
    max-height: 23px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px dotted #ccc;
}

.soccer-ground .playerDataHolder ul li {
    background: transparent;
    color: #fff;
}

#teamRosterContent .pinnBox ul li .jersy-no {
    margin-top: 4px;
}

#teamRosterContent .playerDetails > li .js-remove {
    margin-left: 14px;
    top: -4px;
    right: -9px;
    font-weight: 100;
}

#teamRosterContent li:hover .js-remove {
    display: inline-block;
}

.my-border {
    border: 1px solid rgba(208, 217, 224, 0.35);
}

.my-alert {
    border: 1px solid rgba(211, 211, 211, 0.19);
    color: #1072A3;
}

#teamRosterContent .k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    line-height: 2.164em;
}

#teamRosterContent .k-webkit .k-numeric-wrap:before {
    height: 1.914em !important;
}

#teamRosterContent .box-col li {
    margin: 0;
}

.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 2.314em !important;
    padding-bottom: .4em;
}

.k-multiselect-wrap .k-input {
    height: 1.714em !important;
}

.k-multiselect-wrap li {
    line-height: 1.76em !important;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 3px !important;
}

.tooltip-inner {
    text-align: left;
}

.my-cursor {
    cursor: pointer;
}

.roster-tab {
    position: relative;
    display: inline-block;
    float: left;
    width: 21%;
    padding: 0px 0px 0px 7px;
    box-sizing: border-box;
}

.roster-ground {
    position: relative;
    display: inline-block;
    float: left;
    width: 77%;
    padding: 0px 7px;
    box-sizing: border-box;
}

.StartingPitcher ul li {
    margin-bottom: 1px;
}

.playerDetails-wrapper {
    font-size: 12px;
}

.yesma-lines {
    background: url(/Content/assets/images/ppn/rosterTabLine.png) #fff;
}

#teamRosterContent .k-multiselect-wrap li {
    font-size: 12px;
}

.tooltip-inner {
    background-color: #4A4A4A;
}

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

.edit {
    height: 25px;
}

.tauko-wraper {
    width: 30px;
    float: left;
    box-sizing: border-box;
}

.roster-tab .tauko-wraper {
    min-width: 41px;
    width: 28%;
}

.jersy-no {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jiu-wraper {
    float: left;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 16px;
    margin-left: 0px;
    min-width: 100px;
}

.roster-tab .jiu-wraper {
    float: left;
    width: 62%;
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .roster-tab .jiu-wraper .lastteamName,
    .roster-tab .jiu-wraper .lastPosition,
    .clickhereTabHittingLineupCont .jersy-no + span {
        color: #817979;
    }

.clickhereTabHittingLineupCont .jiu-wraper {
    min-width: 64%;
    float: left;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 16px;
    max-width: 80%;
}

.clickhereTabHittingLineupCont .jersy-no {
    display: inline-block;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.roster-tab .roster-name {
    padding-left: 22px;
}

.me-li > div:first-child:not(.tauko-wraper) {
    margin-right: 2px;
    width: 15px;
    text-align: right;
}

.thisTab .radio {
    padding: 0 14px 0 7px;
    margin-bottom: 4px;
    font-size: 13px;
    margin-top: 4px !important;
}

.radio > label {
    padding-left: 5px;
}

.me-line {
    display: block;
    height: 5px;
    border-bottom: 1px solid rgb(230, 231, 232);
    margin-bottom: 2px;
}

.lineup-title {
    padding: 0 15px;
}

.ground .tooltip {
    opacity: 1;
}

.ground .tooltip-inner {
    min-width: 262px;
    max-width: 400px;
    padding: 10px;
}

.ground .toltip-tauko {
    width: 30%;
}

    .ground .toltip-tauko img {
        width: 85px;
        margin-right: 10px;
    }

.ground .toltip-jiu {
    margin-top: 1px;
    width: 64%;
    margin-left: 7px;
}

span.tip-span {
    display: block;
}

.academic-ko-lagi {
    min-height: 415px !important;
}

    .academic-ko-lagi .sp-div-in label {
        min-width: 124px;
    }

    .academic-ko-lagi .sp-div-in div {
        width: 46%;
    }

textarea.form-control {
    height: initial !important;
}

.personalDetail {
    padding-left: 0px;
}

.demo-section {
    margin-top: 10px;
}

.forfamily.p-doc-item {
    height: 300px;
}

.rosterInfoSec {
    margin-bottom: 20px;
}

    .rosterInfoSec select option {
        padding-left: 5px;
    }

.orgInfoSetup .btn-add {
    margin: 15px;
}

.gridTable .k-grid-content tr:last-child td {
    border-bottom-width: 1px !important;
}

.jiu-wraper span {
    position: relative;
    float: right;
}

.trial-noti {
    background-color: #000 !important;
    padding: 10px;
    font-size: 20px;
    height: 40px;
    overflow: hidden;
    position: fixed;
    bottom: 18px;
    color: #FFF;
    line-height: 20px;
    font-variant: small-caps;
    right: 0;
}

.pt-select {
    width: 450px !important;
    margin-top: 10px;
    display: inline-block;
}

    .pt-select > span > span.k-input {
        height: 34px;
    }

    .pt-select option {
        font-size: 14px !important;
    }

.tracker-tauko,
.tracker-jiu {
    float: left;
}

    .tracker-tauko img {
        width: 30px;
    }

.tracker-select {
    cursor: pointer;
}

.tracker-jiu h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 8px;
    color: rgb(68, 73, 79);
    text-transform: capitalize;
}

.buttons-haru button {
    width: 100%;
}

.buttons-haru .multiSelect .checkBoxContainer {
    text-align: left;
}

.buttons-haru .multiSelect .button {
    text-align: left;
}

.top-trial-noti {
    display: inline-block;
    float: left;
    padding: 14px;
}

.multiSelect .helperButton {
    display: inline-block;
    width: 31%;
    font-size: 12px;
}

.exta-added {
    padding-left: 5px;
}

.rosterApprovalTitle img {
    width: 50px;
}

.coach-config-list-wrap {
    height: 170px;
}

.rosterApprovalTitle-nameteam {
    display: inline-block;
    text-align: left;
    padding-left: 0px;
    padding-top: 6px;
}

.rosterApprovalTitle span:first-child {
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.yesma-line-wrapper {
    height: 379px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mero-bttn {
    height: 34px !important;
    margin-left: -3px !important;
    min-width: 50px !important;
    padding-right: 12px;
    padding-left: 12px;
}

.search-wrap {
    text-align: right;
}

.show-all {
    margin-right: 10px;
    margin-top: 7px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}

.search-all {
    display: inline-block;
    width: 250px;
}

    .search-all input {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        width: 200px !important;
    }

.coach-lebal {
    color: #646464 !important;
    padding-left: 0px;
    padding-right: 5px;
}

    .coach-lebal + div {
        padding-right: 0px;
        padding-left: 0px;
    }

.me-li.playerNameList {
    border-bottom: none;
}

.pie-ko-lagi > svg {
    min-height: 400px !important;
}

.for-img-edit {
    background: url(/Content/assets/images/ppn/camera-icon.png) rgba(0, 0, 0, 0.67) no-repeat center center;
    content: "Edit Image";
    position: absolute;
    width: 160px;
    height: 160px;
}

    .for-img-edit span {
        position: absolute;
        display: block;
        bottom: 20px;
        left: 34px;
        color: white;
        font-size: 16px;
    }

    .for-img-edit:hover {
        cursor: pointer;
    }

.for-tauko {
    float: left;
    width: 45px;
}

.for-noti {
    float: left;
    width: 315px;
    padding-left: 5px;
}

.for-noti1 {
    margin-bottom: 5px;
}

.for-noti2 {
    font-size: 13px;
    color: #6F6666;
}

.for-noti span {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 20px;
}

.for-btn {
    float: right;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 0px !important;
}

.some-custom-hai {
    width: 385px;
}

    .some-custom-hai a {
        padding: 5px 15px !important;
    }

        .some-custom-hai a > div {
            margin-left: -5px;
        }

.for-btn .btn-close {
    min-width: 60px !important;
    font-size: 13px !important;
}

.for-btn .btn-submit {
    min-width: 80px !important;
    font-size: 13px !important;
}

.yesso-see-more {
    background-color: #FCFCFC !important;
    color: #1A1616;
    text-align: center;
}

    .yesso-see-more a {
        color: #A2A2A2 !important;
    }

.pt-select-wrap {
    margin-top: 20px;
}

.org-list {
    background-color: #2c5976 !important;
    color: #fff;
    text-align: center;
}

    .org-list a {
        color: #fff !important;
    }
/*------------ ticker -------------- */
.ticker-wrap {
    background: #111 none repeat scroll 0% 0%;
    clear: both;
    position: fixed;
    height: 50px;
    overflow: hidden;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    margin: 0 -15px;
}

.ticker {
    position: absolute;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    min-width: 100% !important;
    left: 100%;
    -webkit-animation: meroscroll 30s 2s infinite;
    -moz-animation: meroscroll 30s 2s infinite;
    -ms-animation: meroscroll 30s 2s infinite;
    animation: meroscroll 30s 2s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear;
}

    .ticker:hover {
        -webkit-animation-play-state: paused;
        -ms-animation-play-state: paused;
        -moz-animation-play-state: paused;
        animation-play-state: paused;
    }

    .ticker > li {
        float: left;
        list-style: none;
        margin-right: 20px;
    }

        .ticker > li span {
            margin-right: 8px;
            color: #1072A3;
            font-size: 18px;
        }

        .ticker > li a {
            color: #fff;
            font-weight: 400;
            text-decoration: none;
            font-size: 18px;
        }

@-webkit-keyframes meroscroll {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}

@-ms-keyframes meroscroll {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}

@-moz-keyframes meroscroll {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}

@keyframes meroscroll {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}
/*---------------------------  /ticker*/

.unit-section {
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(204, 204, 204, 0.57);
    height: 32px;
    border-radius: 3px;
    vertical-align: middle;
    padding: 5px 16px;
}

.search-wrap {
    top: 41px;
    margin-bottom: 5px;
}

.search-all input.form-control {
    border-bottom-left-radius: 0px !important;
}

.search-all span button.mero-bttn {
    border-bottom-right-radius: 0px !important;
}

.first-row-wrap .search-wrap {
    text-align: left;
    float: left;
}

.first-row-wrap .filter-wrap {
    float: left;
}

    .first-row-wrap .filter-wrap > .dropdown .btn {
        height: 34px !important;
        color: #4A4A4A;
    }

    .first-row-wrap .filter-wrap .dropdown a,
    .first-row-wrap .filter-wrap .dropdown a:visited {
        color: #4A4A4A;
    }

.selected-items-wrap {
    margin-left: 15px;
    padding-top: 2px;
}

.selected-items {
    display: inline-block;
    position: relative;
    padding: 5px 5px 5px 10px;
    margin-right: 5px;
    cursor: pointer;
    background-color: rgb(204, 204, 204);
    border-radius: 13px;
    margin-bottom: 3px;
}

    .selected-items > i.fa-times {
        color: #4A4A4A;
    }

.for-try-out-table {
    margin-top: 20px;
}

.for-filters {
    margin-top: 20px;
}

.tryout-img {
    max-width: 100%;
}
/* for Democalender */

.top-btn-set {
    min-height: 512px;
    height: 100%;
}

    .top-btn-set .tryoutHeader {
        border-right: 1px solid #ccc;
        padding: 10px 8px;
    }

        .top-btn-set .tryoutHeader:last-child {
            border-right: none;
        }

.alertIcon {
    text-align: center;
    float: left;
}

.top-btn-set > div i {
    font-size: 28px;
}

.sec1 {
    width: 250px;
}

.sec2 {
    width: 223px;
}

.sec4 {
    display: block;
    text-align: center;
}

.sec5 {
    width: 268px;
}

    .sec5 > div,
    .sec6 > div {
        margin-bottom: 5px;
    }

.sec6 {
    float: left;
    border-right: none !important;
    width: 60px;
}

.i-blue {
    color: blue;
}

.i-yellow {
    color: #EAC282;
}

.i-pink {
    color: #7B3776;
}

.i-red {
    color: red;
}
/*-----------------------------------------------------------  for media queries                   ------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .registrant-filter-group .showAllInviteesWrap {
        margin-top: 5px;
    }

        .registrant-filter-group .showAllInviteesWrap .k-checkbox-label {
            padding-left: 1.8em;
        }
}

@media screen and (min-width: 768px) {
    .cal-slider-pos-correction .thisinput {
        width: 90px;
        min-width: 110%;
    }
}

@media screen and (min-width: 992px) {
    .modal-body div.col-md-4.form-group > label {
        float: right;
    }

    #teamRosterContent .personalDetail {
        display: inline-block !important;
        margin-top: 5px;
        padding-right: 16px;
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) {
    .registrant-filter-group .showAllInviteesWrap {
        float: none;
    }
}

@media screen and (max-width: 767px) {
    .accor-table .doc-list {
        float: none;
        width: 100% !important;
        padding: 0px;
        max-width: initial;
    }

    .accor-table .p-doc-wrapper-inside .doc-delete,
    .accor-table .p-doc-wrapper-inside .doc-edit {
        margin-right: 5px;
    }

        .accor-table .p-doc-wrapper-inside .doc-delete::after {
            content: 'delete';
            margin-left: 8px;
        }

        .accor-table .p-doc-wrapper-inside .doc-edit::after {
            content: 'edit';
            margin-left: 8px;
        }

    .accor-table .cap-heading li:first-child {
        display: inline-block;
    }

    #teamRosterContent .GameType {
        text-align: center;
    }

    .sport-ko-lagi {
        width: 100% !important;
    }

    .sp-div {
        float: none;
        display: block;
    }

    .roster-tab {
        width: 40%;
    }

    .roster-ground {
        width: 60%;
    }

    .ground .pinnBox {
        padding: 0 7px;
    }

    .r-below-header .r-page-title h1 {
        text-align: center;
    }

    .search-wrap-wrap {
        text-align: center;
    }

    .pt-select {
        width: 290px !important;
    }

    .search-wrap {
        /*text-align: center;*/
        text-align: left;
        margin-bottom: 5px;
    }

    .pt-select-wrap {
        text-align: left;
    }

    .first-row-wrap,
    .first-row-wrap .filter-wrap {
        text-align: left;
        display: block;
        float: none !important;
        margin-bottom: 10px;
    }

        .first-row-wrap .search-wrap {
            text-align: left !important;
            float: none !important;
            display: block;
        }

        .first-row-wrap .filter-wrap > div {
            float: none !important;
            display: inline-block;
        }

        .first-row-wrap .selected-items {
            margin: 5px 8px 5px 0px;
        }

    .tryout-img-wrap {
        text-align: center;
        margin-bottom: 20px;
    }

    .make-it-ntfloat-inline {
        float: none !important;
        display: inline-block;
    }

    .PlayerNamePE {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .top-btn-set .tryoutHeaderWrapper:first-child .tryoutHeader:last-child {
        border-top: 1px solid #ccc;
    }

    .top-btn-set .tryoutHeader {
        border-right: none;
    }

    .top-btn-set .tryoutHeader {
        height: auto;
    }

    .alertIcon {
        float: left;
    }

    .top-btn-set > div i {
        font-size: 34px;
    }

    .short-content .evl-date {
        right: 0px !important;
    }

    .activity-gen-info > div {
        margin-top: 5px;
    }

    .agi-width-control {
        max-width: 100% !important;
        float: none !important;
    }

    .set-measurement label {
        max-width: 100% !important;
    }

    .agi-evl-control {
        max-width: 120px !important;
        float: none !important;
    }

    .asd-head,
    .asd-body {
        float: none !important;
        display: block !important;
    }

    .game-stat-top-sec-footer {
        margin-top: 20px;
    }

    .registrant-filter-group > div > div {
        /*float:left !important;*/
        margin-left: 0px;
    }

        .registrant-filter-group > div > div:first-child {
            margin-left: 145px !important;
        }

        .registrant-filter-group > div > div:last-child {
            margin-left: -324px;
        }

    #RegistrantPageSliderBody .registrant-filter-group > div > div:first-child,
    #RegistrantPageSliderBody .registrant-filter-group > div > div:last-child {
        margin-left: 0 !important;
    }

    #RegistrantPageSliderBody .form-inline .form-group {
        float: left;
        margin-right: 10px;
    }

    #RegistrantPageSliderBody .registrant-filter-group .showAllInviteesWrap {
        height: auto !important;
        margin-left: 10px;
    }

    #RegistrantPageSliderBody .registrant-filter-group .exportToExcelBtn {
        padding-top: 5px;
    }

    #RegistrantPageSlider #RegistrantPageSliderBody .form-inline button.btn-submit {
        float: left;
    }
}

@media screen and (max-width: 440px) {
    #RegistrantPageSliderBody .registrant-filter-group .executeEvaluationWrap {
        font-size: 12px;
        padding: 5px 0;
    }

    #RegistrantPageSliderBody .registrant-filter-group .showAllInviteesWrap label {
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    .registrant-filter-group > div > div {
        float: left !important;
    }
}

@media screen and (max-width: 991px) {
    .pt-select {
        width: 370px;
    }

    #teamRosterContent .profile-user-box {
        /*padding: 5%;*/
    }

        #teamRosterContent .profile-user-box > span {
            margin-bottom: 25px;
        }

        #teamRosterContent .profile-user-box .user-badge {
            /*margin-bottom: 20px;*/
        }

    #teamRosterContent .pinnBox:not(.teamRosterGeneralPinnBox) {
        position: relative;
        width: 25%;
        left: initial;
        right: initial;
        float: left;
    }

    .PlaceHolder {
        padding-bottom: 13px;
    }

    .PlaceHolderIcon {
        padding: 11px 10px 6px 0px !important;
    }

    .memberIn {
        min-height: 130px;
    }

    #teamRosterContent .profile-user-box .user-badge {
        /*left: 10.2%;
        bottom: -39px;
        width: 80%;*/
    }

    #teamRosterContent .avatar-w {
        margin-top: 0px;
    }

    .colorBandPos {
        margin-bottom: 10px;
    }

    .coach-config-list-wrap {
        height: 200px;
    }

    .report-graph {
        text-align: center;
        margin-top: 20px;
    }

    .roster-tab {
        width: 27%;
        padding: 0px 0px 0px 7px;
        box-sizing: border-box;
    }

    .roster-ground {
        width: 73%;
    }

    #teamRosterContent .personalDetail {
        display: inline-block !important;
        margin-top: 6px;
        padding-right: 16px;
        font-size: 12px;
    }

    .sm-margin-bottom-15 {
        margin-bottom: 15px;
    }

    .my-agenda-wrapper {
        margin-bottom: 30px;
    }

    .right-sec-wrapper {
        border: none !important;
        padding: 0px !important;
        margin-bottom: 0px !important;
    }

    .g-info {
        margin-top: 25px;
    }

    .by-wy-btn-wrapper {
        padding-left: 15px !important;
    }

    .popupSlide[size="S"] {
        min-width: 75%;
    }

    .barchart-wrapper {
        margin-top: 20px;
    }

    .total-eval-wrapper {
        padding-top: 0px !important;
        margin-bottom: 10px;
        border-bottom: 1px solid #f3f3f3;
    }
}

@media screen and (max-width: 1199px) {
    .top-btn-set .tryoutHeaderWrapper .tryoutHeader:not(:first-child):not(.thwPlayer) {
        border-top: 1px solid #ccc;
    }
}

@media screen and (min-width: 992px) {
    .barchart-wrapper div[kendo-chart] {
        float: right;
    }
}

@media screen and (min-width: 1200px) {
    label.binfo.lb,
    label.binfo.kg {
        padding: 7px 5px;
    }

    .editInfoRoster label {
        text-align: right;
    }

    .short-field {
        min-width: 194px;
    }

    .col-lg-for-5-div {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 20%;
    }
}

@media screen and (max-width: 530px) {
    label.binfo.lb,
    label.binfo.kg {
        padding: 8px 5px;
    }

    label.male,
    label.female {
        padding: 8px;
    }

        label.male::before {
            width: 0px !important;
        }

        label.female::after {
            width: 0px !important;
        }

    .cal-slider-pos-correction thisinput-wrapper {
        width: 100%;
    }
}

.labelTagPC {
    padding-right: 10px;
    width: 95px;
    float: left;
}

    .labelTagPC + span {
        display: inline-block;
        margin-right: 5px;
    }

.playerEvalPlayerDetail ul {
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
    height: 577px;
    position: relative;
    overflow-y: scroll;
    width: 100% !important;
}

    .playerEvalPlayerDetail ul li {
        padding: 5px;
        cursor: pointer;
        white-space: nowrap !important;
        border-bottom: 1px solid #fff;
    }

        .playerEvalPlayerDetail ul li.active {
            border-right: 5px solid #FF8C21;
        }

        .playerEvalPlayerDetail ul li:hover {
            border-right: 5px solid #FF8C21;
        }

        .playerEvalPlayerDetail ul li:first-child {
            padding: 5px;
            border-bottom: 1px solid #ccc;
            cursor: default;
        }

        .playerEvalPlayerDetail ul li a {
            display: block;
            color: #4A4A4A;
        }

            .playerEvalPlayerDetail ul li a span:first-child {
                width: 30px;
                float: left;
            }

            .playerEvalPlayerDetail ul li a span:last-child {
                max-width: 133px;
                width: 71%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                float: left;
                text-align: left;
            }

        .playerEvalPlayerDetail ul li:nth-of-type(odd) {
            background-color: #F3F3F3;
        }

.playerEvalPlayerDetail {
    display: block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
}

#listScroll + div {
    left: 100% !important;
}

#listScroll li.active-orange {
    border-right: 5px solid #FF8C21;
}

.evalCoach span:last-child {
    font-size: 16px;
}

.defaultTablePE td {
    vertical-align: middle;
}

.r-page-title-wraper {
    line-height: 0.3em;
    margin-bottom: 15px;
}

    .r-page-title-wraper.rptw-evaluation {
        margin-bottom: 0px !important;
    }

.sub-avatar-buttons {
    margin: 15px 0 5px;
}

    .sub-avatar-buttons ul li {
        height: 30px;
        line-height: 25px;
        margin-right: 10px;
        text-align: center;
        display: inline-block;
        width: 100% !important;
    }

.address {
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.small-dtls .checkbox-wrapper {
    margin-bottom: 10px;
}

.available-status__dot {
    display: inline-block;
    padding: 5px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: #4a4a4a 0px 0px 5px 0px;
}

.available-status__inner-dot {
    border: 1px solid #fff;
}

.available-status__text--bold {
    font-weight: 500;
}

.available-status__text--light {
    font-weight: 300;
}

.available-status__text--blue {
    color: #48a3fe;
}

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

.ppprofileName {
    line-height: 0;
    margin: 0;
    padding: 0;
}

.customKnob {
    position: relative;
    width: 45px;
    margin: 6px 0 0px;
    vertical-align: middle;
    box-sizing: border-box;
    float: right;
}

    .customKnob label:not(.evaltotallabel) {
        position: absolute;
        top: 24%;
        width: 60px;
        left: 1%;
        z-index: 99;
        background-color: transparent;
        font-size: 15px;
        font-weight: 500;
    }
/*------------------------------------------------ Program Builder-----------------------------------------------*/

.popupSlide {
    background-color: #fff;
    padding: 0 15px 0;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px #7B5E5E;
    overflow: hidden;
}

.popUpTitleBar {
    border-bottom: 1px solid #D7D9DA;
    background-color: rgba(220, 220, 220, 0.27);
    box-shadow: 0px 0px 1px 0px #ccc;
}

    .popUpTitleBar > div > div:first-child, .popUpTitleBar .PBTemplateName {
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.1);
        color: #222;
        padding: 7px 20px;
        text-transform: capitalize;
    }

        .popUpTitleBar > div > div:first-child span {
            background-color: rgba(0, 0, 0, 0.1);
        }

.popupSlideBody {
    padding-top: 15px;
    padding-bottom: 45px;
    overflow-y: scroll;
}

.addProgramFoot {
    padding: 7px;
    background-color: #fff;
    border-top: 1px solid rgba(237, 237, 237, 0.69);
}

.popUpTitleBar .fa:not(.notThisClass) {
    font-size: 22px !important;
    line-height: 37px;
}

.input-group.upload-btn > span.input-group-btn {
    height: 32px !important;
}

.input-group.upload-btn > input[type='text'] {
    border-radius: 0px 4px 4px 0px !important;
    height: 32px;
}

.this-panel-title {
    margin-left: 15px;
}

    .this-panel-title a {
        float: none !important;
        position: relative;
        width: 100% !important;
        padding: 10px 10px !important;
    }

        .this-panel-title a:not(.collapsed)::before {
            content: '';
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-bottom-color: #0E7AC7;
            position: absolute;
            top: 10px;
            left: -18px;
        }

        .this-panel-title a.collapsed::before {
            content: '';
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-left-color: #0E7AC7;
            position: absolute;
            top: 10px;
            left: -18px;
        }

.search-select {
    float: left;
    margin-right: 8px;
}

    .search-select #category {
        border-radius: 4px 4px 4px 0px !important;
    }

.popupSlideBody .panel-body {
    background-color: rgba(245, 245, 245, 0.24);
}

.ProgramWrrapper {
    width: 100% !important;
    padding-right: 6px !important;
}

.programeBuilderWrap,
.programeBuilderWrapPaid {
    width: 100% !important;
}

.popupSlideBody select.optional {
    border-radius: 4px;
    border-color: #C5C5C5;
}

.result-list-wraper {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    padding: 20px 15px;
    width: 100% !important;
    max-height: 410px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.result-list {
    margin-bottom: 5px;
    box-shadow: 1px 0px 2px 1px rgba(233, 234, 235, 0.8);
}

    .result-list:hover {
        background-color: #E6E7E8;
        cursor: pointer;
    }

.selectedOne {
    background-color: #E6E7E8;
    color: #4a4a4a;
}

    .selectedOne .prf-org,
    .selectedOne .knob-holder label,
    .selectedOne .evl-date,
    .result-list:hover .r-page-title-firstspan,
    .result-list:hover .evl-date,
    .result-list:hover .prf-org,
    .result-list:hover .knob-holder label {
        color: #4a4a4a;
    }

.tab-body {
    border: 1px solid #E9EAEB;
    border-top: 0px;
    padding: 15px 5px 0px;
}

.short-content > div {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.prf-org {
    /*font-size: 12px;*/
    font-size: 14px;
    color: rgba(74, 74, 74, 0.88);
    margin-top: 5px;
    display: block;
    width: 100%;
}

.evl-by {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.evl-date {
    /*font-size: 12px;*/
    font-size: 16px;
    color: rgb(33, 107, 152);
    margin: 8px 0 3px -5px;
    font-weight: 600;
}

.result-list-wraper > div:first-child .evl-date {
    margin-top: -2px !important;
}

.profile-general-info ul li {
    /*line-height: 16px;*/
}

    .profile-general-info ul li label {
        margin: 0px;
    }

.profile-general-info ul {
    border-left: none;
    border-right: none;
}

    .profile-general-info ul:nth-of-type(3) li {
        border-bottom: none;
    }

.prf-teams {
    float: left;
    width: 56%;
    display: inline-block;
}

.performance-address {
    font-size: 14px;
    color: rgba(74, 74, 74, 0.88);
}

.profile-general-info > div {
    background: #F8F9F9;
    border: 1px solid rgb(239, 240, 240);
    padding: 10px 0;
}

#teamRosterContent .profile-general-info > div {
    background: #F8F9F9;
    border: 1px solid rgb(239, 240, 240);
    min-height: 178px;
    padding: 15px 0;
}

.printProfileDetailsWrap .PlayerInfoRight .profile-general-info ul li {
    float: left;
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
    padding: 1px 0 !important;
}
.HitterPrintProfileDetailsWrap hr{
    margin: 5px 0;
}

@media screen and (max-width: 991.9px) {
    .HitterPrintProfileDetailsWrap .avatar-w .img-max {
        width: 100% !important;
    }

    .HitterPrintProfileDetailsWrap .ReportOrganizationLogo {
        text-align: center;
    }

        .HitterPrintProfileDetailsWrap .ReportOrganizationLogo img {
            float: none !important;
        }

    .HitterPrintProfileDetailsWrap .ReportOrganizationNameNEvent {
        text-align: center;
        width: 100%;
    }
}

.nTitleU,
.nTitle,
.pTitle {
    display: block;
    font-size: 18px;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
}

    .nTitleU:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #D0D9E0;
        position: absolute;
        /*top: 39px;*/
        top: 30px;
        left: 0px;
    }

.popupSlide .nTitle {
    margin-bottom: 10px;
}

.controls {
    border: 1px solid rgb(236, 240, 242);
    padding: 1px;
    display: inline-block;
}

    .controls > div {
        background-color: #2C2E31;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-bottom: 5px;
        margin-bottom: 3px;
        color: #fff;
        text-align: center;
    }

        .controls > div:last-child {
            margin-bottom: 0px;
        }

        .controls > div:hover,
        .no-more-moves {
            background-color: rgb(111, 112, 114) !important;
        }

.my-agenda-wrapper {
    min-height: 280px;
    margin-bottom: 75px;
}

@media screen and (min-width: 1200px) {
    #PlayerPublicProfile ul.customtab.tabs li a {
        font-size: 10px;
        font-weight: bold;
    }
}

@media screen and (max-width: 991px) {
    .my-team-agenda-wrapper {
        margin-top: 25px;
    }

    .myteamStatus {
        margin-top: 35px;
    }
}

.sliding-panels-group {
    position: relative;
}

.media-preview > video {
    width: 100% !important;
}

.media-section .k-dropzone {
    clear: both;
    display: table;
    content: ' ';
    width: 100%;
}

.media-section .k-header {
    background-color: #E6E7E8 !important;
}

.media-section .k-button {
    color: #444 !important;
    margin-left: 15px;
}

.media-section .k-dropzone-hovered {
    background-color: #3E94C9;
}

    .media-section .k-dropzone-hovered em {
        color: #fff !important;
    }

.media-section em {
    visibility: visible;
    color: #4a4a4a !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.ab-btn-right i {
    float: right;
}

.activity-list-wrapper {
    box-sizing: border-box;
}

.list-handel {
    width: 10%;
    height: 46px;
    background-color: #4A4A4A;
    cursor: move;
    line-height: 45px;
    text-align: center;
}

    .list-handel i {
        cursor: move;
        margin: 0px;
        color: #fff;
    }

i.list-download {
    max-width: 3%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
}

.list-body {
    padding: 3px 6px;
    width: 83%;
}

.act-time {
    font-size: 11px;
    color: #4A4A4A;
    font-weight: 300;
}

.act-media i.fa {
    font-size: 12px;
    margin: 0 5px;
}

.act-rating i {
    font-size: 8px !important;
    margin: 0 1px;
    color: #E6E7E8;
}

.act-rating {
    margin-left: 10px;
}

.list-title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.programeIn .break {
    margin-bottom: 11px;
}

.program-li-body label,
.program-li-body .tail-label {
    margin-right: 7px;
    font-size: 12px;
}

.program-li-body .tail-label {
    margin-left: 7px;
}

.program-li-duration {
    margin-top: 2px;
}

    .program-li-duration input {
        width: 50px !important;
        height: 25px;
    }

.program-li-score .km-switch-off,
.program-li-score .km-switch-on,
.program-li-accuracy .km-switch-off,
.program-li-accuracy .km-switch-on {
    height: 25px;
}

.program-li-score .km-switch-label-on,
.program-li-score .km-switch-label-off,
.program-li-accuracy .km-switch-label-on,
.program-li-accuracy .km-switch-label-off {
    line-height: 18px !important;
    font-size: 11px !important;
}

.program-li-body {
    padding: 1px 0px 0px 5px;
    width: 87%;
    height: 42px;
}

.program-li-m-type select {
    width: 86px !important;
    height: 25px;
    padding: 0px !important;
    font-size: 12px !important;
    margin-right: 2px;
    margin-bottom: 1px;
}

.drag-select-wrap.program-li-m-type.p-li-m-wrap select.form-control:last-child {
    margin-right: 15px;
}

.li-body-first {
    width: 70%;
}

.li-body-second {
    width: 30%;
}

.program-li-m-type select option,
.program-li-m-unit select option {
    font-size: 12px;
}

.program-li-score span:last-child label {
    margin-left: 10px;
}

.program-li-handel {
    width: 5%;
    background-color: #4A4A4A;
    height: 81px;
    line-height: 75px;
    text-align: center;
    color: #fff;
    cursor: move;
    border-right: 1px solid #FAFAFA;
}

    .program-li-handel i {
        margin: 0px !important;
        cursor: move;
    }

.program-li-tail {
    width: 5%;
}

    .program-li-tail i {
        display: block;
        width: 100%;
        margin: 0;
        height: 25px;
        padding-top: 7px;
        font-size: 18px;
        cursor: pointer;
    }

ul.program-ul {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    background-color: rgba(238, 238, 238, 0.24);
}

.program-li-title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.drop-n-drag {
    margin: 27px 0;
}

.modifiedNB.drag-drop-sec .k-select .k-link:last-child {
    left: -69px;
    top: -20px;
    padding: 4px 0 19px;
}

.thisTab .modifiedNB.drag-drop-sec .k-numeric-wrap.k-state-default {
    border-radius: 0 4px 4px 0;
    padding-left: 0px !important;
    height: 25px;
}

.programBuild-yearselect.drag-drop-sec .k-numeric-wrap .k-input {
    margin-left: 0 !important;
    text-align: left;
    width: 32px !important;
    height: 25px !important;
    line-height: 24px;
}

.drag-drop-sec .k-numeric-wrap .k-select {
    min-height: 1.514em;
}

.thisTab .modifiedNB.programBuild-yearselect.drag-drop-sec .k-numerictextbox {
    width: 70px !important;
    height: 25px !important;
    margin-top: 2px;
}

.modifiedNB.drag-drop-sec .k-select .k-link:first-child {
    padding: 4px 0px 15px;
}

.break-tail {
    padding-top: 21px !important;
    width: 95%;
}

    .break-tail input,
    .program-li-duration input {
        height: 25px;
        padding: 0px !important;
        text-align: center;
        font-size: 12px !important;
    }

        .break-tail input + label {
            color: #fff !important;
            margin-left: 7px;
            font-size: 12px;
        }

.hover-link {
    cursor: pointer;
    color: #3E94C9 !important;
}

    .hover-link.fa-eye {
        color: #fff !important;
    }

    .hover-link::first-letter {
        text-transform: capitalize;
    }

    .hover-link:hover {
        text-decoration: underline !important;
    }

#videoPreview {
    background: #000;
    text-align: center;
}

    #videoPreview video {
        width: 450px;
        height: 314px;
    }

.videoPreview {
    background: #000;
    text-align: center;
}

    .videoPreview video {
        width: 100%;
        height: 100%;
    }

.profile-general-info ul li .labelTagPC {
    padding-right: 10px;
    width: 42%;
}

.reshape-gen-info.profile-general-info ul li .labelTagPC {
    width: 160px;
}

.profile-general-info ul li .labelTagPC + span,
.profile-general-info ul li .labelTagPC + div,
.profile-general-info ul li .labelTagPE + span,
.profile-general-info ul li .labelTagPE + div {
    float: left;
    width: 45%;
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

#previewActivitiesBody hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #F2F3F3 !important;
}

.makePositionFixed {
    position: fixed;
    top: 106px;
    right: 24px;
    width: 38%;
}

#bioghaphy1 > .modal-content,
#bioghaphy > .modal-content {
    min-height: 100% !important;
}

.select-overlay {
    height: 34px;
    width: 45%;
    position: absolute;
    background: #FDFDFD;
    top: 0;
    left: 0;
    opacity: 0.1;
}

.select-popup {
    display: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 11px;
    width: 170px;
    background: #F2F3F3;
    line-height: 27px;
}

.drag-duration {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
    border: 1px dotted rgba(204, 204, 204, 0.41);
    margin-top: 0px;
}

    .drag-duration:hover,
    .drag-duration:focus,
    .drag-duration:active {
        border: 1px solid #ccc;
    }

.drag-duration-popup {
    font-size: 12px;
}

.prg-li-body-first {
    line-height: 42px;
    max-width: 12%;
    font-size: 12px;
    min-width: 8%;
}

.prg-li-body-second {
    max-width: 62%;
    min-width: 55%;
    height: 41px;
}

.prg-li-body-third {
    font-size: 12px;
    padding-left: 2%;
    max-width: 37%;
    min-width: 21%;
    height: 40px;
}

.click-popup {
    cursor: pointer;
    padding: 2px;
    text-align: center;
}

.prg-li-title {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prg-li-duration {
    font-size: 11px;
    color: rgb(118, 118, 118);
}

.plbs-first {
    max-width: 74%;
    min-width: 55%;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.plbs-second {
    line-height: 40px;
    max-width: 40%;
    min-width: 26%;
}

.for-rating {
    padding: 5px;
    background: #ccc;
    font-size: 12px;
}

.value-set,
.value-not-set {
    line-height: 15px;
    background-color: #0E7AC7;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 3px 4px;
    text-align: center;
    text-transform: capitalize;
}

    .value-set:hover {
        background-color: #3E94C9;
        color: #fff;
    }

.value-not-set {
    background: #F4F4F4;
    padding: 0 5%;
    color: #4A4A4A;
    cursor: pointer;
}

.drag-popup {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px;
    line-height: 24px;
    background: rgb(236, 236, 236);
    position: absolute;
    top: 45px;
    bottom: initial;
    right: 0;
    z-index: 9999;
}

    .drag-popup:after {
        content: '';
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-bottom-color: #CCCCCC;
        position: absolute;
        top: -16px;
        bottom: initial;
        left: 47%;
    }

    .drag-popup label {
        width: 170px;
        font-size: 12px;
        padding-right: 5px;
        text-align: left;
    }

        .drag-popup label span {
            float: right;
        }

.plbs-second i.fa {
    font-size: 12px;
}

.drag-duration-popup input {
    width: 86px !important;
    height: 25px;
    padding: 0 5px !important;
    font-size: 12px !important;
    margin-bottom: 1px;
}

.break-body {
    background-color: #4A4A4A;
    height: 42px;
    line-height: 42px;
}

.prg-li-break-body-title,
.drag-duration {
    color: #fff;
}

.program-break-tail i {
    padding-top: 4px !important;
}

.program-ul-empty {
    line-height: 42px;
    text-align: center;
}
/*  fixes   */

.program-li-handel {
    width: 8%;
    height: 42px;
    line-height: 42px;
}

ul.program-ul {
    min-height: 42px;
    position: relative;
}

.counter-field {
    display: inline-block;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    width: auto;
}

    .counter-field > div {
        width: 45px;
        height: 34px;
        line-height: 34px;
        text-align: center;
    }

.counter-minus.btn,
.counter-plus.btn {
    cursor: pointer;
    position: relative;
    height: 34px;
    width: 34px;
    min-width: 1px;
    background-color: #f2f3f3;
}

.counter-minus {
    border-radius: 4px 0 0 4px !important;
}

.counter-plus {
    border-radius: 0 4px 4px 0 !important;
}

.counter-field i {
    position: absolute;
    top: 10px;
}

.counter-plus i {
    right: 2px;
}

.counter-minus i {
    left: 2px;
}

.prg-li-break-body-title {
    width: 74%;
}

.break-body > .prg-li-body-duration {
    width: 21%;
    padding-left: 7px;
}

.program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(2) li .click-popup .drag-popup {
    top: 45px;
    bottom: initial;
}

    .program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(2) li .click-popup .drag-popup:after {
        border-bottom-color: #CCCCCC;
        top: -16px;
        bottom: initial;
        border-top-color: transparent;
    }

.program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(3) li .click-popup .drag-popup {
    top: 45px;
    bottom: initial;
}

    .program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(3) li .click-popup .drag-popup:after {
        border-bottom-color: #CCCCCC;
        top: -16px;
        bottom: initial;
        border-top-color: transparent;
    }

.program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(4) li .click-popup .drag-popup {
    top: 45px;
    bottom: initial;
}

    .program-wrap .situation:first-child .activities-wrapper ul.program-ul:nth-child(4) li .click-popup .drag-popup:after {
        border-bottom-color: #CCCCCC;
        top: -16px;
        bottom: initial;
        border-top-color: transparent;
    }

.situation .situationInput {
    width: 50% !important;
    margin: 0px 0 10px;
    border: 1px solid #eaeaea !important;
}

.prg-controlles > div {
    margin-right: 10px;
}

.g-info {
    background: #F8F9F9;
    border: 1px solid rgb(239, 240, 240);
    padding: 10px 0;
}
/*-- my team--*/

.my-team-select-wrapper label {
    width: 100%;
    color: #4a4a4a !important;
    font-size: 16px;
    margin-top: 15px;
}

.my-team-agenda-wrapper {
    margin-bottom: 15px;
}

.mtplayer-info {
    width: 70%;
}

.mtplayer-img {
    width: 25%;
    height: auto;
    max-width: 90px;
    position: relative;
    max-width: 88px;
    max-height: 88px;
}

    .mtplayer-img .profileImage {
        width: 100%;
        height: 100%;
    }

.labelTagMT {
    margin-right: 6px !important;
    color: #8c8c8c !important;
}

.mteam-li-fix span:last-child,
.mteam-li div:last-child {
    float: right;
    width: 100px;
}

.mteam-player-name {
    max-width: 54%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    float: left;
    font-size: 14px;
}

.my-team-player-box {
    min-height: 112px;
    background-clip: border-box;
    padding: 10px;
    font-size: 13px;
    box-shadow: 0 0 0px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 2px 1px -2px rgba(0,0,0,0.2);
}

.mteam-player-tab {
    background-color: transparent !important;
}

.mtplayer-jersyNumber {
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    display: inline-block;
    bottom: 1px;
    left: 0px;
    background: rgba(0, 0, 0, 0.79);
    color: rgba(255, 255, 255, 0.83);
    border-radius: 0 4px;
    height: 25px;
    min-width: 25px;
    text-align: center;
    padding: 0 5px;
    text-decoration: underline;
}

    .mtplayer-jersyNumber:hover {
        background: #000;
        color: #fff;
    }

.my-team-select-wrapper {
    margin-bottom: 10px;
}

.my-team-coach {
    min-height: 125px;
}

    .my-team-coach .mteam-player-name {
        max-width: 100% !important;
        float: none;
    }

    .my-team-coach .my-team-player-position {
        float: none;
    }

    .my-team-coach .mteam-li label.labelTagMT.emaillabel {
        width: 17%;
        display: inline-block;
        min-width: 33px;
        float: left;
    }

        .my-team-coach .mteam-li label.labelTagMT.emaillabel + span {
            width: 75%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
        }

.mTeam-accor-div.full-detail {
    max-height: 500px;
}

.mTeam-accor {
    background-color: transparent !important;
    border: none !important;
    position: relative;
    text-align: center;
    margin-top: 10px;
}

    .mTeam-accor:before {
        content: '';
        height: 1px;
        width: 25px;
        background-color: rgba(62, 148, 201, 0.58);
        position: absolute;
        top: 9px;
        left: 39%;
    }

    .mTeam-accor:after {
        content: '';
        height: 1px;
        width: 25px;
        background-color: rgba(62, 148, 201, 0.58);
        position: absolute;
        top: 9px;
        right: 39%;
    }

.my-team-player-position {
    margin-top: -1px;
    float: left;
    font-size: 12px;
}

.mteam-player-tab > div {
    cursor: pointer;
}

.mteam-player-tab-hover:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.34),0 1px 5px 0 rgba(0,0,0,0.34),0 3px 1px -2px rgba(0,0,0,0.2);
}

.mtplayer-img img {
    max-height: 90px;
}

.circ-btn i {
    font-size: 21px;
    color: #3E94CA;
}
/*for biometric measurement*/

.bio-stat-wrapper {
    border: 1px solid #E9EAEB;
    margin-bottom: 5px;
    padding: 5px 0;
    height: 40px;
    box-shadow: -1px 1px 3px -1px #ccc;
    line-height: 14px;
}

.bio-title {
    font-size: 14px;
    cursor: pointer;
    color: #3E93C9;
    font-weight: 500;
    display: inline-block;
    text-decoration: underline;
}

    .bio-title:hover {
        text-decoration: underline;
    }

.bio-update-date {
    font-size: 12px;
    color: rgb(72, 73, 74);
}

.bio-measurement {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: rgb(72, 73, 74);
}

.bio-unit {
    line-height: 35px;
    display: inline-block;
    margin-left: 5px;
    color: rgb(72, 73, 74);
    margin-right: 10px;
}

.bio-measurement-div .k-widget {
    width: 100%;
}

.bio-wt-unit .btn {
    border: none !important;
}

.bio-update-date span:last-child {
    color: rgb(72, 73, 74);
}

.bio-update-date span:first-child {
    color: #5E5F60;
}

td.bio-info-all div {
    position: relative;
    display: inline-block;
}

    td.bio-info-all div > div {
        margin-right: 15px;
        margin-left: 3px;
        color: #717171;
    }

.bio-srt-label {
    font-weight: 500;
    color: #4a4a4a !important;
}

.systolic-after {
    margin-right: 1px;
    margin-right: -1px !important;
}

.bio-measurement-div input[kendo-date-time-picker] {
    background: transparent;
    font-weight: 400;
    color: #4A4A4A;
}

.bio-measurement-div .gridTable .k-grid-header-wrap thead tr > th {
    padding-left: 5px !important;
}

.bio-info-table.gridTable .k-grid-header-wrap thead tr > th {
    padding-left: 5px !important;
}
/*player goals*/

.urbhag-label {
    width: 13%;
    min-width: 110px;
}

.urbhag-field {
    max-width: 75%;
    min-width: 70%;
}

.urbhag-label span:last-of-type {
    font-size: 13px;
    display: block;
    margin-top: -9px;
    color: #868181;
}

.bhag-desc {
    color: #868181;
    font-size: 13px;
}

.syb-label {
    font-weight: 400;
    font-size: 15px;
    text-decoration: underline;
}

.by-wy-btn-wrapper {
    padding-left: 0px;
}

.milestone-table-wrapper,
.player-gameStat-wrapper {
    border-top: 1px solid #F2F3F3;
    padding-top: 10px;
}

.light-table {
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

.milestone-title,
.gameStat-title {
    font-weight: 400;
    font-size: 17px;
}

.milestone-title {
    margin-bottom: 5px;
}

.gameStat-title {
    color: #5B5B5F;
}

.light-table thead th {
    color: #4a4a4a;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
}

.light-table td {
    text-align: left;
}

.light-table.table > tbody > tr > td {
    padding: 4px 6px 2px;
    vertical-align: middle;
    border-top: 1px solid transparent;
}

.light-table.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #DDDDDD;
}
/*for goals*/

.goal {
    padding: 2px 5px 7px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 2px 1px rgba(233, 234, 235, 0.8);
}

    .goal:hover {
        background-color: #E6E7E8;
        cursor: pointer;
    }

    .goal img {
        width: 60px;
        margin-right: 5px;
    }

.main-head {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0px;
    text-decoration: underline;
}

.goal-title {
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    margin-bottom: 2px;
}

.goal-str-cmpt-date {
    line-height: 16px;
    font-size: 13px;
}

.goal-cmpt-bar {
    margin-top: 5px;
}

.goal-title2 {
    font-size: 18px !important;
    line-height: 23px !important;
    font-weight: 500 !important;
}

.goal-info-wrapper ul li > label,
.goal-info-wrapper ul li label + span {
    float: left;
}

.goal-label,
.gameStat-Title-label,
.pro-sport-title {
    font-weight: 400;
    font-size: 17px;
    margin-right: 5px;
}

.pro-sport-title {
    text-transform: uppercase;
}

.gameStat-Title-label {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}

.goal-info-wrapper li > label {
    color: #8c8c8c !important;
    margin-right: 10px;
    width: 150px;
}

.goal-info-wrapper li label + span {
    min-width: 88px;
    min-width: 88px;
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.rtab-goals {
    padding-left: 5px;
    padding-right: 5px;
}

.goal-measurement-table-wrapper {
    margin-top: 15px;
}

    .goal-measurement-table-wrapper .main-head {
        margin-bottom: 0;
        margin-top: 15px;
    }

.popupSlide .btn-delete {
    margin-top: 3px;
}

.goalSetting-desc {
    color: #868181;
    font-size: 14px;
}

.goal-setting-wrapper {
    margin-top: 15px;
    border-top: 1px solid #F2F3F3;
    padding-top: 10px;
}

    .goal-setting-wrapper .k-widget.k-datepicker.k-header,
    #PersonalInformationBody .k-widget.k-datepicker.k-header {
        border-bottom: 0px solid #ccc !important;
    }

    #PersonalInformationBody span.k-widget.k-timepicker.k-header,
    .goal-setting-wrapper label {
        line-height: 14px;
    }

.systolic-wrapper:after {
    content: '/';
    position: absolute;
    right: -6px;
    top: -2px;
    font-size: 28px;
    color: #4D4D4D;
    font-weight: 300;
}
/*for program execute*/

.useSetTrue {
    line-height: 50px;
    text-align: left;
}

.activity-gen-info {
    background: #F3F3F3;
    line-height: 20px;
    text-align: left;
    padding: 5px 0;
}

.set-reps-wrapper {
    border-bottom: 1px solid rgba(243, 243, 243, 0.42);
    background: rgba(243, 243, 243, 0.35);
}

.set-name {
    min-width: 71px;
    max-width: 250px;
    line-height: 42px;
}

.set-measurement {
    margin: 5px 5px 5px 0px;
}

.activity-set-detail {
    padding: 0px 15px;
    border-bottom: 1px solid #F3F3F3;
}

.activity-set-detail-wraper {
    border: 1px solid #F3F3F3;
    margin-bottom: 1px;
}

.activity-set-title {
    font-size: 16px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    padding: 0 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #f3f3f3;
}

.agi-title {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
}

.asd-head + .set-measurement label {
    min-width: initial !important;
}

.set-measurement label {
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 14px;
    display: inline-block;
    height: 34px;
    box-sizing: border-box;
    padding: 9px 0 0;
}

.set-measurement .modifiedNB + label {
    margin-left: 8px;
}

.pe-readonly-view .set-measurement label {
    font-size: 14px;
    min-width: initial !important;
}

.pe-readonly-view .set-measurement {
    margin-right: 20px;
}

.set-measurement label:first-child {
    text-align: right;
    margin-right: 5px;
    min-width: 100px;
}

.eval-total-wrapper {
    padding: 3px 15px;
    background: #f3f3f3;
    /*margin-right: -15px;*/
    margin-top: 0px;
}

.total-eval-wrapper {
    font-size: 16px;
    font-weight: 300;
    padding-top: 25px;
    /*margin-right: -15px;*/
}

.activity-set-wrapper {
    margin-bottom: 50px;
}

.img-preview {
    max-height: 200px;
    max-width: 200px;
}

.asd-head {
    float: left;
    display: inline-block;
}

.asd-body {
    float: left;
    width: 100%;
    margin-right: -16px;
}

.agi-width-control {
    float: left;
    min-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
}

.agi-evl-control {
    float: right;
    max-width: 115px;
}

    .agi-evl-control div > span:first-child {
        width: 40px !important;
        margin-left: 5px;
    }

.agi-width-control.agi-title,
.agi-width-control.set-name {
    min-width: 150px;
    max-width: 150px;
}

.for-exercise .agi-width-control.set-name {
    min-width: 50px;
}
/*  for game Stat   */

.gameStat-div {
    float: left;
    min-width: 150px;
    margin-bottom: 5px;
}

    .gameStat-div > label {
        display: block;
        font-size: 12px;
        padding-bottom: 0px;
    }

.gameStat-wrapper {
    padding-bottom: 5px;
    border-bottom: 1px solid #F2F3F3;
    margin-bottom: 5px;
}

.player-game-stat-table-wrapper {
    margin-top: 10px;
}

#templateSettingBody .select-wrapper label {
    float: left;
    line-height: 35px;
}

#templateSettingBody .select-wrapper .select-wrap {
    float: left;
    width: 45%;
    margin-left: 15px;
    margin-bottom: 15px;
}

li.dropdown-fired.org-bar-ctrl a {
    font-size: 12px;
}

.dropdown-fired.org-bar-ctrl > div > label {
    font-size: 14px;
    font-weight: bold;
    margin-right: 2px;
    margin-left: 2px;
    color: #CFCFCF !important;
}

span.k-scheduler-mark.round-dot.flat-dot,
.k-scheduler-mark.flat-dot,
.k-state-default.tracker-tauko.my-team-ko-tauko.flat-dot {
    width: 100%;
    border-radius: 0;
}

div#MoveToSeasonSliderBody .suscribe-list-wrap {
    padding: 10px 0;
}
div#RemoveFromSeasonSliderBody .suscribe-list-wrap {
    padding: 10px 0;
}
.game-stat-top-sec {
    padding-top: 10px;
}

.game-stat-team-name {
    display: inline-block;
    background: #e3e3e3;
    padding: 5px 19px;
    border-radius: 16px;
    position: relative;
    width: 55%;
    min-width: 156px;
    text-align: center;
    height: 30px;
}

    .game-stat-team-name > span:first-child {
        display: block;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        color: #777;
    }

span.game-stat-team-score {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    background: #e3e3e3;
    top: -16px;
    right: -44px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 22px;
    text-shadow: 1px 1px 6px #000;
}

.gstn-second span.game-stat-team-score {
    left: -43px;
}
/*for add invitees section in scheduler*/

.added-invities-wrapper {
    height: 170px;
    position: relative;
    padding: 5px 0;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.added-invities-section-toggle {
    position: absolute;
    top: -10px;
    right: 15px;
    display: none;
    padding: 5px 15px;
    z-index: 9;
}

.added-invities-section div span {
    font-size: 12px;
}

.added-invities-section .selected-items-wrap .selected-items {
    color: #4a4a4a;
}
/*for roster team Soccer*/

.soccer-ground-div {
    border: 2px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 28px;
    box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.75);
    margin: 40px 0;
}

.sgd-head {
    border-bottom: 1px solid #C3C3C3;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px #ccc;
}

.sgd-body {
    padding: 10px;
}

.sgd-list {
    border-bottom: 1px solid #F6F6F6;
    font-size: 16px;
    padding: 2px;
    cursor: pointer;
}

.sgd-list-img img {
    width: 30px;
    height: 30px;
}

.sgd-list-img {
    margin-right: 5px;
}

.row.soccer-ground-overlay {
    padding: 40px 0;
    background: rgba(0, 0, 0, 0.2);
}
/*for Game Stat*/

.baseballGameStatControllerClass .game-title {
    text-align: center;
    text-transform: capitalize;
}

    .baseballGameStatControllerClass .game-title a {
        font-size: 20px;
        line-height: 40px;
    }

.baseballGameStatControllerClass .gameScoreTabBody {
    display: none;
}

.baseballGameStatControllerClass .game-team-info div a {
    font-size: 12px;
}

.baseballGameStatControllerClass .show-tab {
    display: block;
}

.baseballGameStatControllerClass .select-tab {
    border-top: 1px solid #FFF;
    color: #000;
    border-bottom: 5px solid #FF8C21;
    background: #E6E7E8;
}

.baseballGameStatControllerClass table#sample {
    background-color: #fff;
    width: 98%;
}

    .baseballGameStatControllerClass table#sample thead {
        border: 2px solid #ccc;
        background: #f2f2f2;
    }

        .baseballGameStatControllerClass table#sample thead th {
            font-weight: 500;
            font-size: 11px;
            padding: 3px 5px;
            border-right: 1px solid #ccc;
        }

    .baseballGameStatControllerClass table#sample tr.myrow {
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        font-size: 12px;
    }

    .baseballGameStatControllerClass table#sample tr td {
        padding: 3px 5px;
        border-right: 1px solid #ccc;
    }

.baseballGameStatControllerClass .table-responsive {
    border: none;
}

@media (max-width: 1110px) {
    .baseballGameStatControllerClass .playerEvalPlayerDetail ul li a span:first-child {
        display: none;
    }

    .baseballGameStatControllerClass .playerEvalPlayerDetail ul li a span.playerpos {
        padding-left: 0px;
    }
}

.popupSlide .time-location-wrapper {
    color: #787575;
    text-transform: capitalize;
    font-size: 13px;
}

.time-location-wrapper > div > i {
    float: left;
}

.time-location-wrapper > div > span {
    float: left;
    max-width: 82%;
    line-height: 14px;
}

.game-title-mini {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 5px;
}

.game-stat-btn-wrapper {
    height: 45px;
}

    .game-stat-btn-wrapper > button,
    .gameStatTitle-wrapper > span {
    }

.gameStatTitle-wrapper > span {
}

.gameStat-teamImg {
    max-width: 13%;
    min-width: 30px;
    float: left;
    margin-right: 4px;
}

.gameStat-playerpose,
.gameStat-playerpose-title {
    float: right;
    max-width: 25%;
    min-width: 21px;
}

.gameStat-playername,
.gameStat-playername-title {
    max-width: 47%;
    float: left;
    min-width: 36px;
}

.gameStat-playername,
.gameStat-playerpose {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.no-hover-effect:hover {
    border-right: initial !important;
}

.ground.soccer-ground.srfTabs {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    #teamRosterContent .ground.hockey-game-roster {
        min-height: 355px;
    }
}

@media screen and (max-width: 767px) {
    .ground.soccer-ground.soccer-game-roster.srfTabs {
        max-width: 430px;
    }

    #teamRosterContent .ground.hockey-game-roster {
        min-height: 300px;
    }

    .makePositionFixed {
        position: fixed;
        top: 46px !important;
        width: 40%;
        right: 27px;
    }
}

@media screen and (max-width: 879px) {
    .ground.soccer-ground.soccer-game-roster.srfTabs {
        max-width: 430px;
    }
}

@media screen and (max-width: 991px) {
    .ground.soccer-ground.soccer-game-roster.srfTabs {
        max-width: 94%;
    }
}

@media screen and (min-width: 992px) {
    .ground.soccer-ground.soccer-game-roster {
        min-height: 500px;
    }

        .ground.soccer-ground.soccer-game-roster.srfTabs {
            max-width: 96%;
        }

    #teamRosterContent .ground.hockey-game-roster {
        min-height: 400px;
    }
}

@media screen and (min-width: 1100px) {
    .ground.soccer-ground.soccer-game-roster {
        min-height: 500px;
    }

        .ground.soccer-ground.soccer-game-roster.srfTabs {
            max-width: 100%;
        }

    #teamRosterContent .ground.hockey-game-roster {
        min-height: 450px;
    }
}

@media screen and (min-width: 1200px) {
    .ground.soccer-ground.soccer-game-roster {
        min-height: 500px;
    }

    #teamRosterContent .ground.hockey-game-roster {
        min-height: 500px;
    }
}

@media screen and (min-width: 1300px) {
    .ground.soccer-ground.soccer-game-roster {
        min-height: 585px;
    }

        .ground.soccer-ground.soccer-game-roster.srfTabs {
            max-width: 580px;
        }

    .ground.soccer-ground.srfTabs.soccer-game-roster {
        max-width: 90%;
    }

    #teamRosterContent .ground.hockey-game-roster {
        min-height: 560px;
    }
}

.ground.hockey-ground,
.ground.soccerTeamRoster-ground {
    min-height: 700px;
    max-width: 630px;
    margin: 0 auto;
}
/*Soccer Game Roster*/

.srfDiv {
    display: inline-block;
    text-align: center;
    position: absolute;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.srfDivImage {
    position: relative;
    display: inline-block;
}

    .srfDivImage img {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        box-shadow: 0px 0px 8px 1px rgba(0, 54, 0, 0.57);
    }

.srfDivJerseyNo {
    position: absolute;
    bottom: 0px;
    left: -5px;
    display: inline-block;
    background: rgb(74, 74, 74);
    color: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgba(176, 163, 163, 0.46);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
}

.srfDivName {
    background: transparent;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    max-width: 185px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 22px;
    position: absolute;
    left: -20px;
    right: 0;
}

.srfTabs .pinnBox {
    width: 60px !Important;
    background: url(/Content/assets/images/ppn/soccerplayer.png) center center no-repeat;
    background-size: contain;
    position: absolute !important;
}

.hockey-game-roster.srfTabs .pinnBox {
    width: 60px !Important;
    background: url(/Content/assets/images/ppn/hockeyplayer.png) center center no-repeat;
    background-size: contain;
    position: absolute !important;
}

#teamRosterContent .soccer-ground .pinnBox.srfDiv .playerDataHolder ul,
#teamRosterContent .hockey-game-roster .pinnBox.srfDiv .playerDataHolder ul {
    max-height: 80px;
    min-height: 80px;
}

.srfDiv .fa.fa-times {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: rgba(0, 0, 0, 0.59);
    padding: 0px 0px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    right: -10px;
}

    .srfDiv .fa.fa-times:hover {
        background: #000;
    }

.srf-btnset .btn-group,
.srf-btnset .btn-group .dropdown-toggle,
.srf-btnset .btn-group .dropdown-toggle + ul.dropdown-menu {
    width: 100% !important;
}

    .srf-btnset .btn-group .dropdown-toggle + ul.dropdown-menu {
        min-width: 0px !important;
    }

    .srf-btnset .btn-group .dropdown-toggle > span:first-child {
        width: 90% !important;
    }

.srf-ground-wrap {
    background: #FFFFFF;
    padding: 10px 0;
}

.maingrid.k-grid.k-widget .k-grid-header > div.k-grid-header-wrap > table[role='grid'] thead[role='rowgroup'] tr > th:first-child,
.maingrid.k-grid.k-widget .k-grid-content > table[role='grid'] tbody[role='rowgroup'] tr > td:first-child {
    padding: 5px !important;
}

.maingrid.k-grid.k-widget .k-grid-content .km-scroll-container table[role='grid'] tbody[role='rowgroup'] tr > td:first-child > input {
    margin-left: 0px !important;
}
/* game team roster */

#teamRosterContent .ground.soccer-ground.soccerTeamRoster-ground {
    background: url(/Content/assets/images/ppn/soccer.jpg);
    background-size: 100% 100%;
    padding-top: 50px;
}
/*survey event form*/

.questionAnsWrapper {
    padding: 15px;
    border: 1px solid #C5C5C5;
    border-radius: 4px 4px 0 0;
}

.answerWrap {
    padding-left: 35px;
    font-size: 13px;
    color: rgba(13, 13, 13, 0.68);
    font-weight: 500;
}

span.questionNo {
    margin-right: 10px;
}

.answerWrap > div {
    margin-top: 5px;
}

.questionWrap {
    font-weight: 900;
}

.survey-user > img {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}

#surveyReportSlider .playerEvalPlayerDetail ul li:first-child:hover {
    border-right: 1px solid transparent;
}

.survey-user div > span:last-of-type {
    color: rgba(13, 13, 13, 0.68);
    font-size: 12px;
}

.contract-form {
    padding: 10px 15px;
    background: rgba(221, 218, 218, 0.129412);
    margin-bottom: 60px;
    box-shadow: 0px 0px 1px #ccc;
}
/*for coachcalendar scheduler*/

.shcedulerHeaderNewOrient {
    float: left;
    width: 27%;
    min-width: 142px;
    max-width: 150px;
}

.schedulerBodyNewOrient {
    float: left;
    border-left: 1px solid rgb(230, 230, 230);
}

@media screen and (max-width: 767px) {
    .shcedulerHeaderNewOrient {
        width: 18% !important;
    }

    .schedulerBodyNewOrient {
        width: 63% !important;
    }
}

@media screen and (max-width: 991px) {
    .schedulerBodyNewOrient {
        width: 77%;
    }

    #teamRosterContent .pinnBox:not(.teamRosterGeneralPinnBox) {
        margin: -7px 20px !important;
    }

    #teamRosterContent .ground.baseball-ground .pinnBox {
        margin: 20px !important;
    }
}

@media screen and (min-width: 768px) {
    .shcedulerHeaderNewOrient {
        width: 17%;
    }

    .modal-dialog {
        margin: 60px auto !important;
    }
}

@media screen and (min-width: 992px) {
    .schedulerBodyNewOrient {
        /*width: 82%;*/
        width: 100%;
    }
}

.tryoutPopupWrap {
    border: 1px solid rgb(230, 230, 230);
    display: -webkit-flex;
    display: flex;
    margin-bottom: 50px;
}

.k-header.km-header.km-header-custom {
    line-height: 29px;
}
/* team roster general */

#teamRosterContent .team-roster-general-ground .pinnBox .playerDataHolder h5 {
    padding: 4px;
    text-transform: uppercase;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.team-roster-general-ground .pinnBox {
    margin-bottom: 15px;
}

.bp_img {
    margin: 0 auto;
    width: 250px;
    height: 517px;
}

.map-tab.kg-lg-wrapper {
    width: 100%;
    margin-top: 1px;
    margin-bottom: 25px;
    text-align: center;
}

.bp-qa-slider-tab.kg-lg-wrapper {
    width: 100%;
    margin-top: 1px;
}

    .bp-qa-slider-tab.kg-lg-wrapper .btn-group label {
        width: 70px;
    }

.popupSlide.mobileView > div div#bodyPartsSliderBody {
    height: 100% !important;
}

.popupSlide.mobileView > div div#bodyPartsSliderTitleBar .save-edit {
    min-width: 50px !important;
}

.popupSlide.mobileView > div div#bodyPartsSliderBody .map-tab.kg-lg-wrapper {
    margin-bottom: 5px;
}

#survey label:not(:first-child) {
    margin-top: 15px;
}

.color-band-div {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    border: none;
    border-radius: 4px !important;
    height: 34px;
    box-shadow: 1px 1px 4px 1px #ccc !important;
}

.demo-section .k-colorpicker .k-selected-color {
    width: 7.3em !important;
    height: 2.35em;
}

.border-wrap label {
    margin-bottom: 0;
    margin-top: 10px;
}

.border-wrap > div > div label + .select-wrap {
    margin-top: 10px;
}

.tryoutHeader .btn-info {
    color: #fff;
    background-color: #3E94C9;
    border-color: #3E94C9;
}

.rost-img-wrapper img {
    width: 30px;
    height: 30px;
}

#teamRosterContent .ground.baseball-ground .pinnBox:not(.teamRosterGeneralPinnBox) {
    margin: 20px 20px;
}

.pain-index {
    padding: 5px;
    position: absolute;
    top: 20px;
    left: 10px;
}

.index-wrap span {
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.pain-indx {
    background: #88505D;
}

.sore-indx {
    background: #81884B;
}

.tight-indx {
    background: #3B419C;
}

#surveyFormSlider .table {
    font-size: 12px;
}

.index-wrap label {
    font-size: 12px;
    font-weight: 300;
    line-height: 10px;
}

#surveyFormSlider .table {
    margin-bottom: 0px;
}

#surveyFormSlider td,
#surveyFormSlider th {
    padding: 5px;
    line-height: 14px;
}

#MoveToSeasonSliderBody table img.img-thumbnail {
    max-width: 55px;
    padding: 1px;
}

.for-kpm-stat-setting .fa-asterisk {
    font-size: 12px;
}

#editCoachOrganizationInfoSlider label {
    margin-top: 8px;
    margin-bottom: 0px;
}
/*general team roster css*/
#teamRosterContent .ground.team-roster-general-ground.general-ground {
    border-radius: 4px;
    background: none;
    background-size: 100% 100%;
    position: relative;
    margin: 0 auto;
}

#roster-positions {
    position: relative;
}

.general-ground #roster-positions {
    padding: 30px 0;
}

.general-ground .ground-in {
    background: rgba(0, 0, 0, 0.24);
}

.general-ground .pinnBox .playerDataHolder h5 {
    border-radius: 4px 4px 0 0;
    color: rgba(255, 255, 255, 0.75);
    border-bottom: none;
}

.general-ground .playerDataHolder {
    background: rgba(0, 0, 0, 0.47);
    box-shadow: 1px 3px 3px 0px rgb(0, 33, 0);
}

#teamRosterContent .general-ground .pinnBox .playerDataHolder ul {
    background: none;
    max-height: none;
}

.general-ground .playerDataHolder ul li {
    background: transparent;
    color: #fff;
}

#teamRosterContent .general-ground .importantPlayer {
    background: transparent;
    color: #fff;
}

#teamRosterContent .general-ground .pinnBox .pinHolder {
    height: 1px;
    background: rgb(60, 67, 54);
}
/*hockey team roster  css*/

#teamRosterContent .ground.team-roster-general-ground.hockey-ground {
    border-radius: 4px;
    background: url(/Content/assets/images/ppn/hockey.jpg);
    background-size: 100% 100%;
    position: relative;
    margin: 0 auto;
}

.team-roster-general-ground.hockey-ground .pinnBox {
    width: 34%;
    position: absolute;
}

.hockey-ground .ground-in {
    background: rgba(0, 0, 0, 0.03);
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(1) {
    left: 34%;
    top: 35px;
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(2) {
    left: 5%;
    top: 180px;
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(3) {
    right: 5%;
    top: 180px;
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(4) {
    left: 5%;
    top: 500px;
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(5) {
    right: 5%;
    top: 500px;
}

.team-roster-general-ground.hockey-ground .pinnBox:nth-of-type(6) {
    left: 34%;
    top: 350px;
}
/* / hockey team roster  css*/

.sub-ply-title {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.sub-ply-list li {
    font-size: 12px;
    position: relative;
    line-height: 27px;
    border-bottom: 1px solid rgba(245, 245, 245, 0.45);
    color: #fff;
}

    .sub-ply-list li i.fa-times {
        position: absolute;
        top: 0px;
        right: 5px;
    }

.ply-image {
    max-width: 30px;
    height: 30px;
    margin-right: 5px;
}

.sub-ply-list li > div:nth-of-type(1) {
    width: 16px;
    text-align: right;
    margin-right: 5%;
}

.ply-no {
    margin-right: 2px;
    float: right;
    width: 10%;
    max-width: 27px;
}

.ply-name {
    width: 36%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4%;
    font-weight: 500;
}

.ply-pos {
    margin-right: 13px;
}

.sub-ply-title .roster-no {
    width: 16px;
    margin-right: 8%;
}

.sub-ply-title .roster-name {
    width: 60%;
}

.sub-ply-title span.roster-position {
    width: initial;
    float: right;
    margin-right: 8%;
}

.sub-ply-wrapper {
    margin: 10px -10px;
    border: 1px solid rgba(9, 8, 8, 0.33);
    position: absolute;
    width: 27%;
    top: 6px;
    right: 20px;
    height: 200px;
    background: rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.82);
    border-radius: 0 0 4px 4px;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hockey-game-roster .sub-ply-wrapper {
    top: 0;
    height: 96%;
}

.sub-ply-list-wrapper {
    min-width: 100% !important;
    max-height: 64%;
    display: block;
    overflow-y: scroll;
}

.hockey-game-roster .sub-ply-list-wrapper {
    max-height: 84%;
    height: 84%;
    border-bottom: 1px solid rgba(225, 229, 221, 0.23);
}

.hockey-game-roster .sub-ply-list {
    min-height: 100% !important;
}

.sub-ply-wrapper > div:first-child {
    text-transform: uppercase;
    text-align: left;
    padding: 5px;
    border-bottom: 5px solid rgba(255, 140, 33, 0.84);
    background-color: rgba(12, 12, 12, 0.42);
    color: rgba(255, 255, 255, 0.68);
}

#cssmenu #ppn-logo-wrapper {
    text-align: center;
    background-color: #3E94C9;
    padding: 10px;
    font-size: 12px;
    position: relative;
    bottom: 0;
}

.soccer-cards {
    width: 28px;
    height: 35px;
    margin-right: 15px;
    border: 1px solid #d7dada;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    position: relative;
}

    .soccer-cards.yellow {
        border: none;
        background-color: #faf68f;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#faf68f), to(#f3ed53));
        background-image: -webkit-linear-gradient(top, #faf68f, #f3ed53);
        background-image: -moz-linear-gradient(top, #faf68f, #f3ed53);
        background-image: -ms-linear-gradient(top, #faf68f, #f3ed53);
        background-image: -o-linear-gradient(top, #faf68f, #f3ed53);
        background-image: linear-gradient(to bottom, #faf68f, #f3ed53);
    }

    .soccer-cards.red {
        border: none;
        background-color: #e40a0a;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
        background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
        background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
        background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
        background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
        background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
    }

button.soccer-cards.yellow:after,
button.soccer-cards.red:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: rgb(210, 208, 145);
    border-bottom-color: rgb(210, 208, 145);
    box-shadow: 0px 0px 0px rgba(124, 124, 124, 0.65);
    border-right-color: #fff;
    border-top-color: #fff;
    top: 0px;
    right: 0px;
}

button.soccer-cards.red:after {
    border-bottom-color: rgb(210, 208, 145);
    box-shadow: 0px 0px 0px rgba(124, 124, 124, 0.65);
}

.soccer-cards:focus,
.soccer-cards:active,
.soccer-cards:visited {
    border: none !important;
}

#evtLocation-list .k-list-filter > .k-textbox {
    width: 89%;
    border: 1px solid #F2F3F3;
    margin-bottom: 5px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: 0px 0px 1px #EFECEC;
}

.hockey-game-roster .srfDivName.ng-binding {
    color: #000;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.4);
}

.hockey-game-roster .sub-ply-wrapper > div:first-child {
    color: #fff;
}

.game-roster-team-pic .user-badge {
    position: relative;
}

    .game-roster-team-pic .user-badge .hover-mask {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.34);
        cursor: pointer;
    }

        .game-roster-team-pic .user-badge .hover-mask .u-disp {
            padding-top: 50px;
            color: #fff;
        }

.print-wrapper {
    padding-top: 27px;
}

.summary-wrapper {
    border: 1px solid #ddd;
    margin: 0 0 20px;
}

    .summary-wrapper > div.nTitle {
        margin-bottom: 15px;
        background: #f7f7f7;
        padding: 4px 10px;
        border-bottom: 1px solid #ddd;
    }

    .summary-wrapper > div:not(.nTitle) {
        margin-bottom: 10px;
    }

        .summary-wrapper > div:not(.nTitle) span {
            display: inline;
        }

@media screen and (max-width: 991px) {
    .summary-wrapper {
        margin: 0 0 10px;
    }

    .footable-last-column {
        padding-right: 0px;
    }

    .summary-top-wrapper {
        margin: 15px 0 !important;
        padding: 0 !important;
    }
}

.multiselectHeightControl.multiSelect > .button.multiSelectButton {
    max-height: 34px;
    overflow: hidden;
}

#tblSurveyData tbody tr td > span:first-child,
#tblSurveyData tbody tr td div.footable-row-detail-value > span:first-child {
    font-weight: 500;
}

#tblSurveyData tbody tr td > span > span > span:first-child,
#tblSurveyData tbody tr td div.footable-row-detail-value > span > span > span:first-child {
    font-weight: 400;
}

#tblSurveyData tbody tr td > span > span > span:last-child,
#tblSurveyData tbody tr td div.footable-row-detail-value > span > span > span:last-child {
    font-weight: 300;
}

#tblSurveyData tbody tr td > span > span {
    display: block;
    font-size: 13px;
}

#tblSurveyData tbody tr td div.footable-row-detail-value > span:first-child {
    margin-right: 22px;
    min-width: 25px;
    display: inline-block;
}

#tblSurveyData tbody tr td div.footable-row-detail-value > span > span {
    margin-right: 22px;
    display: inline-block;
    font-size: 13px;
}

#tblSurveyData tbody tr td span {
    text-transform: capitalize;
}

.summary-top-wrapper {
    /*margin-top: 60px;*/
    background: #f2f3f3;
    padding: 5px;
    display: -webkit-flex /* Safari */;
    -webkit-flex-wrap: wrap /* Safari 6.1+ */;
    display: flex;
    flex-wrap: wrap;
}

.summary-div-wrapper {
    padding: 0 3px;
    background: #fff;
}

    .summary-div-wrapper > div {
        box-shadow: 0px 0px 4px #ccc;
        padding: 15px 0px 15px 7px;
        height: 70px;
        background: #fff;
    }

.summary-div-img {
    background: rgb(74, 74, 74);
    border-radius: 50%;
    width: 22%;
    border: 1px inset rgba(0, 0, 0, 0.75);
    max-width: 30px;
    margin-top: 8px;
}

.summary-top-wrapper .summary-div-wrapper:nth-of-type(1) img {
    background: #ef5437;
    box-shadow: 0px 0px 4px #ef5437;
}

.summary-top-wrapper .summary-div-wrapper:nth-of-type(2) img {
    background: #3e93c9;
    box-shadow: 0px 0px 4px #3e93c9;
}

.summary-top-wrapper .summary-div-wrapper:nth-of-type(3) img {
    background: #9556a8;
    box-shadow: 0px 0px 4px #9556a8;
}

.summary-top-wrapper .summary-div-wrapper:nth-of-type(4) img {
    background: #395a95;
    box-shadow: 0px 0px 4px #395a95;
}

.summary-div-info {
    padding-left: 10px;
    text-align: center;
    width: 78%;
    line-height: 7px;
    color: #646464;
    display: inline-block;
    font-size: 14px;
    padding-top: 8px;
}

    .summary-div-info > div:last-child {
        line-height: 12px;
        font-weight: 300;
        font-size: 12px;
    }

    .summary-div-info > div:first-child {
        margin-bottom: 1px;
    }

.popupSlide .nTitle i.fa {
    margin-right: 5px !important;
    margin-left: 0px !important;
}
/* license plans*/

.license-single-plan {
    box-shadow: 0px 0px 8px rgba(151, 98, 212, 0.32);
    margin-top: 60px;
    position: relative;
}

.license-wrapper .license-wrapper-header {
    background: #69D2E7;
    height: 100px;
    color: #fff;
    position: relative;
    padding-top: 70px;
    padding-left: 60px;
}

    .license-wrapper .license-wrapper-header > div:first-child .nTitle::before {
        content: '';
        width: 65px;
        height: 65px;
        background: white;
        position: absolute;
        border-radius: 50%;
        left: -65px;
        bottom: -29px;
        background-image: url(/Content/assets/images/ppn/logo-invert.png);
        background-size: 65%;
        background-repeat: no-repeat;
        background-position: 50%;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.48);
    }

    .license-wrapper .license-wrapper-header .info {
        margin-top: 5px;
    }

.license-scheme-div {
    border: 1px solid #e5e5e5;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 0 50px;
}

.license-title-bar {
    border: 1px solid #e5e5e5;
    padding: 7px 45px;
    position: relative;
    text-align: center;
    top: -18px;
    background: #e5e5e5;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    margin-right: 35px;
}

.license-scheme-div .license-title-bar:last-of-type {
    margin-right: 0px;
}

.license-title-bar.active {
    background: #30b3f4;
    color: #fff;
}

    .license-title-bar.active:before {
        border-right-color: #30b3f4;
        left: -34px;
    }

    .license-title-bar.active:after {
        border-left-color: #30b3f4;
        right: -34px;
    }

.license-title-bar:after,
.license-title-bar:before {
    content: '';
    width: 0;
    height: 0;
    border: 17px solid transparent;
    position: absolute;
    top: -0px;
}

.license-title-bar:after {
    border-left-color: #e5e5e5;
    right: -35px;
}

.license-title-bar:before {
    border-right-color: #e5e5e5;
    left: -35px;
}

.li-si-pl-header .nTitle {
    background: #7B3AC8;
    height: 90px;
    color: #fff;
    padding-top: 5px;
    text-transform: uppercase;
}

.li-si-pi-scheme-type > div:first-child {
    background: white;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    padding: 13px;
    position: absolute;
    top: 57px;
    box-shadow: 0px 1px 4px #702AC1;
    left: 41%;
}

.li-si-pi-scheme-type {
    background: #9762D4;
    height: 70px;
}

    .li-si-pi-scheme-type > div:first-child > span:first-child {
        font-size: 20px;
    }

.license-dollor-sign {
    display: block;
    font-weight: 300;
    margin: 0px 0;
}

.license-price {
    font-size: 18px;
    font-weight: 700;
}

.li-si-pi-scheme-type > div:last-child {
    height: 70px;
    line-height: 95px;
    font-weight: 300;
    color: #fff;
}

.li-si-pl-body {
    padding-bottom: 30px;
}

.li-first-page > div {
    display: -webkit-flex;
    /* Safari */
    display: flex;
}

    .li-first-page > div > section {
        -webkit-flex: 1;
        /* Safari 6.1+ */
        -ms-flex: 1;
        /* IE 10 */
        flex: 1;
    }

.li-si-pl-body > div {
    padding: 5px 30px;
    line-height: 27px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
}

    .li-si-pl-body > div:nth-child(odd) {
        background: #decdf1;
    }

.confirm-btn {
    display: block;
    padding: 7px 10px;
    background: #0E7AC7;
    color: #fff;
    cursor: pointer;
    box-shadow: 0px 0px 4px rgba(16, 114, 163, 0.38);
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    text-align: center;
}

    .confirm-btn:hover {
        box-shadow: 0px 0px 5px rgba(16, 114, 163, 0.64);
    }

@media screen and (max-width: 767px) {
    .li-si-pi-scheme-type > div:first-child {
        left: 31% !important;
    }
}

@media screen and (min-width: 768px) {
    .li-si-pi-scheme-type > div:first-child {
        left: 34% !important;
    }
}

@media screen and (min-width: 992px) {
    .li-si-pi-scheme-type > div:first-child {
        left: 36% !important;
    }
}

@media screen and (min-width: 1200px) {
    .li-si-pi-scheme-type > div:first-child {
        left: 40% !important;
    }
}

.li-si-pl-body > div:before {
    content: "\f046";
    font-family: FontAwesome;
    font-weight: 100;
    position: absolute;
    left: 7px;
    color: #3e93c9;
}

.license-scheme-div section:nth-of-type(2) .license-single-plan .li-si-pl-header .nTitle {
    background: #1072A3;
}

.license-scheme-div section:nth-of-type(2) .license-single-plan .li-si-pi-scheme-type {
    background: #30B3F4;
}

.license-scheme-div section:nth-of-type(2) .license-single-plan .li-si-pl-body > div:nth-child(odd) {
    background: rgba(16, 114, 163, 0.24);
}
/*license slider*/

.license-slider {
    position: relative;
    overflow: hidden;
}

.li-slide-page-wrapper {
    position: absolute;
}

.li-slide-page {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.li-slider-nav > span {
    border: 2px solid rgba(14, 122, 199, 0.7);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 26px;
    text-align: center;
    color: rgba(14, 122, 199, 0.7);
    cursor: pointer;
}

    .li-slider-nav > span:hover {
        color: #398fc2;
        border: 2px solid #398fc2;
    }

.li-slide-pos span {
    width: 15px;
    height: 15px;
    background: #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    margin: 4px;
}

.pos-active {
    background: #30b3f4 !important;
}

.credit-detail-wrapper {
    margin-top: 60px;
    padding: 15px 0;
    border-radius: 4px;
}

section.items-details > div,
section.credit-detail > div {
    border: 1px solid #ccc;
    border-radius: 4px;
}

section.credit-detail > div {
    border-radius: 4px 0 4px 4px;
}

header.items-details-header,
header.credit-detail-header {
    padding: 10px;
    background: #e5e5e5;
}

header.items-options-header.nTitle {
    margin: 0 0 20px;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

    header.items-options-header.nTitle .fa-plus-circle {
        color: #3ab54a;
        font-size: 20px;
        margin-right: 10px;
    }

.items-details-footer {
    border-top: 1px solid #f2f3f3;
    margin-top: 15px;
    padding-top: 15px;
}

.credit-card-box {
    margin-top: 80px;
}

.items-details-body,
.credit-detail-body {
    padding: 15px 0;
}

.credit-detail-footer {
    padding: 0 0 15px 0;
}

.border-r4-tr-br-0 {
    border-radius: 4px 0 0 4px !important;
}

.items-options-body .k-widget.k-datepicker.k-header {
    width: 100%;
}

.org-event-info {
    font-size: 13px;
    font-weight: 300;
}

    .org-event-info label {
        width: 45%;
    }

.org-events-div {
    border: 1px solid rgb(236, 236, 236);
    margin-bottom: 15px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05),0 1px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05),0 1px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05),0 1px 10px 0 rgba(0, 0, 0, 0.08);
}

.org-events-title {
    padding: 5px 10px;
    background: #E6E7E8;
    color: #4a4a4a;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
}

.org-events-body {
    padding: 5px;
    border-radius: 4px;
}
.playerprofileVideoDiv .org-events-div{
    padding: 5px;
}
.playerProfiledoc_Wrap .org-events-body {
    min-height: 140px;
}

.events-div-wrapper {
    padding: 10px 0;
}

.evt-repeat-div {
    height: 220px;
    margin-bottom: 60px;
}

.org-event-info label + span {
    width: 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.academic-div .org-event-info label {
    width: 50%;
}

    .academic-div .org-event-info label + span {
        width: 50%;
    }

.org-events-body2 .org-event-info label {
    width: 30% !important;
    margin-right: 5px;
}

    .org-events-body2 .org-event-info label + span {
        width: initial;
    }

.margin-left-0 {
    margin-left: 0px;
}

span.input-group-btn + input[type='text'] {
    border-radius: 0 4px 4px 0 !important;
}

.org-img-box {
    position: relative;
    height: 130px;
}

    .org-img-box .hover-mask {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.67);
        cursor: pointer;
    }

        .org-img-box .hover-mask .u-disp {
            margin-top: 35px;
            color: #fff;
        }

    .org-img-box > div > img#orgBrandImg {
        width: 100%;
        min-height: 128px;
    }

img-crop [image="brandImg"] > canvas {
    width: 100%;
    height: auto;
}

.match-info.clearfix {
    font-weight: 800;
    border-top: 1px solid #ccc;
}

.match-info > span:not(:nth-child(2)) {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.verify-account-div {
    position: fixed;
    display: inline-block;
    padding: 5px 15px;
    background: #ff1122;
    color: rgb(255, 255, 255);
    top: 0;
    left: 9%;
    right: 9%;
    z-index: 10000;
    text-align: center;
    font-weight: 500;
    line-height: 25px;
    border-radius: 0 0 2px 2px;
    display: none !important;
}

    .verify-account-div a {
        color: #000 !important;
    }

.license-org-main-sec > div.row > div:first-child .title-tr-sub {
    padding-bottom: 10px;
    padding-top: 0px;
}

.license-org-main-sec > div.row > div:first-child .title-tr {
    padding-bottom: 0px;
}
/*tryout report css*/
.tryout-activity-div {
    border: 1px solid #ccc;
}

.grid-item-title {
    background: #ddd;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 0px !important;
    border-bottom: 1px outset #fdfdfd;
}

.tryout-activity-div tr.tr-title {
    background: #f5f5f5;
}

.tryout-activity-div table td {
    border-right: 1px solid #ccc;
}

.tryout-activity-div table tr td:last-child {
    border-right: none;
}
/*license credit card*/

.credit-card-type {
    position: relative;
}

    .credit-card-type > span {
        max-width: 25%;
        display: inline-block;
        float: left;
        padding: 4px;
    }

.credit-card-overlay {
    background-color: rgba(86, 86, 86, 0.55);
    position: absolute;
    z-index: 1;
    width: 140px;
    height: 100%;
    top: 0;
}

.credit-card-type img {
    width: 85%;
}

.card-show {
    position: relative;
    z-index: 2;
}

.block {
    display: block !important;
}

.queuedEmailListTable {
    font-size: 12px;
}

.due-amount-text > b {
    position: relative;
}
/*.due-amount-text > b:before{
    content:'Amount Due';
    position:absolute;
    right: 131px;
    font-size: 17px;
    font-weight:700;
    color:#777 !important;
    line-height: 46px;
    width: 100px;
}*/
.countdown-clock > span {
    font-size: 27px;
}

.credit-billing-address option {
    font-size: 13px !important;
}

/*for organisation multi level menu*/
.org-multiple-menu ul {
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
    padding: 5px 0 !important;
    margin: 2px 0 0;
}

    .org-multiple-menu ul li a {
        display: block;
        padding: 3px 1px 3px 10px !important;
        clear: both;
        font-weight: normal;
        line-height: 2;
        color: #333;
        white-space: nowrap;
        text-decoration: none;
    }

        .org-multiple-menu .has-sub:after, .org-multiple-menu .has-sub:before, .org-multiple-menu ul li a:after, .org-multiple-menu ul li a:before {
            display: table;
            content: " ";
            clear: both;
        }

        .org-multiple-menu ul li a > span {
            display: block;
            cursor: pointer;
        }

.org-multiple-menu li.has-sub > a > span {
    float: left;
}

    .org-multiple-menu li.has-sub > a > span:first-child {
        width: 85%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .org-multiple-menu li.has-sub > a > span:last-child {
        width: 15%;
        height: 28px;
        border-left: 1px solid rgba(207, 207, 207, 0.45);
    }

.org-multiple-menu ul.multiple-menu li {
    display: block;
    position: relative;
    margin-bottom: 1px;
}

.org-multiple-menu ul.multiple-menu ul {
    position: absolute;
}

.org-multiple-menu ul li a:hover {
    background: #428bca;
    color: #fff;
}

.org-multiple-menu ul li:hover {
    background: #428bca;
}

    .org-multiple-menu ul li:hover > a {
        color: #fff;
    }

.org-multiple-menu ul:not(.multiple-menu) {
    display: none;
    left: 99%;
    top: 5px;
}

.org-multiple-menu li.has-sub > a > span:last-child:after {
    position: absolute;
    right: 2px;
    top: 9px;
    content: '';
    border: 7px solid transparent;
    border-left-color: rgba(193, 193, 193, 0.78);
}

.org-multiple-menu li.has-sub:hover > a > span:last-child:after {
    border-left-color: #fff;
}

.org-multiple-menu li.has-sub:hover > ul {
    display: block !important;
}

.org-multiple-menu .active {
    background: #428bca;
}

    .org-multiple-menu .active > a {
        color: #fff;
    }

@media screen and (max-width:767px) {
    .org-multiple-menu ul {
        width: 100%;
    }

        .org-multiple-menu ul:not(.multiple-menu) {
            position: relative !important;
            display: none;
            left: 0;
            top: 100%;
            box-shadow: none;
            border-radius: 0px;
            border: none;
        }

        .org-multiple-menu ul.multiple-menu ul li {
            border-top: 1px solid rgba(241, 241, 241, 0.68);
        }

        .org-multiple-menu ul.multiple-menu ul > li a > span:first-child {
            padding-left: 15px !important;
            width: 80%;
        }

        .org-multiple-menu ul.multiple-menu ul ul > li a > span:first-child {
            padding-left: 30px !important;
            width: 76%;
        }

        .org-multiple-menu ul.multiple-menu ul ul ul > li a > span:first-child {
            padding-left: 45px !important;
            width: 70%;
        }

    .org-multiple-menu li.has-sub > a > span:last-child {
        border-left: none;
    }
}

.btn-file input[type=file] {
    width: 111px;
    height: 35px;
}

.eval-pager span {
    width: 40px;
    height: 35px;
    display: inline-block;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 35px;
    padding: 0;
}

    .eval-pager span:hover {
        color: #ccc;
    }

.text-line-through {
    text-decoration: line-through !important;
}

.read-only-btn-set .btn {
    margin-right: 5px;
}

/*for quick view of the profile document*/
.doc-div-body {
    position: relative;
}

.quick-view {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #3c91c7;
    line-height: 30px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-left: -55px;
    text-align: center;
    line-height: 30px;
}

    .quick-view:hover, .quick-view:focus {
        background: rgb(16, 114, 163);
    }

.fa-eye.fa-eye-quick {
    min-width: 20px !important;
    width: 20px !important;
    padding: 0;
    font-size: 14px !important;
}

.doc-div-body:hover .quick-view, .doc-div-body:focus .quick-view, .doc-div-body:active .quick-view {
    margin-left: 0px;
}

.event-image-section .image-wrapper {
    position: relative;
}

.event-image-section .image-wrapper {
    width: 100%;
    height: 118px;
    background: url(/Content/images/img.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: 50%;
    background-color: #fff;
}

    .event-image-section .image-wrapper i.fa-times-circle-o {
        position: absolute;
        top: -13px;
        right: -24px;
    }

.pppPanel .org-events-div {
    background: #fdfdfd;
}

.nav-pills2 > li > a.pppTab:not(.current2) {
    color: #000;
}

.customtab-pppTab {
    display: inline-block;
    border-bottom: none !important;
}

.pppTab > span {
    display: inline-block;
}

.pppPanelTitle {
    display: none;
    color: #000;
}

.pppTab i.fa.fa-futbol-o {
    position: relative;
}

    .pppTab i.fa.fa-futbol-o::after {
        content: '\f05a';
        font-size: 12px;
        position: absolute;
        top: -3px;
        right: -5px;
        box-shadow: -1px 0px 0px #808080;
        border-radius: 50%;
    }

.ppn-tab-panel .org-events-title {
    background: #bfbdbd;
}

@media screen and (max-width:1190px) {
    .pppTab > span {
        display: none;
    }

    ul.customtab-pppTab > li {
        min-width: 58px !important;
    }

    .pppPanelTitle {
        display: block;
    }
}

/* Form Wizard*/
.reg-wiz-wrapper {
    margin-bottom: 10px;
    padding: 0 15px;
    border-radius: 4px;
}

.reg-wiz-body {
    position: relative;
    border: 1px solid rgb(226, 226, 226);
    border-radius: 4px 4px 0 0;
    box-shadow: 1px 0px 10px rgba(204, 204, 204, 0.58);
    /*transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;*/
}

.reg-wiz-tab-panel {
    display: none;
    width: 100%;
    height: 557px;
    padding: 15px 15px 5px;
    overflow-y: scroll;
}

.rwtn-capsule {
    font-size: 12px;
    display: inline-block;
}

    .rwtn-capsule > div:first-child {
        width: 25px;
        height: 25px;
        display: inline-block;
        border-radius: 100%;
        line-height: 25px;
        text-align: center;
        position: relative;
        color: #4a4a4a;
        background: #e2e2e2;
        z-index: 9;
        transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
    }

    .rwtn-capsule > div:last-child {
        position: relative;
        font-weight: 500;
        font-size: 11px;
        color: #777 !important;
    }

        .rwtn-capsule > div:last-child span {
            white-space: nowrap;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block;
        }

.regwizpanel-title {
    display: block;
    font-size: 18px;
    position: relative;
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 10px;
}

.reg-wiz-navigator {
    /*text-align: center;*/
    margin-top: 0px;
    /*padding: 5px 15px;*/
    border-top: 1px solid #e2e2e2;
    position: absolute;
    bottom: -51px;
    width: 100%;
    z-index: 99;
    background: #596273;
    box-shadow: 0px 1px 2px rgb(89, 98, 115);
}

    .reg-wiz-navigator > a {
        /*display: inline-block;*/
        /*text-align: center;*/
        padding: 15px;
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        white-space: inherit;
    }

    .reg-wiz-navigator > span:hover {
        opacity: 0.8;
    }

    .reg-wiz-navigator #nxt {
        background: #6AD8A9;
        color: #fff !important;
    }

    .reg-wiz-navigator #prv {
        /*background: #f2f3f3;*/
        text-transform: capitalize;
        font-size: 12px;
        color: #c1c1c1 !important;
    }

        .reg-wiz-navigator #prv:hover {
            color: #f1f1f1 !important;
        }

section.reg-wiz-top-nav {
    margin-bottom: 10px;
}

.rwtn-capsule > div:last-child::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background: #e2e2e2;
    left: -50%;
    top: -14px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#rwtTab1.rwtn-capsule > div:last-child::after {
    width: 50%;
    left: 0;
    display: none;
}

.rwtn-capsule.success-capsule > div:last-child::after {
    background: #2CCDEB !important;
}

.rwtn-capsule.success-capsule > div:first-child {
    color: #ffffff;
    background: #2CCDEB;
}

.rwtn-capsule > div:first-child > i {
    font-size: 12px;
    color: #fff;
}

/* for organization registration wizard content*/
.org-banner-image, .org-logo-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.org-banner-image {
    height: 250px;
    position: relative;
    /*border: 1px solid #e3e3e3;*/
    cursor: pointer;
}

    .org-banner-image:hover, .org-logo-image:hover {
        box-shadow: 0px 3px 4px #ccc;
    }

span.org-logo-image {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -40px;
    left: 35px;
    margin-bottom: 0;
    border-radius: 0;
    cursor: pointer;
    z-index: 9;
}

@media screen and (max-width:600px) {
    span.org-logo-image {
        bottom: calc(50% + 75px) !important;
        left: calc(50% - 77px) !important;
    }

    #orgInfoContent .box-col {
        width: 100%;
    }
}

.org-banner-image > img {
    width: 100%;
    height: 100%;
}

.global-alert {
    position: fixed;
    top: 52px;
    right: 0;
}

.list-items {
    margin: 5px 0;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
}

    .list-items:before {
        content: "\f14a";
        font-family: "FontAwesome";
        position: absolute;
        top: 2px;
        left: 0px;
        color: #4a4a4a;
        font-size: 12px;
    }

.highlight-div {
    padding: 6px;
    border: 1px solid #e2e2e2;
    /*box-shadow: 0px 0px 7px -1px rgba(204, 204, 204, 0.58);*/
    margin-top: 5px;
}

@media screen and (max-width:500px) {
    .reg-wiz-wrapper {
        padding: 0px !important;
    }
}

@media screen and (max-width:991px) {
    .sm-padding-top-0 {
        padding-top: 0 !important;
    }
}

label.abs-edit-label {
    position: absolute;
    bottom: 4px;
    right: 4px;
    cursor: pointer;
}

    label.abs-edit-label:hover {
        opacity: 1;
    }

.linked-event {
    padding: 10px;
    padding-right: 20px;
    line-height: 23px;
}

    .linked-event label {
        margin-bottom: 0px;
        line-height: 16px;
    }

    .linked-event input[type='checkbox'].k-checkbox:not(.notThisClass) {
        z-index: 9;
    }

    .linked-event:nth-child(odd) {
        background: #edeef1;
    }

table.k-scheduler-layout.k-scheduler-dayview.k-scrollbar-v.k-scrollbar-h > tbody > tr:last-child {
    min-height: 300px !important;
}

    table.k-scheduler-layout.k-scheduler-dayview.k-scrollbar-v.k-scrollbar-h > tbody > tr:last-child .k-scheduler-times, table.k-scheduler-layout.k-scheduler-dayview.k-scrollbar-v.k-scrollbar-h > tbody > tr:last-child .k-scheduler-content {
        min-height: 300px !important;
    }
/*player profile's video section*/
.youtube-video-slider-wrapper {
    position: relative;
    margin-bottom: 15px;
}

    .youtube-video-slider-wrapper .youtubeCarouselSlider {
        max-height: 86px;
        overflow: hidden;
        position: relative;
    }

    .youtube-video-slider-wrapper .youtubeCarouselSliderControls {
        position: absolute;
        top: calc(50% - 25px);
        width: 100%;
    }

        .youtube-video-slider-wrapper .youtubeCarouselSliderControls > a {
            display: inline-block;
        }

            .youtube-video-slider-wrapper .youtubeCarouselSliderControls > a > i {
                font-size: 35px;
                color: #fff;
            }

            .youtube-video-slider-wrapper .youtubeCarouselSliderControls > a:hover > i {
                color: #3e93c9;
            }

            .youtube-video-slider-wrapper .youtubeCarouselSliderControls > a.prev {
                position: absolute;
                left: -25px;
            }

            .youtube-video-slider-wrapper .youtubeCarouselSliderControls > a.next {
                position: absolute;
                right: -25px;
            }

.fancybox-media img {
    max-width: 95%;
    max-height: 100%;
    display: inline-block;
    margin-bottom: 0 !important;
}

.youtubeCarouselSlider > li {
    text-align: center;
}

div#profileVideoSliderPager {
    position: absolute;
    bottom: -15px;
    width: 100%;
    background: rgba(0, 9, 4, 0.53);
}

.profileVideoSliderPager > a {
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #fff;
    margin-right: 2px;
}

    .profileVideoSliderPager > a.selected {
        background: #48a3fe;
    }

    .profileVideoSliderPager > a > span {
        display: none;
    }

.hover-link i.fa.fa-plus-circle {
    color: #3ab54a;
}

input.ppn-require[type='text']::-webkit-input-placeholder {
    color: #eab0ac !important;
}

input.ppn-require[type='text']::-moz-placeholder {
    color: #eab0ac !important;
}

input.ppn-require[type='text']:-ms-input-placeholder {
    color: #eab0ac !important;
}

input.ppn-require[type='text']:-moz-placeholder {
    color: #eab0ac !important;
}

.new-playlist {
    padding: 10px 10px 10px;
    background: #f5f5f5;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer;
}

    .new-playlist:not(.not-this-class) {
        padding: 10px 10px 10px 0;
    }

.new-playlist-input span.video-delete-sec {
    position: absolute;
    top: 0;
    right: 0px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    width: 26px;
    height: 100%;
    background: #db4e44;
    text-align: center;
    line-height: 40px;
    padding: 0px !important;
}

    .new-playlist-input span.video-delete-sec i {
        color: #fff;
        position: absolute;
        top: calc(50% - 10px );
        left: calc(50% - 9px);
    }

    .new-playlist-input span.video-delete-sec:hover {
        background: rgb(255, 80, 67);
    }

.new-playlist-input span.video-play-sec {
    position: absolute;
    top: calc(50% - 12px);
    right: 10%;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    color: rgba(0, 9, 4, 0.53);
}

    .new-playlist-input span.video-play-sec:hover > i {
        color: #4a4a4a;
    }

.video-upload-section > div > div > div {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.new-playlist:nth-child(even) {
    background: #f5f5f5;
}

.video-upload-section {
    background: #d4d4d4;
    padding: 15px 0;
}

.new-playlist-caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.grow-input {
    width: 45%;
}

.srink-input {
    width: 20%;
}

#videoPreviewIdURL iframe {
    width: 100% !important;
}

.default-video > span:last-child {
    display: inline-block !important;
}

.make-default > span:last-child {
    display: none;
}

.video-div {
    padding: 0 16px;
}

.video-Player-div {
    padding: 0 22px;
}

.video-div .video-img {
    width: 170px;
    height: 130px;
    display: inline-block;
    position: relative;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
}

    .video-div .video-img > i.fa.fa-play-circle-o {
        font-size: 65px;
        position: relative;
        top: calc(50% - 33px);
        left: calc(50% - 40px);
        color: #fff;
    }

.video-div .video-img > img {
    width: 100%;
    height: 130px;
}

.video-div .video-title {
    width: 170px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.video-div .video-description {
    width: 170px;
    height: 40px;
    overflow: auto;
    color: #4a4a4a;
}

.videoInformation, .imageInformation {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .videoInformation .SelectFilter {
        border-radius: 0 !important;
    }

    .videoInformation .SelectFilter, #UploadProfileVideoBody .SelectFilter {
        border-color: rgb(218, 218, 218) !important;
    }

.mem-sub-avatar {
    width: 50px;
    height: 50px;
}

    .mem-sub-avatar > img {
        width: 100%;
        height: 100%;
    }

    .mem-sub-avatar + span.nTitle {
        color: rgb(62, 147, 201);
        font-weight: 400;
    }

.mem-sub-list {
    padding: 0 0 10px;
}

    .mem-sub-list:not(.notThisClass) > div:first-child {
        width: 200px;
    }

    .mem-sub-list:not(.notThisClass) > div:last-child > span.xs-controls {
        display: none;
    }

    .mem-sub-list:last-child {
        border-bottom: none;
        padding: 0;
    }

@media screen and (max-width:500px) {
    .mem-sub-list:not(.notThisClass) > div:last-child > span.xs-controls {
        display: inline-block;
    }

    .mem-sub-list:not(.notThisClass) span.hover-link.info {
        display: none;
    }
}

.mem-sub-list:not(.notThisClass) span.hover-link.info {
    font-weight: 500;
}

.red-text {
    color: #d9534f !important;
}

.mem-sub-form {
    border: 1px solid #f4f4f4;
    box-shadow: 0px 0px 4px #f4f4f4;
    padding: 0px;
}

.mem-sub-avatar-wrapper {
    background-color: #f2f3f3;
}

.mem-sub-list-wrapper {
    padding: 15px;
}

.do-hover {
    opacity: 0.8;
    cursor: pointer;
}

    .do-hover:hover {
        opacity: 1 !important;
    }

.pay-btn {
    padding: 2px 10px 4px 10px;
    color: white;
    background: #30963d;
    font-size: 11px;
    min-width: 64px;
    height: 20px;
}

    .pay-btn:hover {
        color: #fff;
    }

.btn-capsule {
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 100%;
}

.btn-capsule--success {
    background: #3ab54a;
}

.btn-capsule--danger {
    background: #db4e44;
}

.btn-capsule--general {
    background: #0e7ac7;
}

.btn-capsule:hover, .btn-capsule:active, .btn-capsule:focus, .btn-capsule:visited {
    color: #fff !important;
}

.ppn-float-notification-wrapper {
    width: 300px;
    position: fixed;
    right: 15px;
    top: 52px;
    z-index: 1035;
}

.ppn-float-notification {
    background-color: rgb(255, 140, 33);
    padding: 5px 10px;
    line-height: 25px;
    color: #fff !important;
    cursor: pointer;
    box-shadow: 0px 0px 7px -1px rgba(73, 160, 214, 0.58);
    transition: all 0.2s linear;
    margin-bottom: 5px;
}

    .ppn-float-notification:last-of-type {
        border-radius: 0px 0px 5px 5px;
    }

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

.pfn__close-btn {
    position: absolute;
    right: 0;
    z-index: 9;
}

.ppn-float-notification a.do-hover {
    opacity: 0.9;
}

.upgrade-license-label {
    position: absolute;
    left: 70px;
    font-size: 12px;
    color: #fff !important;
    height: 51px;
    line-height: 51px;
    text-transform: uppercase;
    /*letter-spacing:2px;*/
}

.capsule-label {
    display: inline-block;
    padding: 2px 5px;
    background: #ccc;
    color: #fff;
    border-radius: 4px;
    font-size: 11px;
    cursor: default;
}

.capsule-label--success {
    background: #61c46e;
}

.capsule-label--skipped {
    background: #db4e44;
}

.weather-wrapper-wrap .list-org {
    width: 100%;
    height: 63px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.gray-background {
    background: none;
    background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 150px);
    background: linear-gradient(to bottom,#fff 0,#f6f6f6 150px);
    background: -webkit-linear-gradient(to bottom,#fff 0,#f6f6f6 150px);
}

.flex-div {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.flex-div:after, .row.flex-div:before, .clearfix.flex-container:before, .clearfix.flex-container:after {
    content: normal !important;
}
.performance-center-wrap #hitterHandicapSliderBody table tr th, .performanceCenterMyAgenda #hitterHandicapSliderBody .k-scheduler-table th {
    color: #333 !important;
}
/* New dashboard */

body .main-content.performance-center-wrap {
    background: #f3f3f3;
}

.performance-center-wrap table tr th, .performanceCenterMyAgenda .k-scheduler-table th {
    color: #007AFF !important;
}

.performance-center-wrap .table > tbody > tr > td,
.performance-center-wrap table tr td {
    font-weight: 300;
    vertical-align: middle;
}
/*[title]{
    position:relative;
}
[title]:after{
    content:attr(title);
    font-size:13px;
    color:#fff;
    background:rgba(1,123,255,0.75);
    padding:5px;
    position:absolute;
    right:-9999px;
    opacity:0;
    bottom:100%;
    white-space:nowrap;
    -webkit-transition:0.25s linear opacity;
}
[title]:hover:after{
    right:5px;
    opacity:1;
}*/

/*button*/
/*.btn-primary {
  color: #ffffff;
  background-color: #007aff;
  border-color: #007aff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #007aff;
  border-color: #007aff;
  background: 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: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: #007aff;
  border-color: #007aff;
}
.btn-warning {
  color: #ffffff;
  background-color: #ffcc00;
  border-color: #ffcc00;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffcc00;
  background: transparent;
  border-color: #ffcc00;
}
.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: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: #ffcc00;
  border-color: #ffcc00;
}
.btn-danger {
  color: #ffffff;
  background-color: #ff2d55;
  border-color: #ff2d55;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ff2d55;
  background: transparent;
  border-color: #ff2d55;
}
.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: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: #ff2d55;
  border-color: #ff2d55;
}
.btn-success {
  color: #ffffff;
  background-color: #4cd964;
  border-color: #4cd964;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #4cd964;
  background: transparent;
  border-color: #4cd964;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}*/

.performance-center-wrap .table-advance .btn-group > .btn .fa {
    font-size: 16px !important;
    line-height: 20px !important;
}

    .performance-center-wrap .table-advance .btn-group > .btn .fa.fa-pencil-square-o {
        color: #fff;
    }

.performance-center-wrap .table-advance .btn-group > .btn:hover .fa.fa-pencil-square-o {
    color: #007aff;
}

.performance-center-wrap .badge.bg-info {
    background: #34aadc;
}

.performance-center-wrap .table.table-advance .fa-check {
    color: #fff;
}

.performance-center-wrap .profile-widget-info .profile-general-info ul li {
    /*display:inline-block;
    text-align:right;*/
}

    .performance-center-wrap .profile-widget-info .profile-general-info ul li .labelTagPC,
    .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams {
        color: #fff !important;
    }

        .performance-center-wrap .profile-widget-info .profile-general-info ul li .labelTagPC + div {
            width: 100%;
        }

        .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams.team-list {
            max-height: 200px;
            overflow: auto;
        }
            /* width */
            .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams.team-list::-webkit-scrollbar {
                width: 5px;
            }

            /* Track */
            .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams.team-list::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.16);
                border-radius: 10px;
            }

            /* Handle */
            .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams.team-list::-webkit-scrollbar-thumb {
                background: rgb(29, 144, 193);
                border-radius: 10px;
            }

                /* Handle on hover */
                .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams.team-list::-webkit-scrollbar-thumb:hover {
                    background: rgb(21, 114, 154);
                }

.performance-center-wrap .panel-heading, .performance-center-wrap .modal-header {
    background: #F7F7F7;
    color: #007AFF;
    padding: 10px;
}

    .performance-center-wrap .panel-heading .fa-check {
        color: #007AFF;
    }

.performance-center-wrap .weathers-content {
    height: auto;
    background-color: #fff;
    border: 1px solid #E9E9E9;
}

.performance-center-wrap .weather-wrapper-wrap .highlight-div {
    background: #34AADC !important;
    min-height: 43px;
}

.performance-center-wrap .weather-wrapper {
    background: #fff;
    padding: 10px 10px;
    min-height: 100px;
}

.performance-center-wrap .weather-head {
    border-right: 1px solid #E9E9E9;
    background-color: #34AADC !important;
}

.performance-center-wrap.main-content-menu-push .weather-head {
    border-right: none;
    padding: 20px 15px;
}

.performance-center-wrap .weather-info {
    display: inline-block;
    padding: 0px !important;
    width: 100%;
    /*text-align:center;*/
}

.performance-center-wrap.main-content-menu-push .weather-info, .performance-center-wrap.main-content-menu-push .weather-location {
    width: 100%;
    text-align: center;
}

.performance-center-wrap .temp-c, .performance-center-wrap.main-content-menu-push .temp-c {
    float: none !important;
    display: inline-block;
}

.performance-center-wrap .weather i {
    font-size: 55px !important;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ffffff;
}

.performance-center-wrap .weather-org-name i.fa {
    margin-right: 0;
}

.performance-center-wrap .weather-org-name {
    font-size: 17px !important;
    color: #333 !important;
}

.performance-center-wrap .list-org > span {
    max-width: 60%;
}

.performance-center-wrap .temp-c {
    font-size: 26px;
    color: #fff;
}

.performance-center-wrap .temp-state {
    font-size: 24px;
    color: #fff;
    /*margin-left: 10px;
    margin-top: 15px;*/
    border-left: 1px solid #fff;
    padding-left: 10px;
    line-height: 26px;
    display: inline-block;
    letter-spacing: 1px;
}

.performance-center-wrap .icon-32:before {
    /*padding-top: 30px;*/
    display: block;
}

.performance-center-wrap .weather-location {
    color: #fff;
    text-align: center;
    padding-top: 3px;
}

.externalFBLogin {
    margin-top: -34px;
}
/*profile-widget*/

.performance-center-wrap .profile-widget {
    color: #fff;
    text-align: center;
}

    .performance-center-wrap .profile-widget .panel-body {
        padding: 24px 15px;
    }
/*profile-widget image bg*/
.performance-center-wrap .profile-nav .profile-widget-img .bg-layer {
    background: rgba(0,0,0,0.5) !important;
}

.performance-center-wrap .profile-widget-img .panel-body {
    background: rgba(0,0,0,0.5) !important;
}

.performance-center-wrap .profile-widget-img .profile-widget-foot {
    background: rgba(0,0,0,0.8);
}

.performance-center-wrap .profile-widget p {
    font-weight: 300;
    /*text-align: right;
   font-size: 16px;
    margin-bottom: 15px;*/
}

.performance-center-wrap .profile-widget {
    /*padding-left: 20px 15px 30px 15px;*/
}

    .performance-center-wrap .profile-widget .twt-category {
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 10px;
        /*width: 100%;*/
        padding: 0px;
    }

        .performance-center-wrap .profile-widget .twt-category ul li {
            color: #ffffff;
        }

.performance-center-wrap .profile-widget-info .pc-profile-info > ul {
    column-count: auto;
}

.performance-center-wrap .knob-charts {
    /*margin-top: 10px;*/
}

    .performance-center-wrap .knob-charts .panel-body {
        padding: 0;
    }

.performance-center-wrap .follow-task {
    padding: 5px;
}

    .performance-center-wrap .follow-task a {
        color: #ffffff;
        width: 15%;
        display: inline-block;
    }

        .performance-center-wrap .follow-task a span.badge {
            top: -12px;
            position: relative;
            left: -20px;
            background: #FFFFFF;
            color: #34AADC;
        }

.follow-task i {
    font-size: 20px !important;
}

.profile-widget-foot {
    padding: 20px 5px;
    background: rgba(0,0,0,0.1);
    color: #757575;
    font-weight: 300;
}

.profile-foot {
    padding: 8px 5px 5px 5px;
    background: rgba(0,0,0,0.1);
    color: #ffffff;
    font-weight: 300;
    overflow: hidden;
}

    .profile-foot .active {
    }

    .profile-foot a {
        color: #ffffff;
    }

.profile-widget-foot ul {
    padding: 0;
    margin: 0;
}

    .profile-widget-foot ul li {
        display: inline-block;
        text-align: center;
        width: 48%;
        line-height: normal;
    }

        .profile-widget-foot ul li h5 {
            margin: 5px 0 0 0;
        }

.follow-info {
    /*text-align: left;
    padding-top: 8px;*/
}

.profile-widget h4 {
    margin: 5px;
    font-weight: 300;
}

.profile-widget h6 {
    margin: 0px;
    font-size: 12px;
    color: rgba(255,255,255,0.9);
    font-weight: 300;
}

.profile-widget-name h6 {
    min-height: 14px;
}

.profile-widget h6 span i {
    padding-right: 4px;
}

.profile-widget h6 span {
    padding-right: 8px;
}

.project-team, .panel-title, .progress-panel {
    background: #F7F7F7;
    padding: 0;
}

.performance-center-wrap .panel-body.project-team .nav-tabs li a {
    color: #007AFF;
    font-size: 13px;
    text-transform: none;
}

.leader-board .profile-ava img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #007AFF;
    display: inline-block;
}

    .leader-board .profile-ava img.simple {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 2px solid rgba(0,112,255,0.4);
        display: inline-block;
        width: 33px;
        height: 33px;
    }

.profile-name {
    margin: 0px;
    /*font-size: 16px;*/
}

.profile-occupation {
    margin: 0px;
    font-size: 12px;
}

.performance-center-wrap .profile-widget-info span.available-status__text {
    padding: 3px 8px;
    border-radius: 25px;
    font-weight: 300;
    text-decoration: none;
    cursor: pointer;
}

.performance-center-wrap .profile-widget-info .profile-general-info ul li .labelTagPC {
    width: 100%;
    padding-right: 0;
}

.follow-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid rgba(0,0,0,0.1);
    display: inline-block;
}

.timeline-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #007AFF;
    display: inline-block;
}

    .timeline-ava img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 50px;
        height: 50px;
    }

.profile-widget img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 62px;
    height: 62px;
    /*display: inline-block;*/
}

.profile-widget-info {
    background: #34AADC !important;
    color: #fff;
    font-weight: 300;
}

    .profile-widget-info .panel {
        padding: 25px 15px;
    }

.profile-widget-name {
    padding: 0px;
}

.follow-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.profile-widget img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 62px;
    height: 62px;
}

.state-overview .panel {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 10px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    /*overflow:hidden;*/
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    position: relative;
}

.state-overview .knob-charts .panel {
    padding: 10px;
}

.main-content-menu-push .state-overview .knob-charts .panel {
    padding: 33px 10px;
}

.main-content-menu-push .state-overview .panel {
    text-align: center;
}

.state-overview .panel:hover {
    cursor: inherit;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    border: 1px solid rgba(0, 122, 255, 0.5);
}

.state-overview .panel-link:hover {
    cursor: pointer !important;
}
/*.state-overview .panel:before {
    box-sizing: border-box;
    transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}
.state-overview .panel:hover:before {
    transition: .1s transform linear, .1s height linear .1s;
    transform: translateX(0);
    height: 100%;
    border-color: #007AFF;
}
.state-overview .panel:after {
    box-sizing: border-box;
    transform: translateX(-100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}
.state-overview .panel:hover:after {
    transition: .1s transform linear .2s, .1s height linear .3s;
    transform: translateX(0);
    height: 100%;
    border-color: #007AFF;
}*/

.state-overview .symbol, .state-overview .value {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.state-overview .symbol {
    width: 30%;
    /*padding: 25px 15px;*/
}

.state-overview .value {
    width: 68%;
}

.state-overview .hint {
    position: absolute;
    right: 0;
    top: 0;
    color: #007AFF;
}

    .state-overview .hint a i.fa {
        opacity: .4;
        color: #333;
    }

    .state-overview .hint:hover a i.fa {
        opacity: .7;
    }

.main-content-menu-push .state-overview .value {
    width: 100%;
    margin-top: 10px;
}

.state-overview .symbol i {
    color: #969696;
    font-size: 35px;
    cursor: default !important;
}

.state-overview .value strong {
    margin: 0;
    padding: 0;
    color: #969696;
    font-size: 40px;
    font-weight: 300;
    min-height: 57px;
    display: block;
}

.state-overview .value p {
    /*margin: 0;*/
    padding: 0;
    color: #969696;
    /*font-weight: 300;*/
}
/*.state .panel .value h2,
.state .panel .value p,
.state .panel .symbol i {
    color: #007AFF;
}*/
.state .panel-link .value h2,
.state .panel-link .value p,
.state .panel-link .value strong,
.state .panel-link .symbol i {
    color: #007AFF;
    cursor: pointer !important;
}

.symbol .fa:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.symbol .fa:before {
    /*font-size: 48px;
    line-height: 90px;
    -webkit-font-smoothing: antialiased;*/
    display: block;
}


.symbol-effect .fa:after {
    display: none;
}

.state .panel:hover .symbol-effect .fa:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

ul.summary-list {
    display: inline-block;
    padding-left: 0;
    width: 100%;
    margin-bottom: 0;
    min-height: 107px;
}

    ul.summary-list > li {
        display: inline-block;
        width: 48%;
        text-align: center;
    }

        ul.summary-list > li > a > i {
            display: block;
            font-size: 18px;
            padding-bottom: 5px;
        }

        ul.summary-list > li > a {
            padding: 10px 0;
            display: inline-block;
            color: #818181;
        }

    ul.summary-list > li {
        border-right: 1px solid #eaeaea;
    }

        ul.summary-list > li:last-child {
            border-right: none;
        }

/*.performance-center-wrap .btn:not(.counter-plus):not(.notThisClass):not(.counter-minus):not(.btn-like-link),
.performance-center-wrap .btn:hover:not(.counter-plus):not(.notThisClass):not(.counter-minus):not(.btn-like-link),
.performance-center-wrap table i.fa:not(.fa-long-arrow-down):not(.fa-caret-right):not(.fa-caret-up):not(.fa-plus):not(.fa-minus):not(.notThisClass){
    box-shadow: none !important;
}
.performance-center-wrap #schedulerMainEditForm{

}*/
.main-content {
    -webkit-transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
    -o-transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
    transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
}

.main-content-menu-push {
    margin-left: 225px;
    -webkit-transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
    -o-transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
    transition: max-width 0.15s linear 0s, height 0s linear 0.15s, padding 0s linear 0.15s, border-width 0s linear 0.15s;
}

/*My agenda table*/
table.table-fixed {
    max-width: 980px;
    table-layout: fixed;
    margin: auto;
}

    table.table-fixed th, table.table-fixed td {
        padding: 5px 10px;
    }

    table.table-fixed thead, table.table-fixed tfoot {
        display: table;
        width: 100%;
        width: calc(100% - 18px);
    }

    table.table-fixed tbody {
        height: 430px;
        overflow: auto;
        overflow-x: hidden;
        display: block;
        width: 100%;
    }

        table.table-fixed tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

.ppn-tab-panel-wrapper table.table-fixed tbody {
    height: 220px;
}

.leader-board ul.nav.nav-tabs {
    background: #F7F7F7;
}

.leader-board-list-select input.form-control {
    font-weight: 300;
}

.leader-board .nav-tabs > li > a {
    text-transform: none;
    font-size: 12px;
    padding: 5px 8px;
}

.leader-board-wrap header a i.fa.fa-edit {
    color: #007AFF;
    padding: 0;
    margin: 0;
}

.weather-wrapper-wrap {
    margin-bottom: 40px;
}

.performance-center-wrap.main-content-menu-push .weather-wrapper-wrap .weather-content .col-md-4, .performance-center-wrap.main-content-menu-push .weather-wrapper-wrap .weather-content .col-md-8 {
    width: 100%;
}

.performanceCenterMyAgenda .my-agenda .k-scheduler-layout.k-scheduler-agendaview.k-scheduler-agenda {
    border: none !important;
    background: #fdfdfd;
}

.performanceCenterMyAgenda .k-scheduler-table > tbody > tr:nth-of-type(odd) {
    background: #f9f9f9 !important;
}

.performanceCenterMyAgenda .my-agenda .k-scheduler .k-header.k-nav-prev .k-link, .performanceCenterMyAgenda .my-agenda .k-scheduler .k-header.k-nav-next .k-link, .my-agenda .k-scheduler .k-state-default.k-nav-prev .k-link, .performanceCenterMyAgenda .my-agenda .k-scheduler .k-state-default.k-nav-next .k-link {
    background-color: #007aff !important;
}

.performanceCenterMyAgenda .my-agenda span.k-icon.k-i-calendar {
    background-color: #007aff !important;
}

.performanceCenterMyAgenda #scheduler .k-floatwrap.k-header {
    padding-left: 10px;
}

.performanceCenterMyAgenda .k-scheduler-header-wrap table.k-scheduler-table {
    border-bottom: 2px solid #ccc;
}

    .performanceCenterMyAgenda .k-scheduler-header-wrap table.k-scheduler-table tbody th {
        padding: 10px 5px 10px 27px;
        position: relative;
    }

        .performanceCenterMyAgenda .k-scheduler-header-wrap table.k-scheduler-table tbody th:before {
            content: "\f073";
            left: 10px;
            font-family: "Fontawesome";
            position: absolute;
        }

        .performanceCenterMyAgenda .k-scheduler-header-wrap table.k-scheduler-table tbody th:nth-child(2):before {
            content: "\f017";
        }

        .performanceCenterMyAgenda .k-scheduler-header-wrap table.k-scheduler-table tbody th:nth-child(3):before {
            content: "\f022";
        }

.performanceCenterMyAgenda .k-scheduler-table td, .performanceCenterMyAgenda .k-scheduler-header th {
    border-width: 0 0 1px 0px;
    vertical-align: middle;
}

.performanceCenterMyAgenda .my-agenda .k-scheduler-content {
    border: none !important;
}

.performanceCenterMyAgenda .k-scheduler-agendaview .k-task > .k-link {
    top: 0;
}

.performanceCenterMyAgenda .my-agenda .k-scheduler-table .k-scheduler-datecolumn {
    background-color: transparent;
}

.performanceCenterMyAgenda .k-scheduler-content .k-scheduler-table .custom-event1 {
    min-height: inherit;
    line-height: inherit;
}

.performanceCenterMyAgenda .k-scheduler-times tr, .performanceCenterMyAgenda .k-scheduler-times th, .performanceCenterMyAgenda .k-scheduler-table td, .performanceCenterMyAgenda .k-scheduler-header th, .performanceCenterMyAgenda .k-scheduler-header-wrap, .performanceCenterMyAgenda .k-scheduler-times {
    border-color: #e7e7e7;
}

.performanceCenterMyAgenda .k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 0;
}
/*Progress Circular bar*/
.progress-pie {
    display: block;
    position: relative;
    text-align: center;
    /*min-height: 107px;*/
}

    .progress-pie canvas {
        margin-top: -9px;
    }
    /*.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -4px;
  line-height: 40px;
}*/
    .progress-pie p {
        margin-bottom: 20px;
    }

    .progress-pie div input.progressPieData {
        margin-top: 14px !important;
    }
/*Leaderboard Modal and Chat Group list style*/
/*div#LeaderBoardEdit {
    width: 768px;
    margin: auto;
    height: 380px;
}
.leaderboard-modal .close-modal {
    top: 10px;
    right: 15px;
    width: 30px;
    height: 25px;
}
.leaderboard-modal .close-modal .lr {
    height: 25px;
    margin-left: 15px;
}
.leaderboard-modal .close-modal .lr .rl{
    height: 25px;
}
.leaderboard-modal .leader-board-content h4 {
    background: #318daf;
    color: #fff;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: none;
}*/

/*Leaderboard lookup Edit Slider*/
/*.leader-board-list-select .nav-tabs{
    border-bottom: none;
}
.leader-board-list-select .nav-tabs li a{
    padding: 10px 25px;
}*/
.leader-board-list-select .nav-tabs li.active a {
    background: #337ab7;
    border: none;
    border-radius: 0;
    color: #fff;
}

.leader-board-list-select .checked-list-box .list-group-item.leaderboard-checked, .leader-board-list-select .checked-list-box .list-group-item:hover,
#chatGroupSliderBody .checked-list-box .list-group-item.listForGroupChat-checked, #chatGroupSliderBody .checked-list-box .list-group-item:hover {
    background: #337ab7;
}

.leader-board-list-select .checked-list-box .list-group-item:first-child:hover {
    background: none;
}

.leader-board-list-select .checked-list-box .list-group-item.leaderboard-checked:hover,
#chatGroupSliderBody .checked-list-box .list-group-item.listForGroupChat-checked:hover {
    background-color: rgb(66, 139, 202);
}

.leader-board-list-select .checked-list-box .list-group-item.leaderboard-checked label, .leader-board-list-select .checked-list-box .list-group-item:hover label,
#chatGroupSliderBody .checked-list-box .list-group-item.listForGroupChat-checked label, #chatGroupSliderBody .checked-list-box .list-group-item:hover label {
    color: #fff !important;
}
/*.leader-board-list-select .tab-pane .list-group-item{
    padding: 10px;
}
.leader-board-list-select .tab-pane .list-group-item:first-child, .leader-board-list-select .tab-pane .list-group-item:last-child{
    border-radius: 0;
}

.leader-board-list-select .state-icon {
    left: -5px;
    margin-right:10px;
}*/
/*.checked-list-box .list-group-item {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}*/
.leaderboardLookupSelectedItem {
    min-height: 70px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border-radius: 3px;
}

/*Scheduler Mobile View Style*/
.performanceCenterMyAgenda .k-scheduler-mobile.k-scheduler-phone .k-header.k-scheduler-toolbar {
    /*background-color: transparent !important;*/
}

.performanceCenterMyAgenda .k-scheduler-mobile.k-scheduler-phone ul.k-reset.k-header.k-scheduler-navigation {
    background-color: transparent !important;
}

/*Chat*/
.chatWrap .text-align-right {
    text-align: right;
}

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

.chatWrap .createChatGroupBtn i.fa.fa-users {
    font-size: 16px;
    color: #a2a2a2;
    float: left;
    position: relative;
    width: 36px;
    height: 36px;
    background: #e3e3e3;
    display: table;
    text-align: center;
    border-radius: 100%;
    margin: 0 3px;
}

.chatWrap .createChatGroupBtn .fa-users:before {
    content: "\f0c0";
    vertical-align: middle;
    display: table-cell;
}

.chatWrap .createChatGroupBtn strong {
    font-size: 13px;
    margin-left: 10px;
    padding-top: 7px;
    display: inline-block;
}

.chatWrap .chatHistoryBoxWrap {
    background: #f1f1f1;
    /*border-radius: 7px 0 0 7px;
    display:inline-block;*/
    margin-right: -15px;
}

.chatWrap .chatBoxHeader {
    background: #2996d8;
    display: inline-block;
    width: 100%;
    padding: 2px 5px;
    height: 45px;
}

    .chatWrap .chatBoxHeader .chatBoxHeader-msg-data {
        padding: 0;
        color: #fff;
    }

    .chatWrap .chatBoxHeader .msg-data-name {
        display: block;
        margin-top: 3px;
    }

    .chatWrap .chatBoxHeader .msg-data-time {
        color: #87cef9;
        margin-top: -2px;
        display: block;
    }

    .chatWrap .grpChatAddMember, .chatWrap .chatBoxHeader .pull-left {
        display: table;
        height: 100%;
    }

.grpChatAddMember a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    ;
}

.grpChatAddMember i.fa {
    font-size: 16px
}

.chatWrap .chatBoxBody {
    /*padding: 12px 10px;*/
}

.chatWrap .chatHistoryBox {
    height: 360px;
    overflow-y: auto;
    padding: 10px 5px 0 10px;
}

.chatWrap #orgPlayers .PlayerNameSearch {
    margin-top: 8px;
}

.chatWrap .chatBoxHeader .chatGroupSliderBackBtn {
    color: #fff;
}

.chatWrap .chatBoxHeader .chatGroupSliderBackBtn {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 35px;
    text-align: left;
}

.chatWrap #chatMobileSlider {
    padding: 0;
}

.chatWrap #chatGroupSliderBody {
    padding-top: 0;
    padding-bottom: 0;
}
/*
 *  scrollbar style
 */
/*.chatHistoryBox::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.chatHistoryBox::-webkit-scrollbar
{
    width: 20px;
    background-color: #F5F5F5;
}

.chatHistoryBox::-webkit-scrollbar-thumb
{
    background-color: #444;
}*/
.chatWrap .chatHistoryBox li {
    width: 100%;
    margin-bottom: 15px;
}

.chatWrap .chatInputAreaWrap {
    padding: 0 10px 10px;
}

.chatWrap .chatInputArea {
    /* border-top: 1px solid #d2d2d2; */
    background: #fefefe;
    display: inline-block;
    width: 100%;
    padding: 20px 5px 20px 15px;
    /*border-radius: 10px;*/
    border: 2px solid #f1f1f1;
}

    .chatWrap .chatInputArea textarea.form-control:hover, .chatWrap .chatInputArea textarea.form-control:focus {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .chatWrap .chatInputArea textarea {
        float: left;
        width: 94% !important;
        color: #333 !important;
        border: none !important;
        background-color: transparent !important;
        border-bottom: 1px solid #dedede !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }

        .chatWrap .chatInputArea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #888 !important;
        }

        .chatWrap .chatInputArea textarea::-moz-placeholder { /* Firefox 19+ */
            color: #888 !important;
        }

        .chatWrap .chatInputArea textarea:-ms-input-placeholder { /* IE 10+ */
            color: #888 !important;
        }

        .chatWrap .chatInputArea textarea:-moz-placeholder { /* Firefox 18- */
            color: #888 !important;
        }

.chatSendBtnWrap {
    display: inline-block;
    width: 5%;
}

.chatWrap .chatSendBtn {
    min-width: inherit !important;
    background-color: transparent !important;
    border-radius: 100%;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    padding: 0;
}

    .chatWrap .chatSendBtn i.fa {
        color: #333;
    }
/*.chatWrap .chatInputArea input {
    background: #fff !important;
}*/
.chatWrap .chatNameList {
    margin-left: -10px;
}

    .chatWrap .chatNameList .tab-content .tab-pane-list {
        margin-top: 5px;
        background: #fff;
        overflow-y: auto;
        height: 440px;
        /*padding: 10px;*/
    }

.chatWrap .chatGroupSliderPopupTop {
    padding: 10px 5px 10px 0;
    display: inline-block;
    /*margin-top: 10px;*/
    width: 46.5%;
    position: fixed;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #ccc;
}

.chatWrap #chatGroupSliderBody ul.list-group.checked-list-box {
    padding-top: 90px;
}

.chatWrap .chatGroupSliderPopupTop .PlayerNameSearch {
    /*margin-top: 0;
    width:75%;*/
}

.chatWrap .chatGroupSliderPopupTop .chatGroupSelect {
    padding-left: 0;
}

.chatWrap .chatGroupSliderPopupTop .chatGroupName {
    border-right: 1px solid #ccc;
}

.chatGroupSelect select.form-control {
    border-radius: 0 !important;
}

.chatWrap .chatGroupSelect button.chatGroupSliderCreateBtn {
    box-shadow: none !important;
}

.chatWrap .chatNameList .tab-content ul {
    padding: 0 5px;
}

.chatWrap .chatGroupSliderPopupTop label.label {
    padding-left: 0;
    font-size: 12px;
}

.chatWrap .PlayerNameSearch input, .chatWrap .chatGroupName input {
    border-radius: 0 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    font-size: 13px !important;
    font-weight: 300;
}

.chatWrap .chatNameList .tab-content li {
    width: 100%;
    display: inline-block;
    line-height: 20px;
    /*border-top: 1px solid #61b4e6;
    border-bottom: 1px solid #1c79b1;*/
    padding: 8px 0px;
    font-size: 12px;
    /*color: #fff;*/
    cursor: pointer;
}
/*.chatWrap .chatNameList .tab-content li:first-child{
    border-top:none;
}
.chatWrap .chatNameList .tab-content li:last-child {
    border-bottom: none;
}*/
/*.chatWrap .chatNameList .chatSmallMsge, .chatWrap .chatNameList .msg-data-time {
    color: #acd7f1;
    display: block;
}*/

.chatWrap .msg-wrap {
    width: 90%;
}

.chatWrap .other-msg-wrap {
    float: left;
}

.chatWrap .msg {
    color: #fff;
}

.chatWrap .other-msg {
    color: #333;
}

.chatWrap .msg-data-time {
    font-size: 10px;
    color: #ccc;
}

.chatWrap .my-msg .msg-data-time {
    color: #87cef9;
}

.chatWrap .other-msg-wrap .msg-data-name {
    font-size: 11px;
    color: #349fe0;
}

.chatWrap .msg-data-user-avtar {
    float: right;
    margin-left: 10px;
}

.chatWrap .msg-data {
    display: inline-block;
    max-width: 90%;
    padding: 5px 10px;
    border-radius: 10px;
    position: relative;
}

.chatWrap .msg-data-user-avatar img {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, .2);
}

.chatWrap .my-msg-data-bg {
    background: #349fe0;
    padding-top: 10px;
}

.chatWrap .other-msg-data-bg {
    background: #fdfdfd;
}

.chatWrap .chatHistoryBox .msg p {
    font-size: 13px;
    margin-bottom: 0;
    min-height: 18px;
}

.chatWrap .chatHistoryBox .msg-data:after {
    top: 15px;
    left: -6px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fdfdfd;
    border-width: 8px;
    margin-left: -10px;
}

.chatWrap .chatHistoryBox .my-msg-wrap .msg-data:after {
    border-left-color: #349fe0;
    right: -16px !important;
    left: auto;
    border-right-color: transparent;
    bottom: 50%;
}


/*Chat Name List*/
.chatWrap .chatNameList .nav-tabs {
    border-bottom: none;
}

    .chatWrap .chatNameList .nav-tabs > li {
        width: 50%;
        text-align: center;
        font-size: 12px;
    }

        .chatWrap .chatNameList .nav-tabs > li > a {
            border: 1px solid #f1f1f1;
            border-radius: 0;
            margin-right: 0;
        }

            .chatWrap .chatNameList .nav-tabs > li.active > a, .chatWrap .chatNameList .nav-tabs > li.active > a:focus, .chatWrap .chatNameList .nav-tabs > li > a:hover {
                /*color: #fff;*/
                cursor: default;
                background-color: #f1f1f1;
                border-radius: 0;
            }

.chatWrap .chatNameList ul li img {
    float: left;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, .2);
}

.chatWrap .chatNameList ul li .msg-data {
    max-width: 80%;
    padding: 0;
    width: 100%;
    position: relative;
    /*line-height:15px;*/
}

.msg-data-not-read .msg-data-count {
    background: #333;
    color: #fff;
    min-width: 15px;
    text-align: center;
    line-height: 12px;
    border-radius: 50px;
    font-size: 10px;
    /*margin-top: 5px;*/
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.chatWrap .chatNameList .msg-data span.msg-data-name {
    width: 100%;
    display: block;
}

.chatWrap .msg-data-not-read, .msg-data-not-read .chatSmallMsge, .chatWrap .msg-data-not-read {
    font-weight: bold;
}

    .chatWrap .msg-data-not-read .msg-data-time {
        color: #333 !important;
    }

.chatWrap .chatTextarea input {
    border-bottom: 1px solid #7fc6f9 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 80% !important;
    float: left;
    background: none !important;
    color: #fff !important;
}

.printBtn i.fa, .exportBtn i.fa, .popUpTitleBar .printBtn .fa:not(.notThisClass), .popUpTitleBar .exportBtn .fa:not(.notThisClass) {
    font-size: 13px !important;
    line-height: 20px;
    margin: 0;
}

.normalEntry.pppPanel select.form-control, .bulkEntry.pppPanel select.form-control {
    width: auto !important;
}

#hitterHandicapSliderBody .table > thead > tr > th, #hitterHandicapSliderBody .table > tbody > tr > td,
#HHRptPlayerPrintBody .table > thead > tr > th, #HHRptPlayerPrintBody .table > tbody > tr > td,
#HHPlayerReportSliderBody .table > thead > tr > th, #HHPlayerReportSliderBody .table > tbody > tr > td {
    text-align: center;
    padding: 2px !important;
    font-size:12px;
}
/*td.normalEntryScore, td.bulkEntryScore {
        text-align: left !important;
    }*/
td.normalEntryScore {
    padding: 0 !important;
}

/*Hitter Handicap*/
.normalEntry .table > thead > tr > th,
.normalEntry .table > tbody > tr > td {
    text-align: center;
}

.normalEntryScore span {
    /*padding: 5px 0px;*/
    text-align: center;
    width: 40px;
    display: inline-block;
}

.bulkEntryScore input {
    float: left;
    width: 60px !important;
    margin: 5px;
    padding: 5px !important;
}

.prg-exe-activity-set__measurement-input-wrapper input {
    height: 34px !important;
}

@media screen and (max-width: 1190px) {
    #hitterHandicapSliderBody .pppTab > span {
        display: block;
    }
}
/*Media Query*/
@media screen and (max-width:1200px) {
    .chatWrap .chatNameList ul li .msg-data {
        max-width: 77%;
    }

    .performance-center-wrap .state-overview-wrap .panel {
        clear: both;
        margin-top: 10px;
        display: inline-block;
        width: 100%;
    }

    .performance-center-wrap .profile-widget-info .profile-general-info ul li .prf-teams {
        height: auto;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width:992px) {
    /*.main-content-menu-push ul.summary-list > li {
        width: 32%;
        margin-bottom: 30px;
    }*/
    .main-content-menu-push .state-overview .panel {
        text-align: inherit;
    }

    .main-content-menu-push .state-overview .value {
        width: 68%;
    }

    .performance-center-wrap .weather-wrapper-wrap {
        margin-bottom: 34px;
    }

    .performance-center-wrap .weather-head {
        border-right: none;
    }

    .performance-center-wrap .temp-c {
        float: none !important;
        display: inline-block;
    }

    .chatWrap .chatInputArea textarea {
        width: 90% !important;
    }

    .chatSendBtnWrap {
        width: 8%;
    }

    .chatWrap .msg-data {
        max-width: 85%;
    }

    span.btn.btn-primary.pull-right.externalFBLogin.ng-scope {
        float: none !important;
        margin-top: 10px;
    }

    .chatWrap .chatGroupSliderPopupTop {
        width: 70.5%;
    }
}

@media screen and (max-width: 991px) {
    #RegistrantPageSliderBody .registrant-filter-group .exportToExcelBtn {
        margin-right: 10px;
        padding-top: 10px;
    }
}

@media screen and (max-width:768px) {
    .performance-center-wrap .profile-widget p, .performance-center-wrap .profile-widget-info .profile-general-info ul li {
        text-align: center;
    }

    .follow-info {
        text-align: center;
        margin-bottom: 10px;
    }

    .main-content-menu-push {
        margin-left: 0;
    }
    /*.main-content-menu-push .state-overview .value {
        width: 68%;
        margin-top: auto;
    }*/
    .performance-center-wrap .profile-widget-info .profile-general-info ul li .labelTagPC,
    .performance-center-wrap .profile-widget-info .profile-general-info ul li .labelTagPC + div {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .performance-center-wrap table.table-fixed tbody {
        height: 395px;
    }
    /*ul.summary-list > li {
        width: 32.5%;
        margin-bottom: 20px;
    }*/
    .performanceCenterMyAgenda .my-agenda a.k-link.k-scheduler-refresh .k-icon.k-i-refresh {
        background-color: #007aff !important;
    }

    .performanceCenterMyAgenda .k-scheduler-mobile.k-scheduler-phone .k-sm-date-format {
        color: #fff;
    }

    .performance-center-wrap .weather-head {
        padding: 2px;
    }
}

@media screen and (min-width:768px) and (max-width:800px) {
    .chatWrap .chatNameList ul li .msg-data {
        max-width: 74%;
    }
}

@media screen and (max-width:767px) {
    .chatWrap .chatHistoryBoxWrap {
        /*margin-right: 0;
        clear: both;*/
        /*display:none;*/
    }

    .chatWrap .chatNameList {
        margin-left: 0;
        margin-bottom: 10px;
    }

        .chatWrap .chatNameList ul li .msg-data {
            max-width: 88%;
        }

    .chatWrap .chatGroupSliderPopupTop .chatGroupName {
        margin-bottom: 10px;
    }

    .chatWrap .chatInputAreaWrap {
        padding: 0;
        position: fixed;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        height: 86px;
    }

    .chatWrap #chatMobileSlider {
        padding: 0;
        height: 100vh;
    }

    .chatWrap .chatHistoryBox {
        height: 82vh;
    }

    .chatWrap .chatHistoryBoxWrap {
        margin-right: 0;
    }

    .chatWrap .chatGroupSliderPopupTop {
        width: 93.5%;
    }

    .chatWrap #chatGroupSliderBody ul.list-group.checked-list-box {
        padding-top: 150px;
        padding-bottom: 30px;
    }

    .chatWrap #chatGroupSliderBody {
        height: 100vh;
    }

    .chatWrap .chatGroupSliderPopupTop .chatGroupName {
        border-right: none;
    }
}

@media screen and (max-width: 480px) {
    /*div#LeaderBoardEdit {
    width: 95% !important;
}*/
    .leader-board .nav-tabs > li > a {
        background: #fff;
        border: none;
        border-radius: 0;
        margin-bottom: 6px;
    }

        .leader-board .nav-tabs > li.active > a, .leader-board .nav-tabs > li.active > a:focus, .leader-board .nav-tabs > li > a:hover {
            color: #fff;
            background-color: #3e94c9;
            border: none;
        }

    .chatWrap .msg-data {
        max-width: 79%;
    }

    .chatWrap .chatNameList ul li .msg-data {
        max-width: 78%;
    }

    .chatWrap .chatGroupSliderPopupTop {
        width: 90%;
    }
}

@media screen and (max-width: 425px) {
    #RegistrantPageSliderBody .registrant-filter-group .exportToExcelBtn {
        width: 100%;
        text-align: right;
    }
}

@media screen and (max-width: 375px) {
    .performance-center-wrap .upgrade-license-label #licenseTypeNameHolderId {
        font-size: 11px;
        letter-spacing: 0;
    }

    .performance-center-wrap .r-below-header .r-page-title h1 {
        font-size: 16px;
    }
}

@media screen and (max-width: 320px) {
    .ace-nav > li > a, .ace-nav > li > div > a, i.ace-icon {
        width: auto !important;
        min-width: auto !important;
    }

    .ace-nav > li > a {
        padding: 0 3px !important;
    }

        .ace-nav > li > a > .badge, .ace-nav > li > div a > .badge {
            left: 8px !important;
        }
}


/******************
Team Roster Page
********************************/

.GameType-Season {
    width: 260px;
}

@media screen and (max-width: 991.9px) {
    .GameType-Season {
        width: 220px;
    }

    .seasonTeamDetail-Section-Wrap {
        margin-top: 50px;
    }

    #teamRosterContent .GameType {
        top: 50px;
    }
}

@media screen and (max-width: 767.9px) {
    #teamRosterContent .GameType {
        position: absolute;
        margin: 0;
        top: 50px;
        left: 15px;
    }

    .seasonTeamDetail-Section-Wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width: 375px) {
    .GameType-Season {
        width: 180px;
    }
}

/******************
Player Performance Profile
********************************/
.PlayerPerformanceProfile .videoInformation-FilterBar,
.videoInformation-FilterBar {
    padding: 0 15px;
    margin-bottom: 15px;
}

.PlayerPerformanceProfile .videoInformation .search-all input {
    padding-right: 0 !important;
}

#ProfileVideoPlaySlider #ProfileVideoPlaySliderBody .search-all {
    width: 220px;
}

.ProfileVideoPlaySliderFilter .search-all,
.ProfileVideoPlaySliderFilter .search-all input {
    width: 100% !important;
}

@media screen and (max-width: 1199px) {
    .ProfileVideoPlaySliderFilter .search-all {
        margin-bottom: 10px;
    }
    .video-div .video-img{
        width: 100%;
    }
    .video-div .video-img > img{
        height: auto;
    }
}

@media screen and (max-width: 1024px) {
    .PlayerPerformanceProfile .video-div {
        /*padding: 0 27px;*/
    }
}

@media screen and (max-width:767px) {
    .PlayerPerformanceProfile .videoInformation .search-all {
        width: 100% !important;
        margin-bottom: 10px;
    }

        .PlayerPerformanceProfile .videoInformation .search-all input {
            width: 100% !important;
        }
}

@media screen and (max-width: 480px) {
    .videoInformation-FilterBar .col-lg-2.col-sm-3.col-xs-6,
    .videoInformation-FilterBar .col-lg-5.col-sm-5.col-xs-6,
    .videoInformation-FilterBar .col-lg-5.col-sm-4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .PlayerPerformanceProfile .videoInformation .search-all input {
        padding-right: 60px !important;
    }

    .ProfileVideoPlaySliderFilter .col-lg-4.col-md-6.col-sm-6.col-xs-4 {
        width: 40%;
    }

    .ProfileVideoPlaySliderFilter .col-lg-5.col-md-6.col-sm-6.col-xs-5 {
        width: 60%;
    }

    .ProfileVideoPlaySliderFilter .col-lg-3.col-md-12.col-sm-12.col-xs-3 {
        width: 100%;
    }
}


.range-slider__value {
    display: inline-block;
    position: relative;
    width: 40px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-top: 10px;
    margin-left: 5px;
}

.range-slider__range {
    -webkit-appearance: none;
    display: inline-block !important;
    width: calc(100% - (49px)) !important;
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}
/*for all input fields*/
input.form-control, select.form-control,textarea.form-control,.multiselct .multiSelect .button,.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,.k-picker-wrap.k-state-default > .k-select,.k-numerictextbox .k-select,.added-invities-wrapper,.addByEmails tags-input > div.host > .tags,tags-input .tags .input,.k-widget.k-multiselect.k-header, .k-multiselect-wrap {
    background-color: #f2f3f3!important;
    border:1px solid rgb(242, 243, 243) !important;
    background-image: none !important;
}
input.form-control:focus, select.form-control:focus,textarea.form-control:focus,input.form-control:hover, select.form-control:hover,textarea.form-control:hover {
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
    background-color:#fff !important;
}
.k-autocomplete.k-state-focused > input, .k-picker-wrap.k-state-focused > input, .k-numeric-wrap.k-state-focused > input, .k-dropdown-wrap.k-state-focused > input,.k-autocomplete.k-state-hover > input, .k-picker-wrap.k-state-hover > input, .k-numeric-wrap.k-state-hover > input, .k-dropdown-wrap.k-state-hover > input,.k-dropdown-wrap.k-state-focused > span.k-input,.k-dropdown-wrap.k-state-hover > span.k-input,div.ors-check span span.k-numeric-wrap.k-state-default.k-state-hover .k-input,div.ors-check span span.k-numeric-wrap.k-state-default.k-state-focused .k-input,tags-input .tags.focused {
    background-color: #fff !important;
}
.thisTab .modifiedNB .k-numeric-wrap.k-state-default input.k-input {
    background-color: #fff !important;
}
 .table > thead > tr > th, .table > tbody > tr > td {
    vertical-align: middle !important;
}
span.multiSelect.inlineBlock .caret {
    right: 5px !important;
    position: absolute;
    top: 6px;
}
.multiSelect .caret {
    border-top: 6px solid #4a4a4a;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
select.form-control {
    cursor:pointer;
}
/*.k-datepicker .k-input,.k-timepicker .k-input {
    border: none;
    background-color: #f2f3f3!important;
}*/
.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap,input.form-control {
    background-color: #f2f3f3!important;
    border: none !important;
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select,.k-picker-wrap.k-state-default>.k-select {
    border-color: #BEBEBE;
    line-height: 2.164em;
}
/*from Content/assets/css/app.css*/
.glossed .page-header {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#383c3f), to(#202224));
    background-image: -webkit-linear-gradient(top, #383c3f, 0%, #202224, 100%);
    background-image: -moz-linear-gradient(top, #383c3f 0%, #202224 100%);
    background-image: linear-gradient(to bottom, #383c3f 0%, #202224 100%);
    background-repeat: repeat-x;
    /*-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1), 4px 0px 15px 0px rgba(0, 0, 0, 0.3);*/
}
.glossed .page-header .top-search {
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    border: 1px solid #141517;
}
.page-header {
    background-color: #383c3f;
    color: #fff;
    position: relative;
    position: fixed!important;
    width: 100%;
    top: 0;
    z-index: 1030;
    height: 52px;
    margin-top: 0 !important;
    padding: 0;
}
.schedulerHeader {
    height: 51px!important;
}
.page-header:before,
.page-header:after {
    content: " ";
    display: table;
}
.page-header:after {
    clear: both;
}
.page-header:before,
.page-header:after {
    content: " ";
    display: table;
}
.page-header:after {
    clear: both;
}
.page-header h1 {
    margin: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    font-size: 24px;
    float: left;
    padding-left: 20px;
    line-height: 50px;
    width: 250px;
}
.page-header h1 i {
    font-size: 32px;
    margin-right: 10px;
}
.page-header .menu-toggler {
    float: left;
    padding-left: 20px;
    font-size: 24px;
    color: #888;
    text-shadow: 0px 1px 1px #000;
    line-height: 50px;
    border-right: 1px solid #202224;
    -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    padding-right: 20px;
}
.page-header .menu-toggler:hover {
    text-decoration: none;
    color: #fff;
}
.page-header.page-header-right h1 {
    float: right;
    padding-right: 20px;
}
.page-header.page-header-right .menu-toggler {
    float: right;
    border-right: none;
    border-left: 1px solid #202224;
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
    box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.05);
}
.page-header.page-header-right .header-links {
    float: left;
}
.page-header.page-header-right .top-search-w {
    border-left: none;
}
.page-header .avatar {
    float: left;
    margin-right: 10px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 520px;
    -khtml-border-radius: 20px;
    line-height: 26px;
    position: relative;
}
.page-header .avatar img {
    width: 30px;
}
.page-header .user-name-w {
    float: left;
}
.page-header .logo {
    width: 60px;
    float: left;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    color: #fff;
    background-color: #3E94C9;
    border-bottom: 1px solid #20638f;
}
.page-header .top-search {
    background-color: #202224;
    border: 1px solid #202224;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -khtml-border-radius: 40px;
    padding: 5px;
    padding-left: 35px;
    padding-right: 10px;
    color: #fff;
    -webkit-transition: width ease-in-out 0.2s;
    -webkit-transition: width ease-in-out 0.2s;
    -moz-transition: width ease-in-out 0.2s;
    -o-transition: width ease-in-out 0.2s;
    transition: width ease-in-out 0.2s;
    width: 180px;
}
.page-header .top-search:focus {
    width: 200px;
    outline: none;
}
.page-header .top-search-w {
    position: relative;
    border-left: 1px solid #202224;
    margin-left: 10px;
    padding: 8px 10px 8px 10px;
}
.page-header .top-search-w:before {
    content: "\f002";
    font-family: 'FontAwesome';
    font-size: 18px;
    display: block;
    color: #777;
    top: 12px;
    left: 20px;
    position: absolute;
}
tr.hidden-xs {
    display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    tr.hidden-xs {
        display: none !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important;
    }
    tr.hidden-xs.hidden-sm {
        display: none !important;
    }
    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important;
    }
    tr.hidden-xs.hidden-md {
        display: none !important;
    }
    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important;
    }
    tr.hidden-xs.hidden-lg {
        display: none !important;
    }
    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important;
    }
    tr.hidden-sm.hidden-xs {
        display: none !important;
    }
    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .k-edit-form-container {
        min-width: 600px !important;
    }
    .hidden-sm {
        display: none !important;
    }
    tr.hidden-sm {
        display: none !important;
    }
    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important;
    }
    tr.hidden-sm.hidden-md {
        display: none !important;
    }
    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important;
    }
    tr.hidden-sm.hidden-lg {
        display: none !important;
    }
    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}
.hidden-md {
    display: block !important;
}
tr.hidden-md {
    display: table-row !important;
}
th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}
@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important;
    }
    tr.hidden-md.hidden-xs {
        display: none !important;
    }
    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important;
    }
    tr.hidden-md.hidden-sm {
        display: none !important;
    }
    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
    tr.hidden-md {
        display: none !important;
    }
    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important;
    }
    tr.hidden-md.hidden-lg {
        display: none !important;
    }
    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}
tr.hidden-lg {
    display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}
@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important;
    }
    tr.hidden-lg.hidden-xs {
        display: none !important;
    }
    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important;
    }
    tr.hidden-lg.hidden-sm {
        display: none !important;
    }
    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}
@media (min-width: 450px) and (max-width: 768px) {
    .k-edit-form-container {
        min-width: 300px !important;
    }
}
.page-header .header-links:not(.full-width-header-links) {
    float: right;
}
.full-width-header-links.header-links {
    
}
.page-header .header-links .dropdown {
    float: left;
}
.page-header .header-links .dropdown-wide a {
    width: 300px;
}
.page-header .header-links .dropdown-inbar {
    background-color: #202224;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border-color: #111;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
}
.page-header .header-links .dropdown-inbar a {
    display: block;
    color: #9BA7B2;
    padding: 12px 30px;
    border-bottom: 1px solid #111;
    font-weight: 300;
}
.page-header .header-links .dropdown-inbar a .fa {
    color: #777;
    text-shadow: 1px 1px 1px #111;
    margin-right: 10px;
}
.page-header .header-links .dropdown-inbar a .label {
    float: right;
    background-color: #FFEE91;
    color: #494335;
}
.page-header .header-links .dropdown-inbar a:hover {
    background-color: #111;
    color: #fff;
}
.page-header .header-links .dropdown-inbar a:hover .fa {
    color: #fff;
}
.page-header .header-links .dropdown-inbar li:last-child a {
    border-bottom: none;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
}
.page-header .header-links a.header-link {
    color: #9BA7B2;
    display: block;
    padding: 10px 15px;
    line-height: 30px;
    margin: 0px 5px;
    border-left: 1px solid #202224;
    font-weight: 300;
    font-size: 14px;
    text-decoration: none!important;
}
.page-header .header-links a.header-link:focus {
    outline: none;
}
.page-header .header-links a.header-link:hover {
    text-decoration: none!important;
}
.page-header .header-links a.header-link:hover i {
    color: #fff;
}
.page-header .header-links a.header-link i {
    font-size: 16px;
    color: #5c6368;
    margin-right: 5px;
    margin-left: 5px;
}
@media (max-width: 768px) {
    .page-header .header-links > a {
        border-left: none;
    }
    .page-header .header-links > a:first-child {
        margin-left: 0px;
        padding-left: 0px;
    }
    .page-header .header-links > a i {
        display: none;
    }
}
.ace-nav {
    height: 100%;
    margin: 0 !important;
    display: inline-block;
}
.ace-nav > li {
    line-height: 50px;
    padding: 0;
    position: relative;
    float: left;
}
.ace-nav > li:first-child {
    border-left-width: 0;
}
.ace-nav > li:last-child >a {
    padding-left: 10px;
}
.ace-nav > li > a,
.ace-nav > li > div > a {
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 40px;
    padding: 0 2px;
    position: relative;
    font-weight: 300;
}
.ace-nav > li > a > .ace-icon {
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    width: 20px;
}
.ace-nav > li > a > .badge,
.ace-nav > li > div a > .badge {
    position: absolute;
    top: 8px;
    left: 22px;
    padding-right: 4px;
    padding-left: 4px;
    background: #FF8C21;
    font-size: 9px;
    z-index: 9;
}
.ace-nav > li > a:hover,
.ace-nav > li > div > a:hover {
    background-color: #2c5976;
}
.ace-nav > li a:focus,
.ace-nav > li > div a:focus {
    background-color: transparent;
}
.ace-nav > li.open a {
    color: #4A4A4A;
}
.ace-nav > li.open a:hover {
    background-color: rgba(230, 231, 232, 0.2);
}
.ace-nav > li.blue > a {
    background-color: #2e6589;
}
.ace-nav > li.blue > a:hover,
.ace-nav > li.open.blue > a {
    background-color: #2c5976;
}
.ace-nav > li.grey > a {
    background-color: #555555;
}
.ace-nav > li.grey > a:hover,
.ace-nav > li.grey > a:focus,
.ace-nav > li.open.grey > a {
    background-color: #4b4b4b;
}
.ace-nav > li.purple > a {
    background-color: #892e65;
}
.ace-nav > li.purple > a:hover,
.ace-nav > li.purple > a:focus,
.ace-nav > li.open.purple > a {
    background-color: #762c59;
}
.ace-nav > li.green > a {
    background-color: #2e8965;
}
.ace-nav > li.green > a:hover,
.ace-nav > li.green > a:focus,
.ace-nav > li.open.green > a {
    background-color: #2c7659;
}
.ace-nav > li.light-blue > a {
    background-color: #62a8d1;
}
.ace-nav > li.light-blue > a:hover,
.ace-nav > li.light-blue > a:focus,
.ace-nav > li.open.light-blue > a {
    background-color: #579ec8;
}
.ace-nav > li.light-blue2 > a {
    background-color: #42a8e1;
}
.ace-nav > li.light-blue2 > a:hover,
.ace-nav > li.light-blue2 > a:focus,
.ace-nav > li.open.light-blue2 > a {
    background-color: #359fd9;
}
.ace-nav > li.red > a {
    background-color: #b74635;
}
.ace-nav > li.red > a:hover,
.ace-nav > li.red > a:focus,
.ace-nav > li.open.red > a {
    background-color: #a34335;
}
.ace-nav > li.light-green > a {
    background-color: #9abc32;
}
.ace-nav > li.light-green > a:hover,
.ace-nav > li.light-green > a:focus,
.ace-nav > li.open.light-green > a {
    background-color: #8ba832;
}
.ace-nav > li.light-purple > a {
    background-color: #cb6fd7;
}
.ace-nav > li.light-purple > a:hover,
.ace-nav > li.light-purple > a:focus,
.ace-nav > li.open.light-purple > a {
    background-color: #c263ce;
}
.ace-nav > li.light-orange > a {
    background-color: #f79263;
}
.ace-nav > li.light-orange > a:hover,
.ace-nav > li.light-orange > a:focus,
.ace-nav > li.open.light-orange > a {
    background-color: #f28653;
}
.ace-nav > li.light-pink > a {
    background-color: #f4dae5;
}
.ace-nav > li.light-pink > a:hover,
.ace-nav > li.light-pink > a:focus,
.ace-nav > li.open.light-pink > a {
    background-color: #eeccda;
}
.ace-nav > li.dark > a {
    background-color: #404040;
}
.ace-nav > li.dark > a:hover,
.ace-nav > li.dark > a:focus,
.ace-nav > li.open.dark > a {
    background-color: #363636;
}
.ace-nav > li.white-opaque > a {
    background-color: rgba(255, 255, 255, 0.8);
}
.ace-nav > li.white-opaque > a:hover,
.ace-nav > li.white-opaque > a:focus,
.ace-nav > li.open.white-opaque > a {
    background-color: rgba(245, 245, 245, 0.8);
}
.ace-nav > li.dark-opaque > a {
    background-color: rgba(0, 0, 0, 0.2);
}
.ace-nav > li.dark-opaque > a:hover,
.ace-nav > li.dark-opaque > a:focus,
.ace-nav > li.open.dark-opaque > a {
    background-color: rgba(0, 0, 0, 0.2);
}
.ace-nav > li.transparent > a {
    background-color: transparent;
}
.ace-nav > li.transparent > a:hover,
.ace-nav > li.transparent > a:focus,
.ace-nav > li.open.transparent > a {
    background-color: rgba(0, 0, 0, 0.1);
}
.ace-nav > li.light-10 > a {
    background-color: rgba(255, 255, 255, 0.1);
}
.ace-nav > li.light-10 > a:hover,
.ace-nav > li.light-10 > a:focus,
.ace-nav > li.open.light-10 > a {
    background-color: rgba(255, 255, 255, 0.2);
}
.ace-nav > li.dark-10 > a {
    background-color: rgba(0, 0, 0, 0.1);
}
.ace-nav > li.dark-10 > a:hover,
.ace-nav > li.dark-10 > a:focus,
.ace-nav > li.open.dark-10 > a {
    background-color: rgba(0, 0, 0, 0.2);
}
.ace-nav > li.margin-4 {
    margin-left: 4px;
}
.ace-nav > li.margin-3 {
    margin-left: 3px;
}
.ace-nav > li.margin-2 {
    margin-left: 2px;
}
.ace-nav > li.margin-1 {
    margin-left: 1px;
}
.ace-nav > li.no-border {
    border-width: 0 !important;
}
.ace-nav > li .dropdown-menu {
    z-index: 1031;
}
.ace-nav .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    max-width: 40px;
}
.ace-nav li.dropdown-footer a .ace-icon {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
.morris-hover {
    position: absolute;
    z-index: 1000;
}
.morris-hover.morris-default-style {
    padding: 6px 10px;
    color: #333;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: #2c5976 !important;
}
.upload-image-selector img-crop {
    margin-left: 0 !important;
}
.upload-image-selector img-crop canvas {
    margin-left: 0 !important;
    max-width: 565px;
}
.user-badge .avatar-w .image-wrapper {
    position: relative;
    width: 150px;
    height:150px;
    margin: 0 auto;
    padding-bottom: 5px;
}
.user-badge .avatar-w .image-wrapper > img {
    width:100%;
    height:100%;
}
.user-badge .avatar-w .hover-mask {
    width: 150px;
    height: 150px;
    background: rgba(0, 0, 0, 0.34);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    cursor: pointer;
}
.avatar-w,
.avatar-w img {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    -khtml-border-radius: 50%!important;
}
.avatar-w .hover-mask .u-disp img {
    border-radius: 0px !important;
}
.img-circle {
    display: inline-block;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    -khtml-border-radius: 50%!important;
}
.user-badge .avatar-w:hover .hover-mask {
    display: block;
    cursor: pointer;
}
.avatar-w .hover-mask .u-disp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.avatar-w .hover-mask .upload-text {
    color: #FFF;
    display: block;
    margin-top: 10px;
}
.upload-image-selector .upload-message {
    padding: 20px;
}
.upload-image-selector input[type='file'] {
    display: inline-block;
}
.k-draghandle {
    background: #428bca;
}
/* End of the app.css*/
.btn {
    text-transform: uppercase;
    border-radius:0;
}
.main-content .fa,
.sur-view {
    font: normal normal normal 14px/1 FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* ul {
    margin-bottom: 0px;
}
* label {
    color: #777 !important;
}
* .form-control {
    color: #4A4A4A !important;
}
a {
    color: #1072A3;
    text-decoration: none;
}
*::-webkit-input-placeholder {
    color: #bebebe !important;
}
*:-moz-placeholder {
    /* Firefox 18- */
    color: #bebebe !important;
}
*::-moz-placeholder {
    /* Firefox 19+ */
    color: #bebebe !important;
}
*:-ms-input-placeholder {
    color: #bebebe !important;
}
.margin-0 {
    margin: 0px !important;
}
.margin-15 {
    margin:15px !important;
}
.margin-top-0 {
    margin-top:0px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-bottom-0 {
    margin-bottom:0px !important;
}
.margin-right-5 {
    margin-right: 5px !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-10 {
    margin-top:10px !important;
}
.margin-bottom-10 {
    margin-bottom:10px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-right-10 {
    margin-right: 10px !important;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-right-15 {
    margin-right: 15px !important;
}
.margin-right-20 {
    margin-right:20px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.padding-15 {
    padding:15px !important;
}
.padding-left-5 {
    padding-left:5px;
}
.padding-left-10 {
    padding-left:10px;
}
.padding-left-15 {
    padding-left:15px;
}
.padding-right-5 {
    padding-right:5px;
}
.padding-right-10 {
    padding-right:10px;
}
.padding-right-15 {
    padding-right:15px;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-30 {
    padding-bottom: 30px !important;
}
#availability-note a {
    color: rgba(48, 179, 244, 0.88);
}
pre {
    padding: 0px;
    font-size: 14px;
    line-height: 1.5;
    color: #4A4A4A;
    word-break: initial;
    word-wrap:initial;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    font-weight: normal;
    text-align:justify;
    overflow-x:hidden;
}
textarea {
    resize: none;
}
.error-msgLogin,
.error-msgPwd,
.error-msgAvailable {
    font-size: 13px;
    border-radius: 4px;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #a94442;
    margin: 10px;
    display: none;
}
.error-msgPwd ul,
.error-msgResend ul {
    padding: 10px;
    margin-left: 15px;
}
.err {
    font-size: 14px;
    border-radius: 4px;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
    margin: 10px;
    display: none;
}
.okmsg {
    display: none;
    padding: 15px !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
}
.up-logo {
    height: 160px;
    width: 160px;
}
.modal-footer {
    margin-top: 0;
}
.right {
    float: right;
}
.bold {
    font-weight: bold;
}
.blockHeader {
    padding: 10px;
    border-bottom: 1px solid rgb(238, 238, 238);
    background-color: rgb(238, 238, 238);
    font-size: 16px;
    margin: 0px;
    padding-left: 20px;
    font-weight: bold;
}
.modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
    background: #1072A3;
    text-transform: uppercase;
    color: #FFF;
}
.modal-header {
    text-transform: uppercase;
    color: #FFF;
}
.close {
    color: #fff;
    line-height: 12px;
    font-size: 28px;
    height: 17px;
    margin-top: -11px !important;
    margin-right: -5px;
    opacity: 0.9;
}
.modal-header {
    margin-top: -2px;
}
.modal-title {
    line-height: 1.428571429;
    font-size: 15px;
    color: #554D4D !important;
}
h4.modal-title {
    color: #FFF !important;
    text-align: left;
}
.white {
    color: #FFF;
    text-align: center;
}
#main-menu3 .nav > li > a {
    text-transform: capitalize;
}
.pp-link {
    color: #2190da;
    display: inline-block;
}
.pp-link:hover {
    color: #667;
}
html,
body {
    height: 100%;
    width: 100%;
}
.min-height-page {
    min-height: 400px;
    padding-top: 50px;
    padding-bottom: 25px;
    background: #444 url(/WebContent/assets/images/slider/loginbg.png) no-repeat;
    background-size: 100%;
}
/*Side Navigation Bar*/
#verticalMenu .k-icon {
    display: none !important;
}
#verticalMenu .k-link {
    border: none;
    height: auto;
    padding: 10px 0;
    display: block;
    margin: 0;
}
#verticalMenu .k-link:hover {
    background-color: #000 !important;
    background-image: none !important;
    display: block;
    color: #FFF !important;
    padding: 10px 0;
    display: block;
}
#verticalMenu .k-icon {
    display: none !important;
}
.sidebar-wrapper .k-state-hover {
    background-color: #000 !important;
    background-image: none !important;
    display: block;
    color: #FFF !important;
    padding: 0;
}
.sidebar-wrapper .k-state-active {
    background-color: #000 !important;
    background-image: none !important;
    display: block;
    color: #FFF !important;
}
.sidebar-wrapper .k-item a {
    border: none;
}
#verticalMenu {
    border: none;
    padding: 0;
    background: #1072A3;
}
#verticalMenu > li {
    text-align: center;
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
}
#verticalMenu > li i {
    font-size: 20px;
}
#verticalMenu .k-animation-container .k-group {
    background: #2c3e50;
    border: none;
    color: #D5DDE5;
}
#verticalMenu .k-animation-container .k-group li {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    text-align: left;
    padding: 10px 20px;
    width: 200px;
}
#verticalMenu .k-animation-container .k-group li:hover {
    background: none !important;
    padding: 10px 20px;
}
#verticalMenu .k-animation-container .k-group li a {
    background: none !important;
    padding: 10px 20px;
    margin: 0;
    font-size: 14px;
    width: 170px;
    white-space: normal;
    text-align: left;
}
#verticalMenu .k-animation-container .k-group li:hover a:before,
#verticalMenu .k-animation-container .k-group li.current a:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    color: #F4DE4B;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    font-size: 8px;
    left: -3px;
}
#verticalMenu li.notas-stuffs:hover a:before,
#verticalMenu li.notas-stuffs.current a:before {
    content: "" !important;
}
#verticalMenu li.notas-stuffs .badge {
    left: 6px;
}
#verticalMenu li:last-child {
    border-bottom: none !important;
}
.inform-message {
    border: none;
    z-index: 2000;
}
.inform-message pre {
    background: none;
    border: none;
    color: #FFF;
}
.inform-message.alert-danger {
    background: #E22020;
    color: #FFF;
    font-weight: bold;
}
.inform-message.alert-success {
    background: #3AB54A;
    color: #FFF;
    font-weight: bold;
}
.inform-message.alert-default {
    background: #FFF;
    color: #333;
    font-weight: bold;
    border: none;
}
table.dataTable,
table.dataTable * {
    border: none !important;
}
table.dataTable thead,
table.dataTable tfoot {
    background: #2980b9;
    color: #FFF;
}
table.dataTable.black thead,
table.dataTable.black tfoot {
    background: #333;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    height: 25px;
    width: 25px;
    line-height: 25px;
    box-shadow: none;
    border: none;
}
table.dataTable .table-action-btns {
    font-size: 20px;
    display: inline-block;
    margin: 0 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
}
.sidebar-nav-avatar {} .sidebar-nav-avatar .nav-user-photo {
    width: 32px;
    border-radius: 50%;
}
.sidebar-nav-avatar .user-info {
    display: block;
}
.sidebar-nav-avatar .user-xs-popout li i {
    display: inline-block !important;
}
.sidebar-nav-avatar .notas-stuffs a {
    width: 50px !important;
    padding: 0 !important;
    display: inline-block !important;
}
/*PPn Confirm*/
.ppn-confirm-dailouge {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #FFE;
    padding: 40px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    z-index: 99999;
}
.ppn-confirm-dailouge .prompt-text {
    font-size: 19px;
    width: 500px;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
}
.ppn-confirm-dailouge .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
}
.ppn-confirm-dailouge .btn.green {
    background: #3ab54a;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    margin: 0 5px;
}
.ppn-confirm-dailouge .btn.green:hover,
.ppn-confirm-dailouge .btn.green:focus,
.ppn-confirm-dailouge .btn.green:active {
    background: #3ab54a;
}
.ppn-confirm-dailouge .btn.grey {
    background: #333;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    margin: 0 5px;
    color: #FFF;
}
.ppn-confirm-dailouge .btn.grey:hover,
.ppn-confirm-dailouge .btn.grey:focus,
.ppn-confirm-dailouge .btn.grey:active {
    background: #333;
}
/* / PPn Confirm*/
.add-new-feild-form {
    overflow: hidden;
    width: 100%;
}
.add-new-feild-form span {
    float: left;
    margin-top: 8px;
}
.add-new-feild-form a {
    float: right;
}
.btn-form-add.red {
    border: none;
    background: #BE0000;
}
.add-new-items-hitter {} .added-feild {
    margin: 5px 0;
}
.error-msg {
    display: none;
    padding: 20px;
    background: rgb(249, 27, 27);
    color: #FFF !important;
    border-radius: 7px;
    font-weight: bold;
    margin-bottom: 30px;
}
/*********************/
.sidebar-wrapper ul > li .badge {
    background-color: #DB5353;
    color: #FFF;
    font-weight: 400;
    box-shadow: none;
    font-size: 10px;
    position: absolute;
}
.inform-fixed {
    z-index: 9999999999;
}
.highlight {
    font-size: 16px;
    color: #4b5159;
    margin-top: 23px;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 0;
}
/****Drag N Drop ****/
.sortangular h1 {
    color: #FF3F00;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
}
.sortangular ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sortangular {
    width: 80%;
    margin: auto;
    min-width: 1100px;
    max-width: 1300px;
    position: relative;
}
@media (min-width: 750px) and (max-width: 970px) {
    .sortangular {
        width: 100%;
        min-width: 750px;
    }
}
.sortangular .sortable-ghost {
    opacity: .2;
}
.sortangular img {
    border: 0;
    vertical-align: middle;
}
.sortangular .logo {
    top: 55px;
    left: 30px;
    position: absolute;
}
.sortangular .title {
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    position: relative;
    background-color: #FF7373;
    z-index: 1000;
}
.sortangular .title_xl {
    padding: 3px 15px;
    font-size: 40px;
}
.sortangular .tile {
    width: 22%;
    min-width: 245px;
    color: #FF7270;
    padding: 10px 30px;
    text-align: center;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 30px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
}
.sortangular .tile__name {
    cursor: move;
    padding-bottom: 10px;
    border-bottom: 1px solid #FF7373;
}
.sortangular .tile__list {
    margin-top: 10px;
}
.sortangular .tile__list:last-child {
    margin-right: 0;
    min-height: 80px;
}
.sortangular .tile__list img {
    cursor: move;
    margin: 10px;
    border-radius: 100%;
}
.sortangular .block {
    opacity: 1;
    position: absolute;
}
.sortangular .block__list {
    padding: 20px 0;
    max-width: 360px;
    margin-top: -8px;
    margin-left: 5px;
    background-color: #fff;
}
.sortangular .block__list-title {
    margin: -20px 0 0;
    padding: 10px;
    text-align: center;
    background: #5F9EDF;
}
.sortangular .block__list li {
    cursor: move;
}
.sortangular .block__list_words li {
    background-color: #fff;
    padding: 10px 40px;
}
.sortangular .block__list_words .sortable-ghost {
    opacity: 0.4;
    background-color: #F4E2C9;
}
.sortangular .block__list_words li:first-letter {
    text-transform: uppercase;
}
.sortangular .block__list_tags {
    padding-left: 30px;
}
.sortangular .block__list_tags:after {
    clear: both;
    content: '';
    display: block;
}
.sortangular .block__list_tags li {
    color: #fff;
    float: left;
    margin: 8px 20px 10px 0;
    padding: 5px 10px;
    min-width: 10px;
    background-color: #5F9EDF;
    text-align: center;
}
.sortangular .block__list_tags li:first-child:first-letter {
    text-transform: uppercase;
}
.sortangular #editable {} .sortangular #editable li {
    position: relative;
}
.sortangular #editable i {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    display: block;
    cursor: pointer;
    color: #c00;
    top: 10px;
    right: 40px;
    position: absolute;
    font-style: normal;
}
.sortangular #editable li:hover i {
    opacity: 1;
}
.sortangular #filter {} .sortangular #filter button {
    color: #fff;
    width: 100%;
    border: none;
    outline: 0;
    opacity: .5;
    margin: 10px 0 0;
    transition: opacity .1s ease;
    cursor: pointer;
    background: #5F9EDF;
    padding: 10px 0;
    font-size: 20px;
}
#filter button:hover {
    opacity: 1;
}
#filter .block__list {
    padding-bottom: 0;
}
.sortangular .drag-handle {
    margin-right: 10px;
    font: bold 20px Sans-Serif;
    color: #5F9EDF;
    display: inline-block;
    cursor: move;
    cursor: -webkit-grabbing;
}
.sortangular #todos input {
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.sortangular #nested ul li {
    background-color: rgba(0, 0, 0, .05);
}
.zero {
    margin: 0 !important;
    padding: 0 !important;
}
.r-ddown {
    background: none;
    border: 1px solid #CCC;
    padding: 5px 15px;
    border-radius: 4px;
}
#pricing .row.ddown {
    text-align: center;
}
#pricing .row.ddown .dropdown {
    display: inline-block !important;
}
#pricing .row.ddown .dropdown .dropdown-menu {
    right: 0;
}
/***drag n drop***/
.sortangular h1 {
    color: #FF3F00;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
}
.sortangular ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sortangular {
    width: 80%;
    margin: auto;
    min-width: 1100px;
    max-width: 1300px;
    position: relative;
}
@media (min-width: 750px) and (max-width: 970px) {
    .sortangular {
        width: 100%;
        min-width: 750px;
    }
}
.sortangular .sortable-ghost {
    opacity: .2;
}
.sortangular img {
    border: 0;
    vertical-align: middle;
}
.sortangular .logo {
    top: 55px;
    left: 30px;
    position: absolute;
}
.sortangular .title {
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    position: relative;
    background-color: #FF7373;
    z-index: 1000;
}
.sortangular .title_xl {
    padding: 3px 15px;
    font-size: 40px;
}
.sortangular .tile {
    width: 22%;
    min-width: 245px;
    color: #FF7270;
    padding: 10px 30px;
    text-align: center;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 30px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
}
.sortangular .tile__name {
    cursor: move;
    padding-bottom: 10px;
    border-bottom: 1px solid #FF7373;
}
.sortangular .tile__list {
    margin-top: 10px;
}
.sortangular .tile__list:last-child {
    margin-right: 0;
    min-height: 80px;
}
.sortangular .tile__list img {
    cursor: move;
    margin: 10px;
    border-radius: 100%;
}
.sortangular .block {
    opacity: 1;
    position: absolute;
}
.sortangular .block__list {
    padding: 20px 0;
    max-width: 360px;
    margin-top: -8px;
    margin-left: 5px;
    background-color: #fff;
}
.sortangular .block__list-title {
    margin: -20px 0 0;
    padding: 10px;
    text-align: center;
    background: #5F9EDF;
}
.sortangular .block__list li {
    cursor: move;
}
.sortangular .block__list_words li {
    background-color: #fff;
    padding: 10px 40px;
}
.sortangular .block__list_words .sortable-ghost {
    opacity: 0.4;
    background-color: #F4E2C9;
}
.sortangular .block__list_words li:first-letter {
    text-transform: uppercase;
}
.sortangular .block__list_tags {
    padding-left: 30px;
}
.sortangular .block__list_tags:after {
    clear: both;
    content: '';
    display: block;
}
.sortangular .block__list_tags li {
    color: #fff;
    float: left;
    margin: 8px 20px 10px 0;
    padding: 5px 10px;
    min-width: 10px;
    background-color: #5F9EDF;
    text-align: center;
}
.sortangular .block__list_tags li:first-child:first-letter {
    text-transform: uppercase;
}
.sortangular #editable {} .sortangular #editable li {
    position: relative;
}
.sortangular #editable i {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    display: block;
    cursor: pointer;
    color: #c00;
    top: 10px;
    right: 40px;
    position: absolute;
    font-style: normal;
}
.sortangular #editable li:hover i {
    opacity: 1;
}
.sortangular #filter {} .sortangular #filter button {
    color: #fff;
    width: 100%;
    border: none;
    outline: 0;
    opacity: .5;
    margin: 10px 0 0;
    transition: opacity .1s ease;
    cursor: pointer;
    background: #5F9EDF;
    padding: 10px 0;
    font-size: 20px;
}
#filter button:hover {
    opacity: 1;
}
#filter .block__list {
    padding-bottom: 0;
}
.sortangular .drag-handle {
    margin-right: 10px;
    font: bold 20px Sans-Serif;
    color: #5F9EDF;
    display: inline-block;
    cursor: move;
    cursor: -webkit-grabbing;
    /* overrides 'move' */
}
.sortangular #todos input {
    padding: 5px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.sortangular #nested ul li {
    background-color: rgba(0, 0, 0, .05);
}
/**end-of**drag n drop*****/
.homepage #feature {
    height: 100%;
}
@media (max-width: 1024px) {
    .homepage .navbar-header {
        float: none;
    }
    .homepage .navbar-toggle {
        display: block;
    }
    .homepage .navbar-collapse {
        border-top: 1px solid #E7E7E7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        position: absolute;
        left: 0;
        z-index: 999;
        right: 0;
        margin-top: -2px;
        margin-right: 0;
        margin-left: 0;
    }
    .homepage .navbar-collapse.collapse {
        display: none !important;
    }
    .homepage .navbar-nav {
        float: none !important;
        margin: 0px 0px;
        background-color: #f8f8f8;
        color: #333;
        margin: 0 -15px;
    }
    .homepage .navbar-nav > li {
        float: none;
    }
    #main-menu3.navbar-default .navbar-nav > li > a {
        height: auto;
        padding: 15px;
    }
    ul.nav.navbar-nav:not(.notThisClass),
    ul.nav.navbar-nav:not(.notThisClass) li,
    ul.nav.navbar-nav:not(.notThisClass) li a {
        clear: both;
        float: none;
    }
    .homepage #main-menu3.navbar-default .navbar-nav > li > a {
        color: #333;
    }
    .homepage #main-menu3.navbar-default .navbar-nav > li > a:hover,
    .homepage #main-menu3.navbar-default .navbar-nav > li > a:active {
        border: none;
    }
    .homepage #main-menu3 {
        background-color: #f8f8f8;
        border-color: #e7e7e7;
    }
    .homepage #main-menu3 .active a {
        border: none !important;
    }
    .homepage #main-menu3 a > img {
        width: 50px;
    }
}
/**ppn plan***/

#pricing .section-title {
    min-height: 40px;
}
#my_document .upload-zone {
    text-align: center;
}
#my_document .upload-zone input[type=file] {
    margin: 0 auto;
    margin-top: 60px;
    transform: translateX(15%);
}
.playerDataHolder ul {
    min-height: 15px;
}
.memberIn .fa-trash-o {
    float: right;
}
.memberIn {
    padding: 1px;
    margin-bottom: 5px;
    min-height: 43px;
}
.lblRight {
    margin-right: 30px;
    float: right;
    display: inline-block;
}
.view-list .user-badge .avatar-w {
    border-radius: 50%;
    overflow: hidden;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
}
.view-list .personalDetail {
    margin: 0px 0px 0px 50px;
}
.left {
    float: left;
}
.display-list {
    border: 1px solid #F3F3F3;
}
.display-list li {
    padding: 15px;
    border-bottom: 1px solid #F3F3F3;
}
input.user-w-ico::-webkit-input-placeholder,
input.pass-w-ico::-webkit-input-placeholder {
    font-style: normal;
}
input.user-w-ico::-moz-placeholder,
input.pass-w-ico::-moz-placeholder {
    font-style: normal;
}
input.user-w-ico:-moz-placeholder,
input.pass-w-ico:-moz-placeholder {
    /* Older versions of Firefox */
    font-style: normal;
}
input.user-w-ico:-ms-input-placeholder,
input.pass-w-ico:-ms-input-placeholder {
    font-style: normal;
}
.fgrtpass {
    display: block;
    padding: 10px 48px;
    border: 2px solid rgba(204, 204, 204, 0.49);
    font-size: 13px;
}
.sign-up-div {
    padding-top: 20px;
}
.recent-verification > span > a {
    color: rgb(223, 0, 0);
    font-size: 12px;
}
.title-label {
    font-weight: bold;
}
.detail-label {
    font-size: 12px;
}
.square {
    border-radius: 0px;
    overflow: hidden;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
    border: 1px solid #ECECEC;
    height: 60px;
}
.btn-group .active {
    background-color: #1072A3 !important;
    border-color: #1072A3 !important;
    color: #ffffff !important;
}
.btn-group .btn-default:not(.binfo) {
    width: 60px;
    text-transform: capitalize;
}
.btn-group .btn-default.binfo {
    min-width: 38px;
}
.btn-group .active:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #000 !important;
}
.docTitle {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 14px;
    text-transform: none !important;
    margin: 0;
}
.pagination {
    margin: 20px 0;
}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #999999;
    cursor: default;
    background-color: transparent;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}
.footable.no-paging .hide-if-no-paging {
    display: none;
}
.btn-default.focus,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
}
.pointer:hover {
    cursor: pointer;
}
.mgmtCard {
    padding-right: 10px !important;
    text-align: right;
    width: 120px !important;
}
.dropdown-fired > div > a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #9294A1;
}
.dropdown-fired > div > a {
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0px 8px;
    position: relative;
}
.txtLabel {
    width: 110px;
    display: inline-block;
    color: #000;
}
.k-numeric-wrap .k-input {
    border-width: 0px !important;
    margin-top: 0px;
    height: 32px;
}
i.ace-icon {
    width: 20px;
}
/* for profile's page available states*/
span#statusname {
    width: 86px;
    font-weight: bold;
    color: #fff !important;
    font-size: 12px;
}
.popupSlide span#statusname {
    color: #000;
}
.on span#statusname {
    /*position: relative;
    top: -4px;*/
}
.small-dtls span#statusname {
    color:#4a4a4a !important;
} 
.checkbox-wrapper.off .toogle-btn {
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: 0px;
}
#availability-note {
    width: 86px;
    /*float: left;*/
}
.pro-retrn-date {
    display: block;
    color: #dddddd;
}
.pro-retrn-date1 {
    /*width: 86px;*/
    /*font-weight: bold;*/
    color: #4a4a4a !important;
    font-size: 12px;
}
tr.assignment-table-row1 > td {
    padding: 10px !important;
}
.innergrid .k-grid-content table tr td {
    padding: 10px !important;
}
.maingrid table tr td {
    overflow: hidden;
    text-overflow: ellipsis !important;
    vertical-align:middle;
}
.teamMgnt .maingrid table tr td:not(:nth-child(1)),
.teamMgnt .maingrid table th a {
    /*text-align: center !important;*/
}
.teamMgnt .maingrid table tr td:not(:first-child),
.teamMgnt .maingrid table th a,
tr.assignment-table-row1 td {
    vertical-align: middle;
}
.my-team-ko-tauko {
    margin-right: 10px;
}
.my-team-ko-wrapper {
    padding: 2px 0px;
}
.my-team-ko-tauko .img-thumbnail,
.maingrid table tr td .img-thumbnail,
.managementBox .img-thumbnail {
    padding: 1px;
}
.img-thumbnail.selected-value {
    padding: 1px;
}
.for-img-download {
    position: absolute;
    bottom: 0px;
    left: 36px;
}
.k-pager-numbers .k-state-selected {
    border-radius: initial;
    border-color: transparent;
}
.k-popup .k-list .k-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
    font-weight: 400 !important;
    cursor: pointer;
}
.font16 i,
.font16 div {
    font-size: 14px;
}
.register-page label {
    font-weight: normal;
}
.db-btn > a.btn-close {
    font-weight: 400;
    padding: 6px 15px;
    display: inline-block;
    font-size: 14px;
    min-width: 140px;
}
.page-basicInfo .db-btn > a.btn-close {
    text-transform: uppercase !important;
}
.agreement {
    margin-top: 0px;
    font-size: 13px;
    font-size: 14px;
}
.font16 .row > div:first-child {
    float: right;
}
.font16 .row > div:last-child {
    float: left;
}
@media(max-width:767px) {
    .font16 .row > div {
        float: none;
        margin-bottom: 10px;
    }
    .pi-select {
        top: initial !important;
        float: none !important;
        display: inline-block;
    }
    .pi-select > label {
        float: none !important;
    }
    .search-wrap {
        top: 0px !important;
    }
    .search-all input.form-control {
        border-bottom-left-radius: 4px !important;
    }
    .search-all span button.mero-bttn {
        border-bottom-right-radius: 4px !important;
    }
}
.thisTab .k-dropdown-wrap.k-state-default {
    border-color: transparent;
    background-color: transparent;
}
/*.ors-check .k-numeric-wrap .k-input {
    border-width: 0px !important;
    margin-top: 0px;
    height: 27px;
    width: 49px !important;
}*/
.ors-check .k-numeric-wrap .k-input {
    border-width: 0px !important;
    height: 32px;
    width: 49px !important;
    position: absolute;
    top: 0px;
    text-indent: 0;
    text-align: center;
}
.nav .dropdown-toggle {
    color: white;
}
.box-col li {
    margin-bottom: 5px;
}
.pi-select {
    width: 35%;
    position: relative;
    top: 20px;
}
.pi-select > label {
    float: right;
}
.for-kpm-stat-setting {
    display: inline-block;
    width: 223px;
    text-align: left;
}
.align-left {
    text-align: left;
}
.orgrules-table.listTable td {
    text-align: left;
}
.ppn-charcol span {
    font-family: 'Roboto', sans-serif;
}
.mask > ul {
    /*min-width:100% !important;*/
    
    width: auto !important;
}
.checkboxalign {
    padding-bottom: 50px;
}
.ace-nav ul li div span {
    margin-left: 5px;
    display: block;
}
.ace-nav .dropdown-menu {
    padding: 0px 0;
}
.ace-nav .dropdown-menu .divider {
    height: 1px !important;
}
.org-bar-ctrl > div > a {
    padding-left: 8px !important;
}
.roster-approval-coach-rt {
    word-break: break-all;
    word-wrap: break-word;
    text-transform: capitalize;
}
/*  for message and notication */
.subject {
    font-size: 15px;
}
/*  for message and notication */
span.header-name {
    display: block;
    font-weight: 600;
    color: rgba(74, 74, 74, 0.81);
}
span.header-msg {
    display: block;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
    margin-top: 0px;
    word-wrap: break-word;
    width: auto;
    line-height: 20px;
    color: #646464;
    font-size: 13px;
    font-weight: 300;
}
span.header-time {
    display: block;
    margin-left: 11px;
    font-size: 11px;
    color: #6F6666;
    float: right;
}
.some-custom-hai li {
    border-bottom: 1px solid #D4D4D4;
}
.some-custom-hai li:first-child,
.OrgBarCtrl ul li {
    background-color: #1072A3 !important;
}
.some-custom-hai li:first-child a,
.OrgBarCtrl ul li a {
    color: #fff !important;
}
.some-custom-hai li:first-child a:hover {
    background-color: #1072A3;
}
.some-custom-hai li:last-child > a {
    font-size: 13px;
}
.some-custom-hai li:last-child {
    border-top: none;
    background-color: #f5f5f5;
}
.some-custom-hai li:last-child a {
    color: #4A4A4A;
}
/*.some-custom-hai::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: -16px;
    right: 12px;
    border-left: 8px solid rgba(182, 182, 182, 0);
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgb(212, 212, 212);
    border-top: 8px solid transparent;
}*/
/*ul.user-menu::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: -16px;
  right: 12px;
  border-left: 8px solid rgba(182, 182, 182, 0);
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(212, 212, 212);
  border-top: 8px solid transparent;
}*/

ul.user-menu {
    /*margin-top: 10px;*/
    width: 230px;
    right: 5px;
}
.noti-time {
    /*margin-right: 12px;*/
    margin-top: 6px;
}
.dropdown-menu > li > a:not(.not-this-class) {
    white-space: normal !important;
}
.manage-player-dropdown-menu .dropdown-menu > li > a {
    padding: 7px 15px 7px 10px;
}
.manage-player-dropdown-menu {
    line-height:35px;
}
.header-links .dropdown-menu > li > a {
    padding: 7px 15px;
    font-size: 14px;
}
.header-links .dropdown-menu .divider {
    margin-top: 3px;
    margin-bottom: 3px;
}
input[type=file] {
    display: block;
    /*width: 94px !important;*/
}
.prev-wrap,
.next-wrap {
    display: table-cell;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #D4D4D4;
}
.prev-wrap:hover,
.next-wrap:hover {
    background-color: rgba(230, 231, 232, 0.38);
}
.pagination-wrap {
    /*border: 1px solid #ccc;*/
    display: inline-block;
    /*padding:5px 14px 0px ;*/
    /*width:167px;*/
}
.prev-next-parent {
    float: left;
}
.page-no-wrap {
    float: left;
    display: table-cell;
    height: 35px;
    /*width: 95px;*/
    vertical-align: middle;
    padding: 10px 5px;
    color: #716C6C;
}
.no-message-box {
    padding: 10px;
}
.nav-pills > li > a > .badge {
    background: #FF8C21;
    font-size: 9px;
}
.notificationmsg {
    line-height: 23px;
    letter-spacing: 0.1px;
    margin-top: -20px;
}
span.k-numeric-wrap.k-state-default {
    border-radius: 4px;
}
.PlayerNamePE-wrap {
    margin-bottom: 20px;
}
.eval-vis-section {
    margin-top: 44px;
}
.cstknb-wrapper.eval-vis-section {
    margin-top: 0 !important;
}
.rc-anchor-light {
    color: #4A4A4A !important;
}
.notificationBox .notificationmsg {
    margin-left: 60px;
}
.for-editor-padding table > tbody > tr:last-child > td {
    padding: 15px;
}
.modal-body > .eval-vis-section {
    /*background-color: #ccc;*/
    padding: 15px;
    width: 100%;
}
.custom-select-prop {
    width: 120px !important;
    margin-left: 5px;
    display: inline-block !important;
    padding: 5px !important;
}
.date-time-wrapper span.k-select {
    border-left: transparent;
    padding-top: 4px;
    background-color: transparent !important;
}
.date-time-wrapper .k-select .k-icon {
    margin-top: -8px;
}
.right-sec-wrapper {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 0px;
    margin-bottom: 20px;
}
.right-sec-wrapper > div:last-child {
    margin-bottom: 5px;
}
.modal-content {
    border-radius: 0px;
}
input.k-recur-weekday-checkbox {
    display: inline-block !important;
}
.agendaCancel {
    /*margin-top: 8px;*/
    font-size: 11px;
}
.eventTitle {
    width: 86%;
    /*height: 25px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*.left-sec-wrap {
  width: 65%;
   padding: 9px; 
}
.right-sec-wrap {
    padding:9px;
      width: 30%;
}
.left-sec-wrap,  .right-sec, .left-sec,.right-sec-wrap {
    float:left;
}
   .left-sec {
  width: 123px;
  
}
.equal-sec-wrap {
    float:left;
      width: 390px;
}
.right-sec {
    width:75%;
}*/
.custom-label {
    width: 11%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}
.km-switch-off .km-switch-handle {
    box-shadow: 0px 1px 0px 1px rgba(186, 186, 186, 0), 0px -1px 0px 1px rgba(186, 186, 186, 0) !important;
}
.selectField {
    /*width: 51% !important;*/
    
    width: 54% !important;
}
.selectField .k-dropdown-wrap.k-state-default {
    border-radius: 4px;
}
.k-edit-form-container .k-button {
    margin: 0.1em .16em !important;
}
.k-multiselect-wrap li {
    line-height: 1.36em !important;
}
.repeatField.tryout .repeat-wrapper .k-recur-view {
    /*padding-bottom: 50px;*/
    clear: both;
    display: table;
    content: " ";
    width: 100%;
    clear: both;
    display: table;
    content: " ";
    width: 631px;
    position: relative;
    left: 0px;
}
.k-scheduler-edit-form .repeat-wrapper .k-edit-label {
    width: 20% !important;
    min-width: 104px !important;
}
.k-scheduler-edit-form .repeat-wrapper .k-edit-field {
    width: 73% !important;
}
.k-edit-field .repeat-wrapper > ul.k-reset .k-widget {
    /*margin-left: -20px;*/
}
.repeatField .repeat-wrapper ul.k-reset li label {
    width: 65px;
    float: left !important;
    margin-right: 0px !important;
}
.repeatField .repeat-wrapper .k-datepicker {
    width: 136px !important;
}
.repeatField .repeat-wrapper .k-recur-end-never,
.repeatField .repeat-wrapper .k-recur-end-count,
.repeatField .repeat-wrapper .k-recur-end-until,
.repeatField .repeat-wrapper .k-recur-month-radio {
    margin: 0px 5px 0px 0px !important;
}
.repeatField .repeat-wrapper .k-check {
    margin-right: 10px;
}
.repeatField .repeat-wrapper .k-check > input {
    margin-right: 2px;
}
.repeat-wrapper .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 80px !important;
}
.k-button.k-primary.k-scheduler-update {
    font-size: 14px !important;
    color: #FFF;
    box-shadow: none;
    border-radius: 0px;
    font-weight: 400 !important;
    min-width: 140px;
    border-width: 0 !important;
    padding: 6px 15px !important;
    background: #0E7AC7 !important;
    line-height: 18px;
    float: right;
}
.k-button.k-primary.k-scheduler-update:hover {
    background: #0c65a7 !important;
}
.custom-event {
    display: block;
}
.custom-event > span {
    display: inline-block;
}
.custom-event > span:nth-child(1) {
    min-width: 100%;
}
.custom-event > span:nth-child(2) {
    min-width: 100%;
    margin-bottom: 2px;
}
.custom-event > span:nth-child(3),
.custom-event > span:nth-child(4) {
    /*min-width: 84px !important;*/
    float: right;
}
.custom-event > span:nth-child(4) {
    text-align: right;
}
.custom-event > span:nth-child(5) {
    text-align: right;
    color: #1072A3;
    font-size: 12px !important;
    cursor: pointer;
}
.custom-event > span:nth-child(3) i,
.custom-event > span:nth-child(4) i {
    text-align: center;
}
.k-scheduler-header-all-day table tbody tr td {
    padding: 0px !important;
}
/*.selectField .k-input{
    height: 2.314em !important;
    line-height: 2.114em !important;
   
}*/
.this.pro-info-field .k-textbox > input,
.this.pro-info-field .k-autocomplete .k-input,
.this.pro-info-field .k-picker-wrap .k-input,
.this.pro-info-field .k-numeric-wrap .k-input,
.this.pro-info-field .k-dropdown-wrap .k-input,
.this.pro-info-field .k-selectbox .k-input {
    height: 2.414em !important;
    line-height: 2.414em;
}
.this.pro-info-field .k-picker-wrap .k-select,
.this.pro-info-field .k-numeric-wrap .k-select,
.this.pro-info-field .k-dropdown-wrap .k-select {
    height: 2.114em !important;
}
.btn-attendanceList {
    width: 257px;
}
@media screen and (max-width: 767px) {
    .k-window.k-widget,
    .k-window.widgetEvent {
        left: 10% !important;
        max-width: 80% !important;
    }
    .k-edit-form-container {
        width: 100% !important;
    }
    .k-popup-edit-form .form-group {
        margin-bottom: 5px;
    }
    .k-recur-view {
        width: auto !important;
    }
    .xs-correction input {
        float: left !important;
    }
    .k-edit-buttons.k-state-default a.k-button {
        float: left !important;
    }
    .create-event {
        position: absolute !important;
        left: 200px !important;
    }
    .game-info-detail-div {
        /*margin-top: 0px !important;*/
    }
}
@media screen and (min-width: 768px) {
    .k-edit-form-container {
        width: 100% !important;
    }
    .k-window.k-widget,
    .k-window.widgetEvent {
        left: 6% !important;
        width: 88% !important;
    }
    .pdescLabel {
        width: 20% !important;
    }
    .pdescLabel + span {
        width: 75% !important;
    }
}
@media screen and (min-width: 992px) {
    .k-edit-form-container {
        width: 100% !important;
    }
    .k-window.k-widget,
    .k-window.widgetEvent {
        left: 6% !important;
        width: 88% !important;
    }
    .right-sec-wrapper > div {
        margin-bottom: 0px;
    }
    .repeatWrapper {
        margin-top: -5px;
    }
    .bio-label {
        width: 116px;
    }
}
@media (max-width: 1200px) {
    .custom-event > span:nth-child(2) {
        min-width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .k-window.k-widget,
    .k-window.widgetEvent {
        left: 10% !important;
        width: 81% !important;
    }
    .k-edit-form-container {
        width: 100% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .labelTagPE {
        width: 115px;
    }
}
@media screen and (max-width: 991px) {
    .report-graph .knob-holder {
        margin-top: 0;
    }
    .padding-left-0-not-xs-sm {
        padding-left: 15px !important;
    }
    .fa-pencil:not(.notThisClass),
    .fa-trash:not(.notThisClass),
    .fa-eye:not(.notThisClass),
    .fa-line-chart:not(.notThisClass),
    .k-grid-content .fa-print:not(.notThisClass) {
        margin-left: 0px !important;
        /*height: 25px;*/
        overflow: hidden;
        /*line-height: 21px !important;*/
        /*width: 50px;*/
    }
    .notification-del-btn,
    .notificationwrapBox .notification-del-btn + i {
        float: right;
        margin-top: -10px;
    }
    .notificationwrapBox .notification-del-btn + i {
        min-width: 85px;
    }
    .weather-wrapper-wrap {
        margin-bottom: 64px;
    }
    .ors-label-wrapper label {
        display: block;
    }
    .nav.ace-nav .user-info {
        max-width: 120px !important;
    }
    .game-info-detail-div {
        /*margin-top: 90px;*/
    }
}
@media screen and (max-width: 767px) {
    .nav.ace-nav .user-info {
        max-width: 76px !important;
    }
}
@media screen and (max-width: 1024px) {
    .k-webkit .k-pager-numbers + .k-link,
    .k-ff .k-pager-numbers + .k-link,
    .k-ie11 .k-pager-numbers + .k-link,
    .k-safari .k-pager-numbers + .k-link {
        margin-left: 4.5em;
    }
    .accor-table .panelbar .k-floatwrap .k-pager-numbers.k-reset {
        margin-top: 0 !important;
    }
    .accor-table .k-pager-numbers .k-current-page .k-link {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-left: 8px !important;
    }
}
.k-recur-view {
    content: " ";
    padding-top: 17px;
    display: table;
    width: 502px;
    clear: both;
}
.k-edit-label {
    width: 18%;
    margin-right: 1px;
}
.padding-left-0 {
    padding-left: 0px !important;
}
.padding-top-0 {
    padding-top: 0px !important;
}
.padding-top-5 {
    padding-top:5px !important;
}
.padding-bottom-5 {
    padding-bottom:5px !important;
}
.pro-info-field .kendoevent .k-widget.k-dropdown.k-header .k-dropdown-wrap.k-state-default .k-input,
.kendoevent .k-dropdown .k-state-default .k-select {
    line-height: 2.11em !important;
}
#up,
#down {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    position: relative;
    z-index: 9999;
}
.up-down-control {
    text-align: right;
    margin-top: 5px;
    padding-right: 5px;
}
.up-down-control > span {
    display: inline-block;
}
#up,
#down {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding-top: 6px;
    position: relative;
    z-index: 999;
    background: #E6E7E8;
    color: #4A4A4A;
}
.k-numeric-wrap.k-state-default {
    clear: both;
    content: '';
    /*display: table-cell;*/
}
.gridTable .k-grid-header-wrap thead tr > th {
    /*padding-left: 12px !important;*/
}
.gridTable .k-grid-content tr td:first-child {
    /*text-align:center;*/
}
.gridTable .k-grid-content tr td {
    padding-left: 5px !important;
}
.defaultTablePE tr th {
    white-space: nowrap;
}
.r-page-title-secondspan {
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    display: block;
    margin-top: 3px;
}
.r-page-title-firstspan {
    font-size: 18px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    display: block;
    margin-right: 10px;
    min-width: 141px;
    text-transform: capitalize;
}
.short-content .r-page-title-firstspan {
    /*font-size: 14px !important;*/
    font-size: 16px !important;
}
.popupInfoTable2 tr td:first-child {
    text-align: left;
    width: 40%;
}
.k-numerictextbox .k-select {
    /*background-color: transparent !important;*/
    /*border-color: #FFF;*/
}
.status-item-correction {
    padding-top: 5px;
    display: inline-block;
    width: 153px;
    text-align: left;
}
.tabs.nav.nav-pills.playerPerformance li > a {
    min-width: 100px;
    text-align: center;
}
.statsInformation {
    min-height: 150px;
}
.choose-btn {
    position: relative;
    left: 3px;
    z-index: 9;
}
.choose-btn + input[type='text'] {
    height: 31px !important;
}
.assignment-table-row1 .fa-pencil {
    /*min-width: 25px;*/
}
.labelTagEI {
    width: 150px !important;
    margin-bottom: 10px;
}
.modifiedNB .k-select {
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
}
.modifiedNB .k-select .k-link:first-child {width:36px;height: 34px;line-height: 35px;position: absolute;top: 0px !important;}
.modifiedNB .k-select .k-link:last-child {
    width: 36px;
    border: none !important;
    border-radius: 4px 0 0 4px;
    background: rgb(242, 243, 243) !important;
    color: #444 !important;
}
.modifiedNB .k-select .k-link:last-child:before,
.modifiedNB.modifiedNB2 .k-select .k-link:last-child:before {
    content: "\f068";
}
.modifiedNB .k-select .k-link:first-child:before,
.modifiedNB.modifiedNB2 .k-select .k-link:first-child:before {
    content: "\f067";
}
.thisTab .modifiedNB .k-numeric-wrap.k-state-default {
    border-radius: 0 4px 4px 0;
    height: 34px;
}
.thisTab .modifiedNB .k-numeric-wrap.k-state-default:focus {
    outline: transparent auto 5px !important;
}
.thisTab .modifiedNB .k-numeric-wrap.k-state-focused,
.thisTab .modifiedNB .k-numeric-wrap.k-state-hover,
.modifiedNB.modifiedNB2 .k-numeric-wrap.k-state-focused,
.thisTab .modifiedNB.modifiedNB2 .k-numeric-wrap.k-state-hover {
    box-shadow: none;
    border: none !important;
}
.thisTab .modifiedNB .k-select span.k-link.k-state-selected {
    color: transparent;
}
.thisTab .modifiedNB .k-numeric-wrap .k-link.k-state-selected {
    background-color: #FFFFFF;
}
.modifiedNB .k-select .k-link:first-child > span,
.modifiedNB .k-select .k-link:last-child > span {
    display: none;
}
.thisTab .modifiedNB .k-numerictextbox {
    width: 100px !important;
    border-radius: 0 4px 4px 0;
    border: 1px solid #f2f3f3;
}
.modifiedNB.modifiedNB2 .k-select .k-link:first-child {
    /*position: absolute;*/
    
    width: 34px;
    padding: 10px 0px 5px;
}
.modifiedNB.modifiedNB2 .k-select .k-link:last-child {
    left: -100px;
    top: -16px;
    border-right: 1px solid #ccc;
    height: 34px;
    box-sizing: border-box;
}
.modifiedNB.modifiedNB2 .k-numeric-wrap {
    border-radius: 0 4px 4px 0;
    border-left: none;
    height: 34px;
}
.modifiedNB.modifiedNB2 .k-numeric-wrap .k-link {
    /*border-left: 1px solid #ccc;*/
}
.modifiedNB .k-numeric-wrap .k-link.k-state-selected:hover {
    background-color: white !important;
}
.padding-left-0-not-xs-sm {
    padding-left: 0px;
}
#myDialogWindow {
    padding: 15px !important;
}
.myDialogWindowNote {
    float: left;
    margin-top: 25px;
}
.myDialogWindowNote span {
    font-weight: bold;
    font-size: 15px;
}
.bio {
    float: right;
    width: auto;
}
a.bio.moreLink,
a.bio.hover-link {
    float: none;
    width: auto;
    display: inline-block;
    background: #0e7ac7;
    color: #fff !important;
    padding: 6px 12px;
    text-transform: uppercase;
}
.bio .hideDetail {
    max-height: 105px;
    overflow: hidden;
    line-height: 26px;
    margin-bottom: 10px;
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}
.profile-main-info.edit-player-profile-info.profile-general-info ul li .labelTagPC {
    color: #8c8c8c !important;
}
.moreLink {
    text-decoration: none;
    color: #0F6E9D;
}
.moreLink:hover {
    text-decoration: underline;
}
.notification-del-btn {
    float: right;
}
canvas + input.dial {
    display: none;
}
.rost-img-wrapper {
    background-color: rgba(0, 0, 0, 0.35);
    height: 38px;
    padding-top: 4px;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #ccc;
}
.notification-del-btn-disabled .fa-trash {
    background: rgb(217, 83, 79) !important;
    color: rgba(247, 247, 247, 0.68) !important;
    cursor: default;
}
.for-k-checkbox-label .k-checkbox-label {
    line-height: 1.075em !important;
}
.for-k-checkbox-label .k-checkbox:checked + .k-checkbox-label:after {
    top: 4px !important;
}
.for-k-checkbox-label .k-checkbox-label:before {
    top: 4px !important;
}
.for-k-checkbox-label .k-checkbox-label:after {
    top: 4px;
}
.for-k-checkbox-label input[type='checkbox'].k-checkbox {
    width: 0px !important;
    height: 0px !important;
    margin-right: 0px !important;
}
table.listofPlayer tr td {
    padding-left: 5px !important;
}
.for-k-checkbox-label .gridTable {
    border-bottom: 1px solid #DADADA;
}
.multiselect-initial-wrapper {
    max-height: 80px;
    overflow-y: scroll;
    border: 1px solid #ccc !important;
    width: 99.9% !important;
    float: right;
    border-radius: 4px;
}
.multiselect-control {
    position: absolute !important;
    z-index: 9 !important;
    max-height: 250px !important;
    overflow-y: scroll !important;
    max-width: 760px;
}
#multiSelectExpand {
    font-size: 14px;
}
.multiSelectExpand {
    display: none;
    position: absolute;
    top: -23px;
    right: 37px;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
    z-index: 111;
    background-color: #E6E7E8;
    font-size: 10px;
    color: #4A4A4A;
    padding: 3px;
}
.btns-groups input {
    margin-bottom: 10px;
}
.assignment-table-row1 > td:nth-child(2) {
    cursor: pointer;
}
.playerDataHolder ul li .tauko-wraper,
.playerDataHolder ul li .lastteamName {
    display: none;
}
.msgUnread {
    background-color: rgba(230, 231, 232, 0.2);
}
.fa-eye-custom {
    min-width: 101px !important;
}
.fa-eye-slash-custom {
    background: #2B2D30;
    border-radius: 2px;
    border-top: 1px solid #2F3235;
    color: #FFF;
    font-size: 12px !important;
    padding: 3px 10px 4px 10px;
    min-width: 101px;
    text-align: center;
    box-sizing: border-box;
}
.avai-coach-scroll {
    max-height: 400px;
    overflow-y: scroll;
}
.footable-last-column {
    text-align: right !important;
}
.footable-last-column.footable-first-column {
    text-align: left !important;
}
.popupwrap:not(.scheduler-popupwrap) {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.description-wrapper {
    max-height: 300px;
    overflow-y: scroll;
}
.padding-10 {
    padding: 10px;
}
.padding-bottom-0 {
    padding-bottom:0 !important;
}
.float-none {
    float: none !important;
}
tr[footable-load-directive] td:last-child {
    text-align: right !important;
}
.trial-noti,
.top-trial-noti {
    /*display: none !important;*/
    top: 50px;
    position: fixed;
    z-index: 999999;
}
.performance-teams {
    word-wrap: break-word;
    display: inline-block;
    float: left;
    width: 73% !important;
}
.inline-block {
    display: inline-block;
}
.create-event {
    position: absolute;
    z-index: 999;
    top: 32px;
    /* left: 38px; */
    
    width: 58%;
    min-width: 230px;
}
.repeatField.inline-block {
    margin-left: 5px;
    line-height: 11px;
    height: 14px;
}
.btn.SearchBtn {
    min-width: 47px !important;
    height: 34px !important;
    padding-left: 12px;
    padding-right: 12px;
}
table#serchResult.defaultTablePE {
    margin: 0px;
}
table#serchResult tbody tr {
    cursor: pointer;
}
table#serchResult thead tr:first-child {
    border-top: 1px solid #DADADA;
}
.custom-event1 .alertIcon {
    text-align: center;
    float: left;
    position: absolute;
    top: 1px;
    right: 16px;
}
.tab-body .customKnob {
    margin-top: 3px;
}
.margin-right-35 {
    margin-right: 35px;
}
.margin-correction:last-child {
    margin-right: 0 !important;
}
.repeatField div[kendo-recurrence-editor] .k-recur-view > div:first-child,
.repeatField div[kendo-recurrence-editor] .k-recur-view > div:first-child + div {
    margin-top: 45px !important;
}
.k-edit-field > label.k-check > input[type="checkbox"] {
    margin-left: 5px;
    float: right !important;
}
.k-edit-field .k-check {
    margin-top: 5px;
}
ul.k-reset li span.k-recur-month {
    margin-top: 3px;
}
/*.tab-body hr {
    margin-bottom: 0 !important;
    border-color: #E9EAEB !important;
}*/
/*---------------------------------------------- Kendo 2.805 patch -----------------------------------------------*/
.k-checkbox-label:after {
    border-color: #d2d2d2;
}
.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400 !important;
}
a.k-button.k-scheduler-update {
    padding: 6px 15px !important;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header.k-scheduler-toolbar {
    background-color: #3E94C9 !important;
    margin-bottom: 1px;
}
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button,
.km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #3E94C9 !important;
    border-color: #3E94C9 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
}
.k-scheduler .k-header .k-link {
    background-color: #3E94C9;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-scheduler .k-header li a,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li a {
    color: #fff !important;
}
.k-dropdown,
span.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker {
    background-color: #fafafa !important;
}
.k-panelbar,
.k-panelbar .k-header,
.k-panelbar .k-content,
.k-panel > li.k-item {
    background-color: #fff !important;
}
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
    color: #444;
    background-color: #E6E7E8 !important;
    border-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
}
tr[role='presentation'] .k-editor-toolbar-wrap {
    background-color: #E5E6E7;
}
.k-button {
    color: #fff !important;
    border-color: #fafafa !important;
}
.k-pager-wrap {
    background-color: #E6E7E8 !important;
}
.k-pager-wrap.k-grid-pager .k-link.k-pager-nav {
    background-color: #FFFFFF !important;
}
.k-button > span[unselectable='on'] {
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 400;
}
ul[role='listbox'].k-reset li.k-button {
    text-align: left;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
    z-index: 999;
}
.k-edit-form-container .k-button,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
}
.k-edit-buttons.k-state-default {
    display: table;
    content: ' ';
    clear: both;
    width: 100%;
}
.km-switch-label-on,
.km-switch-label-off {
    text-shadow: none;
    width: 170%;
    font-size: 0.9em !important;
    line-height: 2.16em;
    vertical-align: middle;
    top: -2px;
}
.k-gantt-toolbar li .k-link,
.k-scheduler-toolbar li .k-link {
    vertical-align: middle;
    line-height: 38px;
    padding-top: 0px;
}
/*---------------------------------------------- / Kendo 2.805 patch ----------------------------------------------*/
.my-agenda .k-header.k-scheduler-toolbar {
    background-color: #fff !important;
    padding: 0;
    border: none !important;
}
.my-agenda .k-link {
    color: #4a4a4a !important;
}
.my-agenda span.k-icon.k-i-calendar {
    color: #4a4a4a !important;
    background-color: rgb(74, 74, 74) !important;
}
.my-agenda .k-scheduler .k-header .k-link {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #3E94C9 !important;
    position: relative;
    word-spacing: 0.3em;
    position: relative;
}
.my-agenda .km-pane-wrapper .k-scheduler .k-header .k-link {
    background-color: #3e94c9 !important;
    color: #fff !important;
}
.my-agenda .k-scheduler .k-header.k-nav-prev .k-link,
.my-agenda .k-scheduler .k-header.k-nav-next .k-link,
.my-agenda .k-scheduler .k-state-default.k-nav-prev .k-link,
.my-agenda .k-scheduler .k-state-default.k-nav-next .k-link {
    background-color: #2C2E31 !important;
    height: 20px;
    width: 20px;
    position: relative;
}
.my-agenda .km-pane-wrapper .k-scheduler .k-header.k-nav-prev .k-link,
.my-agenda .km-pane-wrapper .k-scheduler .k-header.k-nav-next .k-link,
.my-agenda .km-pane-wrapper .k-scheduler .k-state-default.k-nav-prev .k-link,
.my-agenda .km-pane-wrapper .k-scheduler .k-state-default.k-nav-next .k-link {
    background-color: #3e94c9  !important;
}
.my-agenda .km-pane-wrapper a.k-link.k-scheduler-refresh .k-icon.k-i-refresh {
    background-color: #3e94c9  !important;
}
.my-agenda .k-link span.k-icon.k-i-arrow-w,
.my-agenda .k-link span.k-icon.k-i-arrow-e {
    position: absolute;
    bottom: 2px;
    right: 2px;
}
.my-agenda .k-scheduler .k-header.k-nav-prev .k-link:hover,
.my-agenda .k-scheduler .k-header.k-nav-next .k-link:hover {
    background-color: rgb(111, 112, 114) !important;
}
.my-agenda .k-scheduler .k-header.k-nav-today .k-link {
    padding-left: 0;
}
.my-agenda .k-scheduler .k-header li,
.my-agenda .k-scheduler .k-header.k-nav-today {
    background-color: #fff !important;
    border-color: #fff !important;
    margin-right: 1px;
}
.my-agenda .km-pane-wrapper .k-scheduler .k-header li,
.my-agenda .km-pane-wrapper .k-scheduler .k-header.k-nav-today {
    background-color: #3e94c9  !important;
    border-color: #3e94c9  !important;
    padding-left: 5px;
    margin-right: 1px;
}
.my-agenda .k-scheduler .k-header li a {
    position: relative;
}
.my-agenda #scheduler.k-widget {
    border: none !important;
}
.my-agenda a.k-link.k-scheduler-refresh .k-icon.k-i-refresh {
    background-color: #4A4A4A !important;
    display: none;
}
.my-agenda .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    margin-left: 0px;
}
.my-agenda li.k-state-default.k-header.k-nav-next {
    margin-right: 25px;
}
.my-agenda .k-task span.k-icon.k-i-refresh {
    float: right;
    background-color: #4a4a4a;
}
.my-agenda .k-task span.k-icon.k-i-exception {
    float: right;
    background-color: #fff;
}
.my-agenda .k-scheduler-table .k-scheduler-datecolumn {
    background-color: #FAFAFA;
}
.my-agenda .k-scheduler-content {
    border: 1px solid #C8C8C8 !important;
    border-right: 0px !important;
    border-top: 0px !important;
}
.my-agenda .k-scheduler-agendaview .k-scheduler-header.k-state-default {
    padding-right: 0px !important;
}
.my-agenda .k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 0px !important;
}
.alertIcon[attri='low'] .fa-fw,
.alertIcon[attri='high'] .fa-fw {
    border: none !important;
}
.private-public-btn {
    border: 1px solid rgb(230, 231, 232);
    border-radius: 5px;
}
.private-pulic-btn:hover {
    border-color: #CCCCCC !important;
}
.top-btn-set > div .high-low-btn-set i {
    font-size: 15px;
}
.switch-btn-set > div {
    border: 1px solid rgb(255, 255, 255) !important;
    border-radius: 5px;
}
.programBuild-yearselect .k-numerictextbox {
    width: 7em !important;
}
.padding-0 {
    padding:0 !important;
}
.padding-5 {
    padding:5px !important;
}
.padding-top-15 {
    padding-top: 15px;
}
.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.k-scheduler-Deletecurrentoccurrence,
.k-scheduler-Deletetheseries {
    background-color: #3E94C9 !important;
    color: #fff;
}
.programBuild-yearselect .k-numeric-wrap .k-input {
    margin-left: 0 !important;
    text-align: center;
    width: 84px;
    height: 32px !important;
}
.programBuild-yearselect .k-numeric-wrap .k-select {
    border-left: none;
}
.thisTab .modifiedNB.programBuild-yearselect .k-numerictextbox {
    width: 122px !important;
    height: 34px !important;
}
.modifiedNB .k-select.programBuild-yearselect .k-link:first-child {
    width: 34px;
    padding: 9px 0px 10px;
}
.panel-default-heading {
    background-color: #fff;
    border-color: #eee;
    border-top: 1px solid #F4F4F4;
    border-radius: 0;
}
.panel-default-heading + div > div.panel-body {
    border-top: 1px solid #F4F4F4 !important;
}
.tabs.nav.nav-pills > li > a {
    cursor: pointer;
    outline: none;
    min-width: 82px;
    text-align: center;
}
.btn-info-custom {
    background: #0E7AC7 !important;
    color: #fff;
    padding: 6px 15px;
    line-height: 18px;
    min-width: 140px;
}
.btn-info-custom:hover {
    background: #0c65a7 !important;
}
.btn-info-custom:hover,
.btn-info-custom:active,
.btn-info-custom:focus {
    color: #fff;
}
.thisTab .modifiedNB.programBuild-yearselect.pb-modifiedNB-correction .k-select .k-link:last-child {
    left: -78px !important;
}
.thisTab .modifiedNB.programBuild-yearselect.pb-modifiedNB-correction .k-numerictextbox {
    width: 114px !important;
    height: 34px !important;
}
.thisTab .programBuild-yearselect.pb-modifiedNB-correction .k-numeric-wrap .k-input {
    margin-left: 0 !important;
    text-align: center;
    width: 88px;
    height: 32px !important;
}
.thisTab .programBuild-yearselect.pb-modifiedNB-correction .k-numeric-wrap.k-state-default {
    border-radius: 4px !important;
}
.tryoutHeader > div > div {
    position: relative;
    font-size: 12px;
}
.tryoutHeader > div > div input[type='checkbox'] {
    position: absolute;
    left: 13px;
    width: 0px !important;
    height: 0px !important;
}
.tryoutHeader i {
    font-size: 16px !important;
    margin: 0px 0px 0 -7px;
}
.tryoutHeader label {
    cursor: pointer;
}
.tryoutHeader label.btn {
    border-color: transparent !important;
    margin-right: 3px;
    border-radius: 0px;
    padding: 4px 5px 3px;
    margin-top: 4px;
    margin-left: 1px;
}
.tryoutHeader .private-public-btn {
    border: transparent;
    border-color: transparent;
}
.tryoutHeader .btn-group .active,
.isPrivate {
    color: #4A4A4A !important;
    background-color: rgba(204, 204, 204, 0.31) !important;
    box-shadow: 1px 1px 3px #ccc !important;
}
.isPublic {
    background-color: transparent !important;
}
.tryoutHeader .btn {
    width: initial !important;
}
.tryoutHeader > div > div label:first-child {
    text-transform: capitalize;
    margin-bottom: 3px;
    margin-top: 10px;
}
@media screen and (max-width:600px) {
    .tryoutHeader > div > div label:first-child {
        width: 133px !important;
        float:left;
    }
    .tryoutHeader > div {
        margin-bottom: 5px;
        width:100%;
    }
    label.pub-pri-btn {
        float:left;
    }
}
.tryoutHeader .yesNoTab .km-switch {
    width: 55px !important;
    height: 30px;
}
.tryoutHeader input[type='radio'],
.tryoutHeader input[type='checkbox'] {
    display: none;
}
.remainderSelect {
    width: 98px !important;
}
.tryoutHeader i.fa-lock {
    color: rgba(241, 180, 5, 0.75);
}
.tryoutHeader i.fa-exclamation {
    color: #FF5F00;
}
.tryoutHeader i.fa-arrow-down {
    color: #3E94C9;
}
.tryoutHeader .btn-default:hover {
    background-color: rgba(204, 204, 204, 0.61);
}
.tryoutHeader .btn-default:focus,
.tryoutHeader .btn-default:active {
    background-color: transparent !important;
}
div#activitiesFixed div div select {
    width: 100% !important;
}
.nsearch-wrap > div:first-child {
    max-width: 83%;
    min-width: 83%;
}
.nsearch-wrap > div:first-child input {
    border-radius: 4px 0 0 4px !important;
}
.nsearch-wrap > div:last-child {
    max-width: 20%;
    min-width: 16%;
    height: 34px;
    background-color: #4a4a4a;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.filter-search-wrapper > div > div {
    margin-bottom: 5px;
}
.normalised-avatar.avatar-w {
    height: initial !important;
    width: initial !important;
    overflow: visible !important;
}
.popupSlideBody .main-content {
    padding-top: 0;
}
.tryoutHeader.thwPlayer label.btn {
    border-color: transparent !important;
    margin-right: 10px;
    border-radius: 4px !important;
    padding: 4px 16px 1px;
    margin-top: 4px;
    margin-left: 5px;
}
.thwPlayer .remainderSelect {
    width: 145px !important;
}
#radOnlyEvent {
    /*z-index: 99999;*/
    z-index:9999;
}
.pb-total-duration {
    line-height: 29px;
}
.activiterWrap hr {
    margin: 0px 0px 5px;
}
.program-wrap {
    max-height: 414px;
    min-height: 414px;
}
.popupSlide .fa + span {
    /*line-height: 34px;*/
}
.save-edit-contd,
.save-edit,
.popUpTitleBar div .btn.btn-cancel {
    cursor: pointer;
    display: block;
    min-width: 140px;
    float: left;
    margin-left: 5px;
    line-height: 18px;
    background-color: #0E7AC7;
    color: #fff;
    padding: 6px 15px;
    margin-top: 3px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
.popUpTitleBar div .btn.btn-cancel {
    background-color: #E6E7E8 !important;
    color: #4a4a4a;
    height: 30px;
}
.popUpTitleBar div .btn.btn-cancel:hover {
    background: #ddd !important;
}
span.save-edit-contd:hover,
.save-edit:hover {
    background-color: #3E94C9;
    color: #fff;
}
.save-edit-contd i,
.save-edit i {
    display: none;
}
.expandcompress,
span.callSlide {
    font-size: 14px;
    line-height: 33px;
    float: left;
    width: 53px;
    text-align: center;
    cursor: pointer;
}
.expandcompress {
    margin-left: 5px;
}
.k-scheduler-mobile .k-scheduler-views li[class*='k-view-'] {
    border-top: 1px solid #C8C8C8 !important;
    text-align: left;
}
.k-scheduler-mobile .k-reset.k-header.k-scheduler-views.k-state-expanded {
    width: 145px !important;
    z-index: 1000 !important;
}
.k-scheduler-mobile .k-reset.k-header.k-scheduler-views {
    margin-top: 4px;
    z-index: 1000 !important;
}
span.k-dropdown-wrap select.selectField option {
    font-weight: 400 !important;
}
.k-input.k-readonly {
    font-weight: 400 !important;
    padding-left: 15px;
}
.tab-space-adjust {
    margin-right: 10px !important;
}
.k-widget.k-multiselect.k-header.multiselect-initial {
    padding: 4px 5px 1px !important;
    background-color: #fff !important;
    border: none !important;
}
.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]) {
    /*padding: .6em 16px !important;*/
    padding: .6em 16px;
}
.popUpTitleBar > div > div:last-child {
    line-height: 24px;
}
.expandcompress + span > i:hover {
    color: #FE1F00;
}
.editdetailtitle {
    margin-top: -8px;
    margin-bottom: 15px;
}
.editdetailtitle label {
    color: #3E94C9 !important;
    display: block;
    text-align: left !important;
}
.editdetailtitle {
    border-bottom: 1px solid rgba(62, 148, 201, 0.2);
    padding-bottom: 5px;
}
tags-input .tags .tag-item {
    color: #4a4a4a;
    background: #CCCCCC;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}
.customKnob.cstKnb-evaluation {
    width: 100%;
    float: none;
}
.customKnob.cstKnb-evaluation label.num-label {
    position: absolute;
    top: initial !important;
    left: calc(50% - 27px) !important;
    line-height: 90px;
    z-index: 99;
    background-color: transparent;
    font-size: 30px;
    font-weight: 400;
}
.evaltotallabel {
    font-size: 16px;
    color: #8c8c8c !important;
}
.hr-emulate {
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 10px 0px;
}
.k-scheduler-mark.round-dot {
    float: left;
    line-height: 0.8em !important;
    margin-top: 8px !important;
    margin-left: 5px !important;
}
.playerEvaluationCorrection ul.k-scheduler-navigation + a.k-scheduler-refresh {
    display: none;
}
.playerEvaluationCorrection .k-scheduler-agendaview .k-task > .k-link {
    /*background-color: #fff !important;*/
}
.eval-li span {
    display: inline-block;
}
.eval-li span:first-child {
    float: left;
}
.eval-li span:last-child {
    float: right;
    margin-left: 5px;
    width: 170px;
}
.eval-li span:last-child .labelTagPE {
    width: 100px;
}
.registrantView .k-dropdown.k-header {
    width: 100%;
}
.registrantView .k-dropdown.k-header .k-dropdown-wrap {
    border-radius: 4px !important;
}
.tryoutScheduler .km-pane-wrapper {
    /*position: relative !important;*/
}
.cstknb-wrapper .evaltotallabel {
    position: absolute !important;
    bottom: 20px;
    color: rgb(193, 193, 193) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    left: calc(50% - 11px ) !important;
}
.eval-btn-set {
    margin-top: 5px;
}
.evaltotallabel-wrapper {
    height: 0px;
}
#eval_content hr {
    margin-top: 8px;
    margin-bottom: 8px;
}
.btn-offer {
    margin-right: 0px !important;
}
#activitySection div .k-dropdown-wrap .k-input {
    height: 25px !important;
}
#activitySection .table > tbody > tr > td {
    padding: 0px 10px;
    line-height: 30px;
}
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 0px !important;
}
.my-agenda .custom-event1 > span:first-child {
    width: 15px !important;
    height: 15px;
    float: left;
}
.my-agenda .custom-event1 > span:last-child:not(.k-scheduler-mark) {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 16px;
    float: left;
    width: 78% !important;
}
.k-scheduler-table tr.k-state-hover {
    cursor: pointer;
}
.my-agenda .k-scheduler-agendaview .k-task > .k-link {
    right: 3px;
}
.popupSlideBody .profile-general-info ul li {
    line-height: 18px;
}
.popupSlideBody #previewActivitiesBody label {
    color: #8c8c8c !important;
    padding-right: 10px;
    width: 170px;
}
.profile-general-info ul li .labelTagPC {
    float: left;
}
#previewProgramsBody .defaultTablePE th {
    font-weight: 600;
    font-size: 14px;
}
#previewProgramsBody .defaultTablePE th,
#previewProgramsBody .defaultTablePE td {
    text-align: left;
}
.prgDetailTable {
    margin-bottom: 20px;
}
.activity-sec-name {
    font-size: 16px;
}
#previewProgramsBody hr {
    margin: 0px 0px 20px;
}
.prg-controlles-detail {
    font-size: 16px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    line-height: 29px;
}
.prg-controlles-detail > div > div {
    margin-right: 35px;
}
/* -- Player Stats Left -- */

.playerEvalPlayerDetail ul li a span.playern {
    width: 123px;
    float: left;
}
.playerEvalPlayerDetail ul li a span.playerpos {
    width: 96px;
    text-align: right;
}
.jersy-no.gmsc-page {
    width: 100%;
    float: left;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.playerpose {
    text-align: right;
    font-size: 13px;
    width: 96px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-content .fa-pencil.generateBtn:not(.notThisClass){
    min-width: auto !important;
    max-width: inherit !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
}
.main-content .fa-pencil.generateBtn:before{
    margin-right: 5px;
}
@media (max-width: 1330px) {
    .jiu-wraper span.playerpose,
    .playerEvalPlayerDetail ul li a span.playerpos {
        float: left;
        clear: both;
        width: auto;
        text-align: left;
    }
    .playerEvalPlayerDetail ul li a span.playerpos {
        padding-left: 30px;
    }
}
@media (max-width: 1199px) {
    .jiu-wraper.game {
        min-width: 1%;
        max-width: 100%;
    }
}
.k-filter-menu.k-popup button[type='submit'].k-button,
.k-filter-menu.k-popup button[type='reset'].k-button {
    max-width: 98px !important;
    border-radius: 4px;
    height: 34px;
    font-weight: 400;
    line-height: 15px;
}
.k-filter-menu.k-popup button[type='submit'].k-button {
    background-color: #1072A3 !important;
    color: #fff;
}
.k-filter-menu.k-popup button[type='reset'].k-button {
    background-color: #E6E7E8 !important;
    color: #4a4a4a !important;
}
.k-filter-menu.k-popup button[type='submit'].k-button:hover,
.k-filter-menu.k-popup button[type='reset'].k-button:hover {
    font-weight: 500;
}
.k-animation-container * {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.reply-section span:hover {
    color: rgb(62, 148, 201);
}
input.btn.btn-save[value='Schedule'],
input.btn.btn-save[value='More'] {
    height: 20px;
    font-size: 12px;
    line-height: 6px;
    text-transform: capitalize;
    font-weight: 300;
    min-width: 1px;
}
input.btn.btn-save[value='More'] {
    margin: 5px 0;
}
.k-widget.k-window .k-editor-dialog.k-popup-edit-form {
    padding-top: 15px !important;
}
.player-vertical-tab ul.tabs {
    border-bottom: none;
}
.player-vertical-tab ul.tabs li {
    display: block;
    float: none !important;
    margin: 0 0 1px;
    height: 34px;
    padding: 0;
    background: #E9EAEB;
    padding: 0;
}
.player-vertical-tab ul.tabs li a {
    padding: 12px !important;
    text-align: center;
    line-height: 9px;
    border-right: 3px solid transparent;
}
.player-vertical-tab .nav-pills > li a.current {
    border-bottom: none;
    border-right: 3px solid #FF8C21;
    display: block;
}
.player-vertical-tab .nav-pills > li > a:hover {
    border-bottom: none;
    border-right: 3px solid #FF8C21;
}
.player-vertical-tab ul.tabs.nav.nav-pills {
    width: 7%;
    min-width: 99px;
}
.player-vertical-tab ul + div {
    border: 1px solid rgb(241, 241, 242);
    padding: 15px;
    max-width: 92%;
}
.pp-table .table th,
.pp-table .table td {
    text-align: left !important;
    font-size: 14px;
}
.features-modal .close-modal {
    z-index: 9999;
}
.modifiedNB .k-select .k-link:last-child {
    left: -99px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: -2px !important;
}
.modifiedNB .k-select .k-link:first-child {
    width: 36px;
    background: transparent !important;
    color: #444 !important;
    border-color: transparent;
}
#UniformId .modifiedNB .k-select .k-link:last-child {
    line-height: 18px;
}
#UniformId .modifiedNB .k-select .k-link:first-child {
    line-height: 13px;
}
/*for profile page*/
.a-type-span,
.cancle-type-span {
    color: #3E94C9;
    cursor: pointer;
}
.a-type-span:hover,
.cancle-type-span:hover {
    text-decoration: underline;
}
.alt-media-section {
    padding: 10px 15px;
}
.alt-media-section > div > div {
    margin-bottom: 5px;
}
.alt-media-section > div > div:first-child {
    font-size: 13px;
}
.kg-lg-wrapper {
    width: 180px;
}
.btn.btn-save[value='Schedule'] {
    min-width: 20px;
}
.private-public-btn label.btn.btn-default,
.tryoutHeader label.btn.btn-default {
    font-size: 12px;
}
.table-responsive span.k-pager-sizes .k-widget.k-dropdown {
    margin-top: 0px;
}
.nav-pills > li > a {
    border: 1px solid #F2F3F3;
}
.edit-player-profile-info.profile-general-info ul li {
    padding: 0px;
    line-height: 20px;
}
.edit-player-profile-info .sub-avatar-buttons ul li {
    line-height: 25px;
    border-bottom: 2px solid #4A4A4A;
}
.edit-player-profile-info .btn-edit {
    margin: 5px 0;
}
/* -- Shadow in Message Navigation from Top -- */
ul.dropdown-menu-right.dropdown-navbar.dropdown-menu.dropdown-caret.dropdown-close.some-custom-hai {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* - Removing Rounded Corners in Weight, Height Tab - */

.kg-lg-wrapper .btn-group .btn {
    border-radius: 0px;
}
.my-agenda-weather-wrapper {
    margin-bottom: 0px;
}
.checkboxalign .profile-general-info > div {
    padding: 10px;
}
.panel-body .k-multiselect-wrap {
    min-height: 1.97em;
}
.panel-body .k-header {
    background-color: #fff !important;
}
.myteamStatus .managementBox {
    color: #4a4a4a !important;
    background: #F8F9F9;
    background-clip: border-box;
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid transparent;
}
.mteam-player-tab .personalDetail {
    margin-top: 0 !important;
}
.mteam-player-tab .user-badge img {
    width: 37px;
    height: 37px;
}
.mteam-player-tab .personalDetail span:first-child {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    font-size: 14px;
}
.profile-general-info ul .mteam-li {
    padding: 0;
}
.for-no-exercise {
    line-height: 32px;
}
.agi-title + div > label {
    font-size: 12px;
}
.game-roster-team-pic {
    min-height: 178px !important;
}
.team-roster-team-pic {
    min-height: 215px !important;
}
.myteamStatus .personalDetail > span:first-child {
    color: #3E94C9;
}
label.pub-pri-btn {
    padding: 5px 7px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: 1px 1px 4px #ccc;
}
label.pub-pri-btn:hover {
    box-shadow: 1px 1px 6px #ccc;
    padding: 5px 7px;
    background-color: rgba(204, 204, 204, 0.12);
}
.btn-media {
    background: #1072A3;
    border-radius: 0px;
    border-top: 1px solid #1072A3;
    color: #FFF;
    font-size: 12px !important;
    padding: 3px 10px 4px 10px;
    min-width: 69px;
}
.btn-media:hover {
    background: #0c65a7;
}
.main-content:after,
.main-content:before {
    content: ' ';
    display: table;
}
.main-content:after {
    clear: both;
}
.block-ui-message {
    /*position: fixed !important;*/
    
    top: 47%;
}
.block-ui-overlay {
    /*position: fixed !important;*/
}
.mTeam-div-info {
    border: 1px solid #c8c8c8;
    padding: 10px;
}
.btn-media-sm {
    min-width: 0px !important;
}
.info-wrapper-title {
    font-size: 18px;
}
.unread-blue {
    color: #0072C6;
    font-weight: 500;
}
.padding-left-6 {
    padding-left: 6px;
}
.fa.fa-print.btn-media {
    font-size: 18px !important;
    line-height: 27px;
    background: transparent;
    border-top: none;
    color: #1072A3;
    min-width: 10px;
}
.fa.fa-print.btn-media:hover {
    background: none;
    color: #4a4a4a;
}
/*used to fixed the blue background of the kendo multiselect*/
.k-widget.k-multiselect.k-header {
    /*background-color: transparent !important;*/
}
/*z-index slightly greater than that of menu( menu hide while slider on fixess )*/
.page-header {
    /*z-index: 9998;*/
}
/*fixess for notification icon hide on profile hover*/

.ace-nav > li:last-child {
    margin-left: 5px;
}
.k-animation-container {
    z-index: 99999 !important;
}
.modal {
    z-index: 9998;
}
/*fixes for notification confirmation on schedulers popup event save*/
#myDialogWindow .k-button {
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0px;
    border-color: transparent;
    border-width: 0 !important;
    margin: 0 2px;
    line-height: 18px;
    min-width: 140px;
    padding: 6px 15px;
    cursor: pointer;
    margin-top: 15px;
    float: right;
}
#myDialogWindow .k-button.k-primary {
    background: #0e7ac7 !important;
}
#myDialogWindow .k-button.k-primary:hover {
    background: #0c65a7 !important;
}
#myDialogWindow .k-button:not(.k-primary) {
    background: #E6E7E8 !important;
}
#myDialogWindow .k-button:not(.k-primary):hover {
    background: #ddd !important;
}
/* fixes for fancy boxs popup index in program builder*/
.fancybox-opened,
#fancybox-thumbs {
    z-index: 99999 !important;
}
.fancybox-overlay {
    z-index: 99998 !important;
}
/*for team roster tab view*/
.playerHolder .fa.fa-info-circle {
    margin: 0;
    font-size: 11px;
    margin-left: 3px;
}
.no-hover > a:hover {
    background-color: initial !important;
}
.no-hover > a,
.no-hover > a i {
    cursor: default;
}
.adv-search-wrapper > div {
    margin-bottom: 5px;
}
.nav.ace-nav .user-info {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left;
}
.border-wrap {
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    padding: 10px 5px;
}
.bottom-tag label {
    color: #4a4a4a !important;
    font-size: 12px;
    font-weight: 500;
}
.widget-body table.table-striped tbody tr > td:first-child > a:hover {
    text-decoration: underline;
}
.nav.ace-nav .for-tauko .img-thumbnail {
    max-height: 45px;
}
.panelbar .kendo-multiselect-fixes-under-panelbar .k-link {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
}
.panelbar .kendo-multiselect-fixes-under-panelbar .k-link .k-icon {
    display: inline-block;
}
.k-panelbar .kendo-multiselect-fixes-under-panelbar .k-link:hover > .k-i-arrow-n {
    background-position: 0 -3px;
}
.k-panelbar .kendo-multiselect-fixes-under-panelbar .k-link:hover > .k-i-arrow-s {
    background-position: 0 -35px;
}
.custom-hr {
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0;
}
.km-pane-wrapper .k-mobile-list .k-widget.k-datepicker.k-header {
    border: 1px solid #ccc !important;
}
.km-pane-wrapper .k-mobile-list .k-widget.k-datepicker.k-header > span.k-picker-wrap.k-state-default,
.km-pane-wrapper .k-mobile-list .k-widget.k-datetimepicker.k-header > span.k-picker-wrap.k-state-default {
    margin: 0;
}
.ace-nav .nav-user-photo {
    margin: 5px 8px 0 0;
    float: left;
    -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.46),0 2px 3px rgba(255, 255, 255, 0.46);
    -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.46),0 2px 3px rgba(255, 255, 255, 0.46);
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.46),0 2px 3px rgba(255, 255, 255, 0.46);
}
.widget-body .table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgb(243, 243, 243);
}
.mteam-player-tab .personalDetail span:first-child:hover {
    text-decoration: underline;
}
.bio-measurement-div .k-picker-wrap {
    margin: 0px;
}
.host input {
    min-width: 100px;
}
.rap-wrapper {
    position: relative;
}
.roster-available-player {
    min-width: 100% !important;
    height: 691px;
    display: block;
    overflow-y: auto;
    padding-right: 15px;
    background: rgba(234, 234, 234, 0.37);
}
.rScroll {
    position: absolute;
    width: 6px;
    border-radius: 4px;
    height: 200px;
    right: 0px;
    bottom: 70%;
    background: rgba(0, 0, 0, 0.32);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
/*--------------------------  test for Soccer Game Roster ------------------------*/
.srfTabs .playerDataHolder ul > li {
    text-align: center;
    max-height: 50px;
    height: 50px;
    border-bottom: none;
    padding: 3px;
    width: 50px;
    overflow: visible;
}
#teamRosterContent .soccer-ground .srfTabs .pinnBox .playerDataHolder {
    height: 90px;
    overflow: hidden;
}
.srfTabs .pinnBox .playerDataHolder {
    background: transparent;
    border: none;
    box-shadow: none;
}
.soccer-ground .srfTabs .pinnBox .playerDataHolder ul li:hover {
    background: none;
}
.maingrid.k-grid.k-widget .k-pager-refresh.k-link {
    padding: 12px;
}
#login .form-wrap.panel > a {
    display: block;
    margin: 0 auto;
    width: 78px;
}
.gridTable img {
    max-width: 45px;
}
.bottom-tag label {
    padding: 0px 1px !important;
}
.addByEmails tags-input > div.host > .tags {
    min-height: 80px;
    margin-bottom: 15px;
}
#mntpay + label,
#ismc + label,
#stc + label {
    cursor: pointer;
}
.teamManagement .user-badge img.img-max {
    max-width: 35px;
    margin-top: 2px;
}
#teamRosterContent .ground.team-roster-general-ground {
    border: 1px solid #F7F7F7;
    background-image: none;
}
.playerDetails li.me-li .tauko-wraper span {
    /*margin-right: 0px !important;*/
}
.mobileView {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
}
.col-gen-for-5-div {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20%;
}
.slider-overlay {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: none;
}
.secheduler-location-section span {
    display: block;
    text-transform: capitalize;
}
.secheduler-location-section span.shcedulerLocationOptionAddrs {
    margin-top: -7px !important;
    font-size: 12px;
    color: rgba(100, 100, 100, 0.89);
}
.secheduler-location-section span:not(.schedulerLocationOptionAddrs) {
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 5px;
}
#OrgGameStatPlayerLstBody h4,
.top-bar-game-stat {
    text-transform: capitalize;
}
.makeEllipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*for survey form*/
#survey .k-slider-horizontal .k-draghandle,
#survey .k-slider-horizontal .k-draghandle.k-state-focused.k-state.selected,
#bodyPartsQuesAnsSlider .k-slider-horizontal .k-draghandle,
#bodyPartsQuesAnsSlider .k-slider-horizontal .k-draghandle.k-state-focused.k-state.selected {
    width: 15px !important;
    height: 15px !important;
    top: -6px !important;
}
#survey .k-widget.k-multiselect {
    margin: 10px auto;
}
.profile-main-info.clearfix li {
    color: #646464;
    font-size: 13px;
    font-weight: 300;
}
#measurementSliderBody .k-widget.k-datetimepicker .k-picker-wrap {
    margin: 0 !important;
}
.read-black {
    color: #000;
}
.mailBox .detail > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%;
}
.mailBox .detail span {
    display: inline-block;
}
.mailBox .detail .subject + span {
    color: rgba(51, 51, 51, 0.92);
    font-weight: 400;
    font-size: 13px;
}
.mailBox .detail span::first-letter {
    text-transform: capitalize;
}
.activiterWrap .situation button.btn.fa-times {
    padding: 0;
    font-size: 15px;
    margin: 0px;
    position: relative;
    top: -6px;
    right: -5px;
    border: 1px solid rgba(204, 204, 204, 0.41);
    padding: 3px 14px;
    font-weight: 100;
    background: #db4e44;
    color: #fff;
    border-radius: 0px !important;
}
.activiterWrap .situation button.btn.fa-times:hover,
.activiterWrap .situation button.btn.fa-times:focus,
.activiterWrap .situation button.btn.fa-times:active {
    background: rgb(255, 37, 21);
}
.activiterWrap .situation {
    min-height: 113px !important;
    border: 1px solid rgba(204, 204, 204, 0.79);
    padding: 5px;
    box-shadow: 0px 0px 4px #ccc;
    margin-bottom: 10px;
}
.footable.report-footable-table tbody tr td {
    text-align: left !important;
    font-size: 12px;
}
.privacy-policy-link {
    margin-left: 15px;
    position: relative;
}
.privacy-policy-link:before {
    content: '';
    width: 0px;
    height: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.32);
    position: absolute;
    left: -9px;
    top: 2px;
}
@media screen and (max-width: 767px) {
    .org-contact-info-div-wrapper > div > div:nth-child(2),
    .org-contact-info-div-wrapper > div > div:nth-child(3) {
        padding-left: 15px !important;
    }
    .my-agenda a.k-link.k-scheduler-refresh .k-icon.k-i-refresh {
        background-color: #4A4A4A !important;
        display: block;
    }
    .k-link.k-scheduler-refresh {
        padding-right: 4px;
    }
    .my-agenda .k-scheduler.k-scheduler-mobile .k-header .k-link {
        padding-left: 0;
    }
    .k-webkit.k-mobile .k-scheduler-layout.k-scheduler-agendaview.k-scheduler-agenda  .k-scheduler-timecolumn{
        width: auto !important;
    }
    .k-reset.k-header.k-scheduler-navigation .k-state-default.k-nav-today a.k-link {
        height:32px !important;
    }
    .my-agenda-wrapper {
        margin-bottom: 90px;
        width:100%;
    }
    li.km-actionsheet-cancel {
        width:auto;
        display: inline-block;
    }
    li.km-actionsheet-cancel a {
        font-size: 11px !important;
        padding: 5px;
    }
}
.duplicate-acc-table td {
    border: none;
}
.duplicate-acc-table.table tr {
    border-bottom: 1px solid #ccc;
}
.duplicate-acc-table button {
    margin-top: 11px;
    margin-left: 0px;
}
.profile-general-info ul li .labelTagPC.label-email ~ span {
    text-transform: initial;
}
.k-input {
    color: #4a4a4a !important;
    font-weight: 400 !important;
}
#orgInfoContent .profile-user-box .user-badge {
    left: 30%;
    right: 30%;
    box-shadow: 0px 2px 8px rgb(0, 0, 0);
    border: 2px solid #fff;
    border-radius: 2px;
}
#orgInfoContent .profile-user-box .user-badge > img {
    width:100%;
    height:100%;
}
img-crop canvas {
    margin-top: 0 !important;
}
.big-dropdown-with-scroll {
    width: auto !Important;
    max-width: 450px !important;
    min-width: 200px;
    max-height: 500px;
    overflow-y: scroll;
}
.dropdown-menu.big-dropdown-with-scroll > li > a {
    white-space: nowrap !important;
}
.block-ui-message {
    font-size: 14px;
}
/*program builder + , - btn*/

/*.programBuild-yearselect .k-numeric-wrap .k-select {
     border-left: none !important; 
    position: relative;
}
.programBuild-yearselect .k-numeric-wrap .k-select >span.k-link {
    position: absolute;
    top: 0;
    padding: 0!important;
    height: 34px;
    line-height: 34px;
    background: #f2f3f3 !important;
    border: 1px solid #f2f3f3;
}
.programBuild-yearselect .k-numeric-wrap .k-input {
    margin-left: 20px !important;
    width: 63px;
    height: 34px!important;
    text-indent: 0;
    border-top: 1px solid #f2f3f3 !important;
    border-bottom: 1px solid #f2f3f3 !important;
    margin-top: 1px;
}*/
.programBuild-yearselect .k-numeric-wrap .k-select >span.k-link:last-child {
    left: -99px !important;
    position: absolute;
    width: 35px;
    height: 34px !important;
    line-height: 36px;
    top: -2px;
}
.programBuild-yearselect .k-numeric-wrap .k-select >span.k-link:first-child {
    position: absolute;
    width: 35px;
    height: 33px !important;
    line-height: 36px;
    top: -2px !important;
    border-left:none !important;
}
.main-content i.fa {
    cursor:pointer;
}
a.bio.hover-link:hover {
    text-decoration:none !important;
}
.btn-like-link:hover {
    color:#0e7ac7 !important;
}
.fa.fa-eye.hover-link {
    text-decoration:none !important;
}
.btn:not(.counter-plus):not(.notThisClass):not(.counter-minus):not(.btn-like-link),table i.fa:not(.fa-long-arrow-down):not(.fa-caret-right):not(.fa-caret-up):not(.fa-plus):not(.fa-minus):not(.notThisClass),input[type="button"],.events-div-wrapper .fa:not(.fa-eye-quick):not(.fa-globe),.k-scheduler-cancel,a.bio.hover-link,.fa-eye.hover-link,.make-default > span:first-child{
    -webkit-transition: all 0.2s cubic-bezier(0.43, 0.82, 1, 1);
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s cubic-bezier(0.43, 0.82, 1, 1);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2),0 2px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2),0 2px 3px rgba(0,0,0,0.05);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2),0 2px 3px rgba(0,0,0,0.05);
}
.btn:hover:not(.counter-plus):not(.notThisClass):not(.counter-minus):not(.btn-like-link),table i.fa:hover:not(.fa-long-arrow-down):not(.fa-caret-right):not(.fa-caret-up):not(.fa-plus):not(.fa-minus):not(.notThisClass),input[type="button"]:hover,.events-div-wrapper .fa:not(.fa-eye-quick):not(.fa-globe):hover,.k-scheduler-cancel:hover,a.bio.hover-link:hover,.fa-eye.hover-link:hover,.make-default > span:first-child:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 9px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    opacity: 0.8;
}
table .fa.fa-plus,table .fa.fa-minus,table .fa.fa-plus:hover,table .fa.fa-minus:hover {
    box-shadow:none;
}
.input-like-div {
    height: 34px;
    background: #f2f3f3;
    line-height: 34px;
    border-radius: 4px;
}
.queuedEmailListTable table tr td:nth-child(4),.queuedEmailListTable table tr td:nth-child(5),.queuedEmailListTable table tr td:nth-child(6) {
    font-size: 11px !important;
}
.k-more-events.k-button {
    background: #c8c8c8;
}
.k-edit-form-container .k-input.k-textbox {
    border-color: #e6e7e8;
}
/*fixes for player read only template in mobile devices*/
@media screen and (max-width:767px) {
    .modal-dialog {
        width:100% !important;
        margin:0 auto;
    }
    .modal-dialog label:not(.k-checkbox-label) {
        margin-bottom:0px !important;
        /*margin-top:10px;*/
    }
    .popUpTitleBar > div > div:first-child {
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 135px;
        padding: 8px 11px;
    }
    .due-amount-text > b:before {
        right: 165%;
    }
    .due-amount-text >b {
        position: relative;
        float: right;
        min-width: 138px;
    }
    input#cardNumber {
        margin-bottom: 10px;
    }
    .addFilterWrapper {
        max-width: 56% !important;
    }
    .TryOutnewEvent {
        z-index: 998;
        position: relative;
    }
    .km-content.km-stretched-view ul.k-reset.k-header.k-scheduler-navigation{
        margin-bottom: 1px !important;
        background-color: #3e94c9 !important;
    }
    /*for top menus*/
    .ace-nav > li {
        line-height: 28px;
        padding: 0;
        position: relative;
        float: left;
    }
    .ace-nav:not(.notThisClass) > li:nth-child(1),.ace-nav:not(.notThisClass) > li:nth-child(2) {
        width:50%;
    }
    .ace-nav:not(.notThisClass) > li:nth-child(1) > div, .ace-nav:not(.notThisClass) > li:nth-child(2) > div {
        width:100%;        
    }
    .ace-nav:not(.notThisClass) > li:nth-child(2) >div {
        float: right;
    }
    /*line no. 2666 of r-dash*/
    .page-header {
        height: auto !important;
        text-align: center !important;
    }
      .ace-nav:not(.notThisClass) > li:nth-child(3) {
        margin-left: 20%;
    }
    .nav.ace-nav:not(.notThisClass) >li:nth-child(1) .user-info, .nav.ace-nav:not(.notThisClass) >li:nth-child(2) .user-info {
        max-width: 181px !important;
    }
    .menu-wraper {
        top: 95px !important;
        z-index:999 !important;
    }
        .mybtn,
    #cssmenu {
        /*top: 0px !important;*/
    }
    .main-content {
       /* top: 67px;
        position: relative;*/
        padding-top:100px;
    }
    .ace-nav:not(.notThisClass) > li {
        position: static;
        /*position:relative;*/
    }
    .some-custom-hai {
        width: 100%;
        position: absolute;
        right: 0;
    }
    /*.page-header {
        height: auto !important;
        text-align: center !important;
    }*/

    .header-links {
        float: none !important;
    }
    .ace-nav > li > a {
        padding: 0 5px;
        min-width: 38px;
    }
    .ace-nav > li > a > .ace-icon {
        width: 10px;
    }
    .ace-nav > li .dropdown-menu {
        /*z-index: 1031;
        width: 210px !important;
        position: absolute;
        max-height: 180px;
        overflow-y: scroll;*/
        z-index: 1031;
        width: 100%;
        position: fixed;
        max-height: 180px;
        overflow-y: scroll;
        top: 50px;
    }
    .xs-margin-top-5{
        margin-top:5px !important;
    }
    .xs-margin-top-15{
        margin-top:15px !important;
    }
    .xs-margin-bottom-15 {
        margin-bottom:15px !important;
    }
    .xs-margin-left-15 {
        margin-left:15px !important;
    }
    .xs-margin-right-15 {
        margin-right:15px !important;
    }
    .xs-margin-top-0 {
        margin-top:0px !important;
    }
    .xs-margin-bottom-0 {
        margin-bottom:0 !important;
    }
    .xs-margin-right-0 {
        margin-right:0 !important;
    }
    .xs-margin-left-0 {
        margin-left:0 !important;
    }
    .xs-padding-left-15 {
        padding-left:15px !important;
    }
    .xs-padding-right-15 {
        padding-right:15px !important;
    }
    .xs-padding-0 {
        padding:0px !important;
    }
    .xs-padding-5 {
        padding:5px !important;
    }
    .xs-pull-right {
        float:right !important;
    }
    .xs-pull-left {
        float:left !important;
    }
    .k-sm-date-format {
        /*color:#4a4a4a;*/
    }
    .xs-text-center {
        text-align:center !important;
    }
}
@media screen and (max-width:768px) {
    .modal-dialog {
        width: 100% !important;
        margin: 0 auto;
    }
}
@media screen and (max-width:500px) {
    span.expandcompress, span.callSlide {
        width: 38px;
    }
    .expandcompress {
        margin-left: 5px;
    }
    .popUpTitleBar > div > div:last-child > span:not(.expandcompress):not(.callSlide) {
        min-width: 100px;
        margin-left: 2px;
    }
}
/*canvas img crop*/
.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 100%;
    height: 184px;
    text-align: center;
}
img-crop {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
img-crop canvas {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    margin: 0 auto;
    margin-left: 0px !important;
}
.fa-margin-left-0 .fa{
    margin-left:0px;
}
img-crop .loading {
    background-size: 23px;
    position: absolute;
    width: 100%;
    top: 45%;
}
.search-all > input[type='text'] {
    position: relative;
    padding-right: 30px !important;
}
.search-all >span.input-group-btn {
    position: absolute;
    z-index: 99;
    right: 44px;
}
.avatar-w >img,.avatar-w img.profile-pic-user,.avatar-w img.img-max  {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.46),0 2px 3px rgba(0, 0, 0, 0.46);
}
.k-grid table {
    margin-top:0 !important;
}
ul.k-reset.k-header.k-scheduler-navigation {
    background-color: #ffffff !important;
}
ul.k-reset.k-header.k-scheduler-navigation .k-state-default.k-nav-current {
    width:80%;    
}
.k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    font-size: 14px;
    font-weight: 700;
}
.schEvtInfo-header {
    position: relative;
}
.schEvtInfo-header >div:first-child {
    width: 100%;
    height: auto;
    position: relative;
}
.schEvtInfo-header >div:last-child {
    width: 100%;
    bottom: 0;
    background: rgb(237, 238, 241);
    color: #4a4a4a;
    border-top: 1px solid #edeef1;
    border-bottom: 1px solid #edeef1;
}
.sltw-orglogo {
    float: left;
    width: 45px;
}
.sltw-title {
    float: left;
    max-width: 82%;
}
.sltw-title h3 {
    line-height: 30px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.schEvtInfo-header >div:first-child >img {
    width: 100%;
    max-height: 170px;
}
.schEvtInfo-body label {
    float: left;
    margin-right: 10px;     
}
.schEvtInfo-body label + * {
    float: left;
    width: 60%;
}
.sltw-orglogo > img {
    width: 45px;
}
.schEvtInfo-price label {
    width: 73%;
    float: left;   
    margin-right: 5px;
}
.event-status {
    color: #3ab54a;
    width: 45%;
    display: inline-block;
    float: right;
    min-width: 163px;
    text-align:right;
}
.event-status > div {
    color: #3ab54a;
    display: inline;
}
.see-who-is-attending-btn {
    position: absolute;
    right: 5px;
    bottom: 8px;
    border: 1px solid #3ab54a;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    background: #ffffff;
    color: #3ab54a;
    box-shadow: 0px 1px 5px 0px rgba(0, 130, 17, 0.85);
    -webik-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.see-who-is-attending-btn:hover {
    color: #ffffff;
    background: #3ab54a;
}
.cancle-your-signup-btn-link {
    display: inline-block;
    float: right;
    line-height: 35px;
    font-weight: 600;
}
.bg-color-div {
    padding: 10px;
    background: #EDEEF1;
}
.schEvtExtraInfo-div >span {
    color: #3AB54A;
    font-weight: 400;
    font-size: 17px;
}
.description-div, .description-div pre {
    background-color: #f2f2f2;
    border: none;
    word-break: initial;
    word-wrap: initial;
    text-align: justify;
}
@media screen and (max-width:767px){
    .scheduler-event-info {
        width:100%;
    }
    .schEvtInfo-body label,.schEvtInfo-body label + *{
        /*width:100%;*/
        margin-top:0px;
    }
    .schEvtInfo-price label {
        margin-top:0 !important;
    }
    .schEvtInfo-body {
        /*margin-top:40px;*/
    }
}
@media screen and (max-width:450px) {
    .schEvtInfo-body label + * {
        width: 38%;
    }
}
.info-emph {
        display: inline-block;
        font-size: 13px;
        font-weight: 300;
        color: #ff8c21 !important;
}
.schEvtInfo-header a.hover-link i.fa.fa-map-marker {
    margin-right:0px;
}
#creditCardInfoSliderBody .due-amount-text + div.info > .hover-link {
    color: #db4e44 !important;
    opacity:0.8;
}
#creditCardInfoSliderBody .due-amount-text + div.info > .hover-link:hover {
    opacity:1;
}
.detail-sender span[style] {
    margin-top:10px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #777 !important;
}
.detail-sender span.ng-binding {
    margin-right:10px;
}
.fa-times-circle-o {
    color: #db4e44 !important;
    opacity:0.8;
}
.fa-times-circle-o:hover {
    opacity:1;
}
.display-list span.title-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.listStyleBoldUl {
    list-style: circle outside !important;
    padding: 0 0 0 15px;
}
i.fa.fa-shield.cust-fa-account-setting,i.fa-shield.cust-fa-account-payment {
    position: relative;
}
.fa-shield.cust-fa-account-setting:after,.fa-shield.cust-fa-account-payment:after {
    font-size: 12px;
    position: absolute;
    right: -3px;
    top: -2px;
}
.fa-shield.cust-fa-account-setting:after {
    content: '\f085';
}
.fa-shield.cust-fa-account-payment:after {
    content:'\f0d6';
}
.quick-view i.fa-eye {
    padding: 0!important;
}
/*search and organaization profile slider*/
#organizationProfileSlider .top-dash-section {
    background: #f4f4f4;
    padding-bottom: 30px;
}
#organizationProfileSlider img.org-logo {
    width: 85px;
    height: 85px;
}
#organizationProfileSlider .org-events-div {
    border: 1px solid rgb(236, 236, 236);
    margin-bottom: 30px;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 3px 6px -3px #868282;
    height: 290px;
}
#organizationProfileSlider .org-events-body {
    padding: 0 10px 10px;
    border-radius: 4px;
}
#organizationProfileSlider .events-div-wrapper {
    padding: 20px 0;
    border-top: 1px solid #f2f2f2;
}
 #organizationProfileSlider header.org-profile-header {
    /*padding: 10px 0;*/
    line-height: 85px;
    height: 107px;
}

#organizationProfileSlider .org-profile-right-menu li {
    padding: 0 15px;
    text-align: center;
}
#organizationProfileSlider .org-profile-right-menu li a i {
    margin: 0;
    color: #868383;
}
#organizationProfileSlider .org-profile-right-menu li a {
    text-transform: uppercase;
    color: #868383;
}
#organizationProfileSlider .org-profile-right-menu li a:hover,
#organizationProfileSlider .org-profile-right-menu li a:hover > i {
    color: #000;
}
#organizationProfileSlider .org-profile-brandImg img {
    max-height: 250px;
    width: 100%;
}
#organizationProfileSlider .org-profile-brandImg {
    position: relative;
}
#organizationProfileSlider .org-profile-desc a.join-now-btn {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    float: right;
    background: rgba(0, 0, 0, 0.61);
    padding: 5px 10px;
}
#organizationProfileSlider .org-profile-desc a.join-now-btn:hover {
    background: #000;
}
#organizationProfileSlider .org-event-imgsec {
    text-align: center;
    position: relative;
    border-bottom: 2px inset rgba(25, 6, 6, 0.1);
    /*padding: 5px 0;*/
}
#organizationProfileSlider .org-event-imgsec img {
    height: 104px;
    display: inline-block;
}
#organizationProfileSlider .org-event-imgsec-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(10, 0, 0, 0.04);
    z-index: -1;
}
#organizationProfileSlider .org-event-date {
    font-size: 11px;
    font-weight: 600;
}
#organizationProfileSlider .org-event-entrance-fee {
    font-size: 16px;
    font-weight: 700;
}
#organizationProfileSlider .org-event-title {
    font-size: 16px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#organizationProfileSlider .info {
    color: #646464;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}
#organizationProfileSlider .org-events-footer span.info {
    padding: 2px 5px;
    min-width: 66px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
}
#organizationProfileSlider .org-events-footer span.info:first-child {
    background: #0e7ac7 !important;
}
#organizationProfileSlider .org-events-footer span.info:last-child {
    background: #3ab54a;
}
#organizationProfileSlider .org-events-footer span.info:hover {
    opacity: 0.8;
}
#organizationProfileSlider .org-events-footer {
    margin-bottom: 5px;
}
#organizationProfileSlider .org-ext-info-div {
    margin: 0 -10px 8px;
    padding: 0px 5px 5px;
    text-align: center;
    background: #0e7ac7;
    color: #fff;
    height: 50px;
}
#organizationProfileSlider .match-info span {
    color: #fff;
}
#organizationProfileSlider .match-info > span:not(:nth-child(2)) {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#organizationProfileSlider .org-profile-desc a.hover-link {
    font-weight: 600;
}
#organizationProfileSlider .events-footer {
    padding: 25px 0;
    background: #f5f5f5;
}
#organizationProfileSlider .events-footer pre {
    background: transparent;
    border: none;
    font-size: 14px;
    float: right;
    color: rgba(74, 74, 74, 0.81);
}
@media screen and (max-width: 767px) {
    #organizationProfileSlider .org-profile-logo,
    #organizationProfileSlider .org-profile-right-menu {
        text-align: center;
    }
    #organizationProfileSlider .org-profile-right-menu ul {
        float: none !important;
        clear: both;
        padding: 0;
    }
    #organizationProfileSlider .org-profile-right-menu ul li {
        float: none !important;
        display: inline-block;
        line-height: 20px;
    }
    #organizationProfileSlider .org-profile-header {
        height: 185px;
        line-height: 25px;
    }
}
@media screen and (max-width: 600px) {
    .col-xxs-6 {
        width:50% !important;
    }
    .col-xxs-12 {
        width:100% !important;
    }
    .col-xxs-text-right {
        text-align:right;
    }
    .col-xxs-offset-0 {
        margin-left:0 !important;
    }
    .col-xxs-pull-0 {
        right:0;
    }
    .col-xxs-push-0 {
        left:0;
    }
    .xxs-margin-left-15 {
        margin-left:15px !important;
    }
    .xxs-margin-right-15 {
        margin-right:15px !important;
    }
    .xxs-padding-left-15 {
        padding-left:15px !important;
    }
    .xxs-padding-right-15 {
        padding-right:15px !important;
    }
    .xxs-padding-right-0 {
        padding-right:0px !important;
    }
    .xxs-padding-left-0 {
        padding-left:0px !important;
    }
    .r-page-title-firstspan {
        min-width:117px !important;
    }
    .customKnob {
        float:none !important;
        display:inline-block;
    }
    .nav-pills2.customtab {
        min-height: 42px;
        padding-bottom: 5px;
    }
    .nav-pills2.customtab > li > a {
        height: 41px;
        margin-top:5px;
    }
}
@media (min-width:1400px) {
    .col-llg-1, .col-llg-10, .col-llg-11, .col-llg-12, .col-llg-2, .col-llg-3, .col-llg-4, .col-llg-5, .col-llg-6, .col-llg-7, .col-llg-8, .col-llg-9 {
        float: left;
    }
    .col-llg-12 {
        width: 100%;
    }
    .col-llg-11 {
        width: 91.66666667%;
    }
    .col-llg-10 {
        width: 83.33333333%;
    }
    .col-llg-9 {
        width: 75%;
    }
    .col-llg-8 {
        width: 66.66666667%;
    }
    .col-llg-7 {
        width: 58.33333333%;
    }
    .col-llg-6 {
        width: 50%;
    }
    .col-llg-5 {
        width: 41.66666667%;
    }
    .col-llg-4 {
        width: 33.33333333%;
    }
    .col-llg-3 {
        width: 25%;
    }
    .col-llg-2 {
        width: 16.66666667%;
    }
    .col-llg-1 {
        width: 8.33333333%;
    }
    .col-llg-pull-12 {
        right: 100%;
    }
    .col-llg-pull-11 {
        right: 91.66666667%;
    }
    .col-llg-pull-10 {
        right: 83.33333333%;
    }
    .col-llg-pull-9 {
        right: 75%;
    }
    .col-llg-pull-8 {
        right: 66.66666667%;
    }
    .col-llg-pull-7 {
        right: 58.33333333%;
    }
    .col-llg-pull-6 {
        right: 50%;
    }
    .col-llg-pull-5 {
        right: 41.66666667%;
    }
    .col-llg-pull-4 {
        right: 33.33333333%;
    }
    .col-llg-pull-3 {
        right: 25%;
    }
    .col-llg-pull-2 {
        right: 16.66666667%;
    }
    .col-llg-pull-1 {
        right: 8.33333333%;
    }
    .col-llg-pull-0 {
        right: auto;
    }
    .col-llg-push-12 {
        left: 100%;
    }
    .col-llg-push-11 {
        left: 91.66666667%;
    }
    .col-llg-push-10 {
        left: 83.33333333%;
    }
    .col-llg-push-9 {
        left: 75%;
    }
    .col-llg-push-8 {
        left: 66.66666667%;
    }
    .col-llg-push-7 {
        left: 58.33333333%;
    }
    .col-llg-push-6 {
        left: 50%;
    }
    .col-llg-push-5 {
        left: 41.66666667%;
    }
    .col-llg-push-4 {
        left: 33.33333333%;
    }
    .col-llg-push-3 {
        left: 25%;
    }
    .col-llg-push-2 {
        left: 16.66666667%;
    }
    .col-llg-push-1 {
        left: 8.33333333%;
    }
    .col-llg-push-0 {
        left: auto;
    }
    .col-llg-offset-12 {
        margin-left: 100%;
    }
    .col-llg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-llg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-llg-offset-9 {
        margin-left: 75%;
    }
    .col-llg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-llg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-llg-offset-6 {
        margin-left: 50%;
    }
    .col-llg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-llg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-llg-offset-3 {
        margin-left: 25%;
    }
    .col-llg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-llg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-llg-offset-0 {
        margin-left: 0;
    }
}
/* for the new header menu implementation only for coach till next update*/

.smart-cstm-menu ul {
    min-width: 250px !important;
}
ul.nav.smart-cstm-menu:not(.dropdown-menu)>li >a, ul.nav.smart-cstm-menu:not(.dropdown-menu)>li >a label {
    height: 50px;
    color: #e6e7e8 !important;
    font-weight: 300;
}
ul.nav.smart-cstm-menu:not(.dropdown-menu) > li > a:hover {
    text-decoration: none;
    background-color: #23527c !important;
}
.smart-cstm-menu ul.dropdown-menu li a {
    position:relative;
    max-height:50px;
}
.smart-cstm-menu ul.dropdown-menu li a > span:not(.caret) {
    display: block;
    width: 95%;
    line-height: 20px;
    max-height: 42px;
    overflow: hidden;
}
ul.dropdown-menu li.open a.highlighted, ul.dropdown-menu li.open a.highlighted:hover {
    background-color: #f5f5f5 !important;
}
.org-season-label-wrapper {
    max-width: 135px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
}
@media screen and (min-width:768px) {
    .org-season-label-wrapper {
         max-width: 70px; 
    }
    .org-label-wrapper {
        max-width: 135px; 
    }
}
@media screen and (min-width:992px) {
    .org-season-label-wrapper {
         max-width: 45px; 
    }
    .org-label-wrapper {
        max-width: 70px; 
    }
}
@media screen and (min-width: 1100px) {
    .org-season-label-wrapper {
        max-width: 75px;
    }
    .org-label-wrapper {
        max-width: 140px; 
    }
}
@media screen and (min-width: 1200px) {
    .org-season-label-wrapper {
        /*max-width: 280px;*/
        max-width: 130px;
    }
    .org-label-wrapper {
        max-width: 160px; 
    }
}
@media screen and (min-width:1330px) {
    .org-season-label-wrapper {
        /*max-width: 355px; */
        max-width: 190px; 
    }
    .org-label-wrapper {
        max-width: 220px; 
    }
}
@media screen and (min-width:1500px) {
    .org-season-label-wrapper {
        max-width: 230px; 
    }
    .org-label-wrapper {
        max-width: 350px; 
    }
}
.header-links .ace-nav:not(.player-ace-nav), .header-links .smart-cstm-menu-wrapper {
    float:right;
}
.navbar-nav.sm-collapsible .caret:before {
    font-size: 20px;
}
.navbar-nav:not(.sm-collapsible) ul .caret {
    top: calc(50% - 10px);
}
@media screen and (max-width:767px) {
    .header-links .smart-cstm-menu-wrapper {
        float: none;
        width: 100%;
        border-top: 1px solid #fff;
        background: #e6e7e8;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        opacity:1 !important;
    }
    .header-links .nav.navbar-nav.smart-cstm-menu {
        margin:0px !important;
    }
    .header-links .nav.navbar-nav.smart-cstm-menu:first-child {
        float:left;
        width:60%;
    }
    .header-links .nav.navbar-nav.smart-cstm-menu:last-child {
        float:right;
        width:40%;
    }
    .header-links .nav.navbar-nav.smart-cstm-menu.player-smrt-menu {
        float:none;
        width:100%;
        text-align:center;
    }
    .header-links .ace-nav.not-smart-menu > li {
        line-height: 50px;
    }
    .caret.navbar-toggle.sub-arrow {
        margin-top:-5px !important;
        color:#4a4a4a !important;
        margin-right: 3px !important;
    }
    .smart-cstm-menu >li.open >a .caret.navbar-toggle.sub-arrow{
        color: #fff !important;
    }
     span.org-season-label-wrapper {
        max-width: 85% !important;
        color:#4a4a4a !important;
    }
     ul.nav.smart-cstm-menu > li > a:hover {
        text-decoration: none;
        /*background-color: #23527c !important;*/
    }
    ul.nav.smart-cstm-menu > li i.fa {
        color:#000 !important;
    }
    ul.nav.smart-cstm-menu > li:hover span.org-season-label-wrapper, ul.nav.smart-cstm-menu > li:hover i.fa {
        color:#fff !important;
    }
    ul.nav.smart-cstm-menu > li:hover .caret.navbar-toggle.sub-arrow {
        color:#4a4a4a !important;
    }
    .navbar-nav.sm-collapsible .open > a > .caret:before{
        color: #fff !important;
    }
    ul.nav.smart-cstm-menu:not(.dropdown-menu) > li > a:hover .caret:before {
        color: #fff !important;
    }
    .smart-cstm-menu ul span.caret.navbar-toggle.sub-arrow {
        top: 6px;
        right: -5px;
    }
    .smart-cstm-menu ul {
        min-width: 200% !important;
    }
    .smart-cstm-menu ul.dropdown-menu {
        background: #f1f1f1 !important;
    }
    .smart-cstm-menu-wrapper > .smart-cstm-menu:not(.player-smrt-menu):last-child ul {
        /*left: -100% !important;
        position: absolute !important;*/
        margin-left: -100%;
    }
    .smart-cstm-menu >li:first-child >a {
        height: 40px !important;
    }
    .smart-cstm-menu >li >a {
        padding: 10px 5px;
        padding-right: 40px !important;
    }
    .setDefaultOrgLabel small {
        color: #ababab;
        font-size: 9px;
    } 
    .setDefaultOrgLabel .checkmark{
        width: 12px;
        height: 12px;
        top: 4px;
    }
    .setDefaultOrgLabel .checkmark:after {
        left: 4px;
        top: 1px;
        width: 5px;
        height: 8px;
        border-width: 0 2px 2px 0;
    }
}

@media screen and (max-width:500px) {
    span.ng-binding.org-season-label-wrapper {
        max-width: 71% !important;
    }
}
@media screen and (max-width: 440px){
    .setDefaultOrgLabel small {
        position: absolute;
        bottom: -32px;
        left: 13px;
    }
    .setDefaultOrgLabel .checkmark {
        /*top: -17px;*/
        position: absolute;
        right: -5px;
        left: auto;
    }
}
@media screen and (max-width: 380px){
    .setDefaultOrgLabel small{
        bottom: -28px;
    }
    .setDefaultOrgLabel .checkmark{
        top: -5px;
    }
}
@media screen and (max-width: 362px){
    .setDefaultOrgLabel small{
        bottom: -8px;
    }
    .setDefaultOrgLabel .checkmark{
        top: -22px;
    }
}
/*performance center tabpanel fixes*/
.ppn-tab-panel {
    /*background-color: #e6e7e8 !important;*/
    padding: 15px;
    border: 1px solid #e6e7e8;
    /*margin-top: -5px;*/
}
img.fancybox{
    max-width:100%;
    display:inline-block;
}
.fancybox-next span {
    left: auto;
    right: 20px;
}
.fancybox-prev span {
    left: 20px;
}
 /*for survey*/
.footable-row-detail-name {
    font-weight: 400 !important;
}
.ellipsis {
    white-space:nowrap;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.btn-group label.btn.btn-default:not(.notThisClass) {
    width: 60px !important;
}

.k-tooltip-content .tooltip-wrap .toltip-tauko {
    width: 34%;
    margin-right: 20px;
}

#coachCalendarCtrl .selected-filters {
    float: left !important;
    width: 50% !important;
    padding: 0px 15px !important;
    height:50px;
    overflow:auto;
}
#coachCalendarCtrl .selected-filters.isNotCoachView_filterWidth {
    width: 75% !important;
}
#coachCalendarCtrl .selected-filters > div {
    margin-top: 6px;
    margin-bottom: -10px;
}
#coachCalendarCtrl .selected-items{
    margin-top:3px;
    margin-left:5px;
    margin-right:0;
}
#coachCalendarCtrl .setDefaultFilter {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-bottom: 0 !important;
}
#coachCalendarCtrl .popUpTitleBar > div > div:first-child{
    /*background-color:transparent;*/
}
#executeProgram .popUpTitleBar{
    /*padding:6px 15px;*/
}
.popUpTitleBar .PBTemplateName  {
    /*padding: 6px 0 6px 15px;*/
    text-transform: capitalize;
}
.k-animation-container ul.km-widget.km-actionsheet {
    padding: 10px 0;
}
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, *:not(.km-pane)>.km-shim .km-actionsheet .k-button{
    display: inline-block;
}
*:not(.km-pane)>.km-shim .km-actionsheet .k-button{
    margin-top:0;
    margin-bottom: 0;
}

.AccountSettingMainWrap .nav-pills > li > a.current, .AccountSettingMainWrap .nav-pills > li > a.current:hover, .AccountSettingMainWrap .nav-pills > li > a.current:focus, .AccountSettingMainWrap .nav-pills > li > a.currents, .AccountSettingMainWrap .nav-pills > li > a.currents:hover, .AccountSettingMainWrap .nav-pills > li > a.currents:focus, .AccountSettingMainWrap .nav-pills > li > a.currentPop, .AccountSettingMainWrap .nav-pills > li > a.currentPop:hover, .AccountSettingMainWrap .nav-pills > li > a.currentPop:focus, .AccountSettingMainWrap .nav-pills > li > a:hover{
    border-bottom:5px solid #3e94c9;
}
.AccountSettingWrap{
    background:#F2F2F2;
    padding: 15px;
    /*border-radius: 5px;*/
}
.AccountSettingWrap input.form-control{
    background:#fff !important;
}
.AccountSettingWrap hr{
    border-color: rgb(199, 199, 199) !important;
}
.AccountSettingGroupSection label{
    font-weight: 400;
}
.AccountSettingGroupSection label.nTitle{
    font-weight: 700;
}
.AccountSettingGroupSection button.btn-save{
    font-size: 12px;
    min-width: auto !important;
    border-radius: 3px;
    text-transform: capitalize;
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .AccountSettingMainWrap .nav-pills > li > a{
        font-size: 11px;
    }
}

@media screen and (max-width: 1024px){
    #coachCalendarCtrl .selected-filters.isNotCoachView_filterWidth {
        width: 71% !important;
    }
}
@media screen and (max-width: 992px){
    #coachCalendarCtrl .scheduler-header-wrapper {
        height: 93px;
    }
    #coachCalendarCtrl .selected-filters.isNotCoachView_filterWidth {
        width: 100% !important;
        position: absolute;
        right: 14px;
        top: 50px;
    }
    #coachCalendarCtrl .selected-filters > div {
        margin-top: 1px;
        margin-bottom: -6px;
    }
    #coachCalendarCtrl .km-pane-wrapper .k-edit-form-container, #coachCalendarCtrl .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container{
        padding-top: 0;
    }
    #coachCalendarCtrl .k-button.k-scheduler-cancel{
        min-width: auto !important;
        color: #fff !important;
    }
    #coachCalendarCtrl .schedulerBodyNewOrient{
        width: 77% !important;
    }
    .prg-exe-activity-set__btn-group > button,
    #GameInjuryReportCtrl .btn-group .btn-default:not(.binfo) {
        width: auto !important;
    }
    #GameInjuryReportCtrl .btn-group label.btn.btn-default:not(.notThisClass) {
        width: auto !important;
        padding: 5px 8px !important;
    }
    #GameInjuryReportCtrl .btn-group label.btn .fa {
        font-size: 11px;
    }
}
@media screen and (max-width: 768px){
    #coachCalendarCtrl .repeatField.tryout .repeat-wrapper .k-recur-view{
        left: 0;
        width: 100% !important;
    }
    .executeActivityBodyDetailswrap .playerEvalPlayerDetail ul{
        height: 160px;
    }
    .nTitleU, .nTitle, .pTitle{
        font-size: 13px;
    }
    .k-header.km-header.km-header-custom{
        padding:5px 0;
    }
    #executeActivityTitleBar .btn-close,
    #executeActivityTitleBar a.btn-close,
    #executeActivityTitleBar .btn-save,
    #executeActivityTitleBar .btn-add,
    #executeActivityTitleBar a.btn-add,
    #executeActivityTitleBar .k-scheduler-update,
    #executeActivityTitleBar .btn-delete,
    #executeActivityTitleBar .btn-submit,
    #executeActivityTitleBar a.btn-save,
    #executeActivityTitleBar a.k-scheduler-update,
    #executeActivityTitleBar a.btn-delete,
    #executeActivityTitleBar a.btn-submit,
    #executeActivityTitleBar a.btn-attendanceList,
    #executeActivityTitleBar .btn-edit {
        font-size: 11px;
        min-width: auto;
    }
     .prg-exe-program-wrapper button.btn.btn-save {
        min-width: auto;
        margin-bottom: 10px;
    }
    #coachCalendarCtrl .pro-info-field .btn.btn-cancel {
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .table-responsive.programeList .btn-add {
        padding: 3px 8px !important;
        font-size: 11px;
        min-width: auto !important;
    }
    .km-actionsheet-cancel a.k-button {
        display: block !important;
        padding: 6px 5px !important;
    }
    .available-status__dot{
        width: auto;
        height: auto;
        box-shadow: none;
    }
    .available-status_AvailState{
        font-size: 12px;
        margin-top:-2px;
        display: block;
    }
    #GameInjuryReportCtrl .btn-save{
        min-width: auto;
        font-size: 11px;
        padding:4px 10px;
    }
    .AccountSettingMainWrap .nav-pills > li{
        float: left;
        list-style-type: none;
        margin: 0 2px 18px 0;
        padding: 0;
    }
}
@media screen and (max-width: 767px){
    .k-scheduler-Editcurrentoccurrence,
    .k-scheduler-Edittheseries{
        font-size: 11px !important;
    }
    .tryoutreppage .btn.SearchBtn{
        float: right;
    }
}
@media screen and (max-width: 680px){
    #coachCalendarCtrl .k-button.k-scheduler-cancel,
    #coachCalendarCtrl .km-pane-wrapper .k-header .k-button,
    .k-scheduler-Editcurrentoccurrence,
    .k-scheduler-Edittheseries{
        font-size: 11px !important;
    }
    #coachCalendarCtrl .km-root .km-popup .k-list,
    #coachCalendarCtrl .km-widget.km-actionsheet{
        padding:10px 0 !important;
    }
   #coachCalendarCtrl .scheduler-title-sec .nTitleU,
   #coachCalendarCtrl .scheduler-title-sec  .nTitle,
   #coachCalendarCtrl .scheduler-title-sec .pTitle{
        padding-left: 10px !important;
    }
    #coachCalendarCtrl .tabs.nav.nav-pills > li > a,
    #coachCalendarCtrl .km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]){
        font-size: 12px !important;
    }
    #coachCalendarCtrl .km-widget.km-actionsheet-wrapper{
        padding:3px 0;
    }
    #coachCalendarCtrl .k-scheduler-edit-form .repeat-wrapper .k-edit-field{
        padding:0;
    }
    #coachCalendarCtrl .nTitle{
        margin-top:0 !important;
    }
    #coachCalendarCtrl .events-div-wrapper .evt-repeat-div,
    #EvaluationPageSliderBody #eval_content .col-xs-4.col-sm-3,
    #EvaluationPageSliderBody #eval_content .col-xs-8.col-sm-9{
        width: 100%;
    } 
    #eval_content .playerEvalPlayerDetail ul{
        height: 160px;
    }
    #coachCalendarCtrl .profile-general-info ul{
        margin-left: 30px;
    }
    #coachCalendarCtrl .profile-general-info ul li ul{
        margin-left: 0;
    }
   
}
@media screen and (max-width: 480px){
    .km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container{
        padding-top:0;
    }
    .k-grid .k-header .k-button,
    .k-scheduler .k-header .k-button,
    .k-scheduler .k-header li,
    .k-scheduler .k-header .k-link,
    .k-gantt > .k-header li,
    .k-gantt > .k-header .k-link,
    .k-gantt-toolbar .k-button,
    .km-pane-wrapper .k-header .k-button{
        font-size: 10px;
    }
    #coachCalendarCtrl .TryOutnewEvent{
        font-size: 11px;
        min-width: auto;
    }
    #coachCalendarCtrl .schedulerBodyNewOrient{
        width: 100% !important;
    }
    /*#coachCalendarCtrl .prg-exe-program-wrapper .col-xs-7.col-sm-7 {
        width: 100%;
        margin-bottom: 20px;
    }
    #coachCalendarCtrl .prg-exe-program-wrapper .col-xs-5.col-sm-5 {
        width: 100%;
    }*/
    #coachCalendarCtrl .activity-section__btn-sets button.btn.btn-add {
        font-size: 9px;
        min-width: auto !important;
    }
    
    #coachCalendarCtrl .create-event{
        left: auto !important;
    }
    .prg-exe-activity-set__measurement label{
        width: 100px !important;
    }
    .PlayerInfoSection .PlayerInfoLeft, .PlayerInfoSection .PlayerInfoRight{
        width: 100%;
    }
    .PlayerInfoSection .PlayerInfoRight {
        text-align: center;
    }
    .PlayerInfoSection h4{
        margin:15px 0 !important;
    }
    #TryOutRptPlayerLstBody .info {
        font-size: 11px;
    }
    #TryOutRptPlayerLstBody .info .fa{
        font-size: 10px;
    }
    #TryOutRptPlayerLstBody .pull-left .k-checkbox-label{
        font-size: 12px;
    }
    #coachCalendarCtrl .search-all, #playerCalendarCtrl .search-all{
        width: 100% !important;
    }
    #coachCalendarCtrl .search-all > input[type='text'], #playerCalendarCtrl .search-all > input[type='text']{
        width: 89% !important;
    }
    .k-scheduler-Editcurrentoccurrence, .k-scheduler-Edittheseries{
        padding:6px 10px !important;
        min-width: auto;
    }
    .tryoutPopupWrap ul.tabs li.pull-right {
        margin-right: 15px;
    }
    .pro-info-field .btn.SearchBtn {
        height: 33px !important;
        padding-left: 5px;
        padding-right: 10px;
        font-size: 11px;
        /*margin-top:15px;*/
    }
    .pro-info-field .btn.SearchBtn .fa{
        font-size: 10px;
        margin: 1px;
    }
    .tryoutreppage .col-xs-4.col-sm-4.col-md-3, .tryoutreppage .col-xs-3.col-sm-4.col-md-3 {
        width: 41.66666667%;
    }
    .tryoutreppage  .SearchBtn-Wrap{
        width: 100%; 
        margin-top: 10px;
    }
    #playerCalendarCtrl .prg-exe-user-info-sec-small__user-image {
        width: 100%;
        height: auto;
    }
    #playerCalendarCtrl .prg-exe-user-info-sec-small__user-image img {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        margin: 10px auto 20px;
    }
    #playerCalendarCtrl .pull-left.prg-exe-user-info-sec-user_details {
        text-align: center;
        width: 100%;
        display: block;
    }
    #playerCalendarCtrl .pull-left.prg-exe-user-info-sec-user_details .nTitle,
    #playerCalendarCtrl .pull-left.prg-exe-user-info-sec-user_details .info{
        float: none !important;
    }
    #playerCalendarCtrl .pull-left.prg-exe-user-info-sec-user_details .playerDetail_BirthDate{
        margin-left: 50px;
    }
}
@media screen and (max-width: 375px){
    .popUpTitleBar > div > div:first-child, #TryOutDetailsReports #TryOutDetailsReportsTitleBar .info{
        font-size: 11px;
    }
    #TryOutDetailsReports .popUpTitleBar .info i.fa.fa-file-pdf-o, #TryOutDetailsReports .popUpTitleBar .info i.fa.fa-print{
        font-size: 10px;
    }
    #TryOutDetailsReports #TryOutDetailsReportsTitleBar .info{
        margin:2px !important;
    }
    .popUpTitleBar .fa:not(.notThisClass) {
        font-size: 15px !important;
        line-height: 30px;
    }
    span.expandcompress, span.callSlide{
        width: 23px;
    }
    #coachCalendarCtrl .k-button.k-scheduler-cancel, #coachCalendarCtrl .km-pane-wrapper .k-header .k-button, .k-scheduler-Editcurrentoccurrence, .k-scheduler-Edittheseries, ul.km-widget.km-actionsheet li a{
        font-size: 9px !important;
    }
}
@media screen and (max-width: 320px){
    .currentActivity_openActivityDescription{
        display: inline-block;
        margin-top:10px;
    }
}