/* Minification failed. Returning unminified contents.
(3944,1): run-time error CSS1035: Expected colon, found '}'
(7842,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(7842,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(7843,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(7847,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(7848,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(7852,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(7852,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(7853,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(7853,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(7857,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(7858,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(7858,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(7862,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(7863,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(15130,5): run-time error CSS1019: Unexpected token, found '}'
(15130,7): run-time error CSS1031: Expected selector, found '/'
(15130,7): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*! jQuery UI - v1.12.1 - 2017-10-23
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, selectmenu.css, button.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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;
    }

    .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(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../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: "\002a";
}

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

.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: 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:focus, a.text-primary:hover {
    color: #286090;
}

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

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

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

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

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

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

.text-danger {
    color: #a94442;
}

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

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

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

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

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

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

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

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

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

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

a.bg-danger:focus, 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: 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::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .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].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        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;
}

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

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

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 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;
}

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

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

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 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;
}

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

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .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: 11px;
        font-size: 18px;
    }
}

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

.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: 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 {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

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

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

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

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

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

    .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, 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.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

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

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

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

    .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, 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.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

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

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

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

    .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, 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.focus, .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

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

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

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

    .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, 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.focus, .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

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

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

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

    .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, 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.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

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

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

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

    .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, 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-top: 4px solid\9;
    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 dashed;
    border-bottom: 4px solid;\9
}

.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, .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-left-radius: 4px;
        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-right-radius: 4px;
        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 .form-control:focus {
            z-index: 3;
        }

.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 {
        z-index: 2;
        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 {
            z-index: 2;
            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: 3;
        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;
    line-height: 1.3333333;
}

.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;
    line-height: 1.5;
}

.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: middle;
    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-top: 30px;
    padding-bottom: 30px;
    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 {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .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-object.img-thumbnail {
        max-width: none;
    }

.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, button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.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, button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.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, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.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, button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.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, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.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, button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.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, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.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, button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.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, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.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 > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.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 {
    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-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .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;
    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-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    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);
    line-break: auto;
}

    .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);
    background-color: rgba(0,0,0,0);
    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;
        margin-top: -10px;
    }

    .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;
        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: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .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, .modal-header:after, .modal-header: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, .modal-header: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 !important;
    }

    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 !important;
    }

    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 !important;
    }

    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 !important;
    }

    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 !important;
    }

    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;
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */

.xdsoft_datetimepicker {
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 3px;
    padding-left: 3px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

    .xdsoft_datetimepicker iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 65px;
        height: 200px;
        background: transparent;
        border: none;
    }

    /*For IE8 or lower*/
    .xdsoft_datetimepicker button {
        border: none !important;
    }

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .xdsoft_noselect::selection {
        background: transparent;
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent;
    }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block;
    }

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 1px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 48px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 16px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 20px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 16px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 15px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}

.xdsoft_clear_button {
    float: left;
    margin-left: 5px;
    color: #666 !important;
    position: absolute;
    left: 45px;
    z-index: 99999;
    top: 8px;
    font-size: 20px;
    background: none;
    font-weight: bold;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: #f5f5f5;
        border-top: 1px solid #ddd;
        color: #666;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0;
        height: 16px;
        line-height: 25px;
    }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
            border-top-width: 0;
        }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 99999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 172px;
    text-align: center;
    cursor: pointer;
}

    .xdsoft_datetimepicker .xdsoft_label:hover > span {
        text-decoration: underline;
    }

    .xdsoft_datetimepicker .xdsoft_label:hover i {
        opacity: 1.0;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        overflow-y: hidden;
    }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
            right: -7px;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            right: 2px;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
            color: #fff;
            background: #ff8000;
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
            padding: 2px 10px 2px 5px;
            text-decoration: none !important;
        }

            .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #33aaff;
                box-shadow: #178fe5 0 1px 3px 0 inset;
                color: #fff;
                font-weight: 700;
            }

.xdsoft_datetimepicker .xdsoft_month {
    width: 105px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 22px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 12.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 15px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 10.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee !important;
    }

        .xdsoft_datetimepicker .xdsoft_copyright a:hover {
            color: #aaa !important;
        }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 12px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
        border-bottom: 1px solid #222;
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
            background: #0a0a0a;
            border-top: 1px solid #222;
            color: #999;
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
        background-color: #000;
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
            border: 1px solid #333;
            background: #000;
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
                color: #000;
                background: #007fff;
            }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #cc5500;
                box-shadow: #b03e00 0 1px 3px 0 inset;
                color: #000;
            }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0a0a0a;
        border: 1px solid #222;
        color: #999;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0e0e0e;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
        color: #cc5500;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
        background: #ffe9d2;
        box-shadow: #ffb871 0 1px 3px 0 inset;
        color: #000;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
        background: #c1ffc9;
        box-shadow: #00dd1c 0 1px 3px 0 inset;
        color: #000;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
        background: #cc5500;
        box-shadow: #b03e00 0 1px 3px 0 inset;
        color: #000;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
        color: #000 !important;
        background: #007fff !important;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        color: #666;
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
        color: #333 !important;
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
            color: #111 !important;
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
                color: #555 !important;
            }

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
    /* IE6-9 */
}

    .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
        color: #454551;
        background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
        /* IE10+ */
        background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
        /* IE6-9 */
    }

/*! jQuery Editable Select - v2.2.5 - https://github.com/indrimuska/jquery-editable-select - (c) 2016 Indri Muska - MIT */
input.es-input{padding-right:20px!important;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat}input.es-input.open{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.es-list{position:absolute;padding:0;margin:0;border:1px solid #d1d1d1;display:none;z-index:1000;background:#fff;max-height:160px;overflow-y:auto;-moz-box-shadow:0 2px 3px #ccc;-webkit-box-shadow:0 2px 3px #ccc;box-shadow:0 2px 3px #ccc}.es-list li{display:block;padding:5px 10px;margin:0}.es-list li.selected{background:#f3f3f3}.es-list li[disabled]{opacity:.5}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2.2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}


div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
    margin-top:         65px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
    max-height: calc(100vh - 90px);    
    /*overflow-x:hidden;
    overflow-y: auto;*/
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				10px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#546E7A; /*custom background arun*/
	opacity: 				1;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=99); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			'OpenSans', sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				2em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;        
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 5px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 5px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 1px;
        height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 3px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 3px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 10px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 3px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/*margin-right: 5px;*/
       
        margin-right:0px;
		margin-bottom: 0px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 5px;
		padding-bottom: 5px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0px;}
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

    /*color change for out of focus*/
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.25);
		filter: "alpha(opacity=25)"; -ms-filter: "alpha(opacity=25)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #000;     background-color: rgba(0,0,0,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000;     background-color: rgba(0,0,0,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #000;     background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
		background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(0,0,0,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(0,0,0,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(0,0,0,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.9); }
	
	/* ---------------------------------------- */

@charset "utf-8";
/* CSS Document */
/*toggled-2 means open dock*/

.responsivecolgap {
    margin-bottom: 10px;
}
/*================extra Small Devices Phones and up========================*/
@media (max-width:459px) {
    /* ===================== AttendancePolicyTemplateDefinition Pluse Icon ============== */
    .spc-right-10 {
        right: 10px;
    }

    #copylocationmodal .modal-content .modal-body .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
        margin-top: 0;
    }
}

@media screen and (max-width:767px) {
    /*=================Global Responsive    07 june 2017===============*/
    body {
        /*overflow:auto !important; adsvns*/
    }

    /*============= Utility Classes ==============*/
    .noleftpad {
        padding-left: 15px !important;
    }

    [class*="col-"] > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .clearforxs {
        clear: both !important;
    }

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

    .floatforxs {
        float: left !important;
    }

    .mtechlabel {
        padding-top: 4px !important;
    }

    .banner img {
        height: auto !important;
        max-width: 100%;
    }

    .licensegeneratorbtn {
        margin-left: 5%;
    }
    /*============= Utility Classes end ==============*/
    /*=========== All Tree Overflow =============*/
    /*.jstree {
        max-height: 300px !important;
        overflow: auto !important;
    }*/
    /*============= Login ==============*/
    #wrap {
        width: 95% !important;
    }

    .loginFrom {
        width: 100%;
        display: block;
        float: left;
    }

    .loginfirstpart {
        border-right: none !important;
    }

    .rightDivBesideSearch {
        height: auto !important;
    }

    .firstpart {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

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

    .loginfirst {
        width: 95% !important;
    }

    .captchanachor {
        left: 200px !important;
        top: -83px;
    }

    .captchalabel {
        padding-left: 0 !important;
    }
    /*============= Login end ==============*/
    /*======== Company ==============*/
    .companyfirst [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /*======== #Company ===========*/
    /*============= Header ==============*/
    .logowrap {
        margin-left: -10px;
    }

    .favlink {
        display: none;
    }

    .cont {
        max-height: 45px;
    }

    .themepar {
        display: none;
    }

    .rightnotification {
        float: right;
        margin-top: 10px;
    }

    /*.prodigiouslogoarea {
        clear: right;
        top: -63px;
        left: 50%;
    }*/

    .userarea {
        margin-top: -4px;
    }

    .menuopener {
        right: 50%;
        top: 35px;
        text-align: left;
        z-index: 99;
    }

    .navbar-default .navbar-toggle {
        float: left;
    }

    /*.userarea {
        left: 56%;
        top: -64px;
    }*/

    /*.searcharea {
        top: 6px;
        z-index: 100;
    }*/

    .dashboard {
        margin-bottom: 10px;
        float: left;
        min-width: 275px;
    }

    .rightnotification .dropdown-menu {
        left: -85px;
    }

    #search .form-control {
        height: 26px;
        padding: 1px 6px;
        font-size: 11px;
        line-height: 1;
    }

    #search .btn {
        padding: 2px 5px;
    }
    /*============= #Header ==============*/
    /*================= Role Manager start =============== */
    #treecheck {
        width: 100%;
    }
    /*========== Right Tray ===========*/
    #tray {
        top: 15%;
    }
    /*========== #Right Tray ==========*/
    /*======= User Master =========*/
    .userimgxs {
        clear: both !important;
        margin-top: 10px;
        text-align: center;
    }


        .userimgxs > p {
            display: inline-block;
        }

    .imagebg-center {
        display: inline-flex !important;
    }

    #frmUserDetails hr {
        margin-top: 10px;
        margin-bottom: 7px;
    }
    /*======= #User Master =========*/
    /*======= Menu Manager ==========*/
    /*.updown {
        margin-top: 0px !important;
        height: 85px;
    }*/

    .btnuparrow {
        margin-top: -5px;
        /*margin-left: 40%;*/
    }

    .btndownarrow {
        /*margin-left: 40%;*/
        margin-top: 11px;
    }

    #checkboxReport, #checkboxShadowReport {
        margin-left: 5px;
    }

    .menubtn {
        margin-top: 10px !important;
        margin-left: 0px;
    }
    /*======= #Menu Manager ==========*/
    /*============= Footer ==============*/
    .loginas, .logintime, .lastlogin, .time {
        display: none !important;
    }

    .rowfooter, .test {
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center !important;
    }

    .empmobmargin {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .smpaddingtop {
        padding-top: 10px !important;
    }

    .toggled-2 .footer {
        margin: 0 -15px;
    }

    .finance-fieldset-height {
        height: auto !important;
    }
}

@media (max-width:1024px) {
    .favlink {
        display: none;
    }

    .sm-bottom-5 {
        padding-bottom: 5px;
    }

    .mCustom, .mCustom4 {
        margin-left: 0px !important;
    }
}

@media (min-width:1199px) {
    .margin-left-4 {
        margin-left: -4px !important;
    }
}

@media screen and (min-width:991px) and (max-width:1320px) {
    .captchanachor {
        top: -38px;
        left: 48%;
    }

    #CaptchaImage {
        height: 40px;
    }

    .captchanachor {
        top: -43px !important;
        left: 48% !important;
    }

    .groupinterviwprocessbtn {
        padding-left: 0px;
    }
}

@media screen and (min-width:768px) and (max-width:990px) {
    #CaptchaImage {
        padding-left: 0px;
        height: 60px;
    }

    .captchalabel {
        padding-left: 1px;
    }

    .captchanachor {
        top: -72px;
    }

    .tbllatecoming {
        height: 202px !important;
    }

    .shiftchangeemplist {
        height: 530px !important;
    }
}
/*================Small Devices tablets and up========================*/
@media screen and (min-width:768px) and (max-width:991px) {
    /*========== Utility for small devices ========*/
    .menuopener {
        right: 0;
        /*top: 5px;*/
        top: 0px;
        text-align: left;
        z-index: 99;
    }

    /*========== Login ============*/
    #wrap {
        width: 70% !important;
    }

    .clearforxs {
        float: left;
    }
    /*========== #Login ============*/
    /*========== Header style start ============*/
    .dashboard {
        margin-bottom: 10px;
        float: left;
        width: 50%;
    }

    .disclaimerloader {
        width: 48% !important;
        left: 25%;
    }

    .basuit {
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

    .mtechlogo {
        clear: both;
        float: right;
    }
    /*======== Header style end ===============*/
    /*========== Role Manager ===========*/
    #treecheck {
        width: 100%;
    }

    .role-multilist {
        margin-bottom: 10px;
    }
    /*=========== #Role Manager =========*/
    /*========= Company =======*/

    form#formCompany .leftpad10, form#formLocation .leftpad10 {
        padding-left: 0 !important;
    }

    .secondpart {
        padding-left: 0px;
    }

    #comp-logo {
        padding-left: 0;
    }

    #companyTree {
        /*height: 425px !important;*/
        height: calc(100vh - 215px);
        overflow: auto;
    }

    /*========== #Comapany ========*/
    /*===== Menu Manager ==========*/
    /*.updown {
        margin-top: 0 !important;
        height: 85px;
    }*/

    .btnuparrow {
        margin-top: 0;
    }

    .btndownarrow {
        margin-top: 13px;
    }

    #checkboxReport, #checkboxShadowReport {
        margin-left: 5px;
    }

    .menubtn {
        margin-top: 15px !important;
        margin-left: 0px;
    }

    .iconpart { /*vertical & horizontal center*/
        width: 52px;
        border: 1px solid #90A4AE;
        height: 52px;
        display: block;
        /* display: -webkit-flex; */
        display: -moz-flex;
        display: -ms-flexbox;
        /* justify-content: CENTER; */
        /* align-items: center; */
        float: left;
        position: relative;
    }

        .iconpart img, .picpart img {
            width: auto;
            height: auto;
            max-width: 50px;
            max-height: 50px;
            position: relative;
            top: 50%;
            left: 40%;
            transform: translate(-50%, -50%);
        }
    /*===== #Menu Manager =======*/
    /*========== User Master ========*/
    .userimgxs p {
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
    }

        .userimgxs p a {
            display: block;
        }

    .userimgxs .captureimg {
        padding-left: 10px;
    }

    .userdetailsxs [class*="col-"] > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    /*========== #User Master ========*/
    /*======= Currency ==========*/
    .currencydec {
        width: 100px !important;
        float: right;
        margin-right: 60%;
    }

    .rightside {
        margin-left: 0px !important;
    }

    /*.tblcurrencymaster {
        overflow: auto !important;
    }*/
    /*====== #Currency ====*/
    /*==== Role manager ====*/
    .rolelabel20 {
        width: 41.5%;
    }

    .noofassgin {
        width: 57%;
    }
    /*=== #Role manager =====*/
    /*======= Prodigious License ====*/
    /*.licenseusetbl {
        overflow: scroll !important;
    }*/
    /*==== #Prodi License =====*/
    /*========= #Utility for small devices =======*/
    .modal900 {
        width: 750px;
    }

    .noleftpadsm {
        padding-left: 0;
    }

    .padleftsm {
        padding-left: 15px;
    }

    .scroll250 {
        width: 100%;
    }

    /*#page-content-wrapper, .company-form, .jstree {
        overflow: auto !important;
    }*/


    .marginleftsm {
        margin-left: 15px;
    }

    .ottAlloEmp {
        height: 350px !important;
    }
}
/*================Medium Devices Desktop and up========================*/
@media (min-width:992px) and (max-width:1199px) {

    /*============= Login ==============*/
    #wrap {
        width: 70% !important;
    }
    /*============= Login end ==============*/
    /*============= Header start ==============*/
    .userarea {
        margin-left: -15px !important;
        width: 9%;
    }

    .prodigiouslogoarea {
        padding-right: 0px;
    }

    /*============= Header end ==============*/
    /*===== Company ==========*/
    #comp-logo {
        width: 34%;
        margin-left: 0;
        padding-left: 0;
    }

    #companyTree {
        max-height: 860px;
        overflow: auto;
    }
    /*======== #Company ========*/
    /*============= User Master Start ==============*/
    .imagebg {
        /*height: 90px;*/
    }
    /*============= User Master end ==============*/
    /*======= Menu Manager ======*/
    [id^="Menu_Mn"] {
        width: 40px;
    }

    .shadowreportxs {
        width: 25%;
    }

    #menutree {
        max-height: 430px;
        /*overflow: auto;*/
    }
    /*======= #Menu Manager ======*/
    /*======= User Master ========*/
    .userimgxs .captureimg {
        padding-left: 10px;
    }
    /*========== #User Master ==========*/
}
/*================Larger Devices Larger Desktop and up========================*/
@media (min-width:1200px) {
    #wrap {
        width: 50% !important;
    }
    /*===== Company ==========*/
    #comp-logo {
        width: 24.5%;
    }

    #deprightbtn {
        padding-left: 0px;
    }
    /*======== #Company ========*/
}

/*================== dgd Search form ====================*/
@media (min-width: 992px) {
    .md-lg-padleft {
        padding-left: 15px !important;
    }

    .dgd-view-btn {
        width: 190px !important;
        float: right;
        margin-top: -35px !important;
    }
    /*width:150px*/
    .modal-dialog .dgd-view-btn {
        margin-top: -35px !important;
    }
}

/*====================== Awadhesh Singh ================= 7 june 2017  responsive start=================*/
/* iPads (portrait and landscape) ----------- */
@media (max-width: 1200px) and (min-width: 993px) {
    .userimgxs .captureimg {
        padding-left: 0px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .empmaster-sm-view {
        float: right !important;
    }

    .finance-fieldset-height {
        height: 367px;
    }

    .rightDivBesideSearch {
        height: 370px !important;
    }

    .smpaddingtop {
        padding-top: 10px !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    div.xyz {
        margin-bottom: 20px;
    }

    .licensegeneratorbtn {
        margin-left: 15px;
        margin-top: 15px;
    }
    /*.modal-lg { width: 600px !important;}*/
    .padleft30 {
        padding-left: 0px;
    }

    .rolediv {
        padding-left: 0px;
    }

    .normaltabs > li > a {
        padding: 1px 25px;
        margin-bottom: 2px;
    }
    .normaltabs1 > li > a {
        padding: 1px 25px;
        margin-bottom: 2px;
    }
    .normaltabs2 > li > a {
        padding: 1px 25px;
        margin-bottom: 2px;
    }
    /*Department Rights*/
    .tbldeprightAllocated {
        height: 318px;
        overflow: auto;
    }

    .hrms-tbl-height {
        min-height: 57px !important;
    }

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


    /*==================radio and checkbox desable css for ipad  ==================*/
    input[type="radio"][disabled]:checked, input[type=radio][disabled]:checked, input[type="radio"]:checked {
        -webkit-appearance: radio;
        -moz-appearance: radio;
        appearance: radio;
    }

    input[type="checkbox"][disabled]:checked, input[type="checkbox"]:checked, input[type=checkbox][disabled]:checked {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        appearance: checkbox;
    }

    input[type="radio"][disabled], input[type=radio][disabled],
    input[type="checkbox"][disabled], input[type=checkbox][disabled] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    legend input[type="radio"],
    legend input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*================= 07 July 2017=========By Awadhesh Singh=======*/
    .loginfirst {
        width: 70% !important;
    }

    #CaptchaImage {
        height: auto;
    }

    .padleft30 {
        padding-left: 0px;
    }

    #companyTree {
        /*height: 425px;*/
        height: calc(100vh - 180px);
        overflow: auto;
    }

    .modal-lg {
        width: 800px !important;
    }

    .company-form {
        /*height: 435px;*/
        height: calc(100vh - 180px);
        overflow-x: hidden;
    }

    .hrms-parameter-tab li a {
        height: 40px;
    }

    .captchanachor {
        top: -125px !important;
        left: 54% !important;
    }

    .favlink {
        display: block;
    }

    .hrms-tbl-height {
        min-height: 150px !important;
    }

    .currencymastertbl {
        height: 500px !important;
    }
    /*input[type="radio"][disabled]:checked,input[type="radio"]:checked
   {
        -webkit-appearance:radio ;
        -moz-appearance:    radio;
        appearance:        radio ;
    }
    input[type="checkbox"][disabled]:checked, input[type="checkbox"]:checked
     {
        -webkit-appearance:checkbox ;
        -moz-appearance:    checkbox;
        appearance:       checkbox  ;
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled] {
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        
    }
   legend input[type="radio"],
   legend input[type="checkbox"]{
         -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        
    }*/
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /*================= 07 July 2017=========By Awadhesh Singh=======*/


    .banner img {
        height: auto !important;
        max-width: 100%;
    }

    .loginfirst {
        width: 55% !important;
    }

    #CaptchaImage, .captchalabel {
        padding: 0px !important;
    }

    .captchanachor {
        top: -78px;
        left: 51%;
    }

    .captchanachor {
        top: -65px;
        left: 172px;
    }

    .modal-lg {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .favlink {
        display: none;
    }

    .padleft30 {
        padding-left: 0px;
    }

    #bottomtray {
        bottom: 20px;
        padding-right: 30px !important;
        box-sizing: border-box;
    }

    #companyTree { /*height: 425px;*/
        height: calc(100vh - 245px);
        overflow: auto;
    }

    .company-form { /*height: 435px;*/
        height: calc(100vh - 235px);
        overflow-x: hidden;
    }

    .country-tree {
        height: 300px !important;
    }

    .currencydec {
        float: none;
    }

    .updown {
        margin-top: 110px;
    }

    .menuformxs {
        margin-top: 15px !important;
    }

    .iconpart img, .picpart img {
        position: relative !important;
        top: 15px !important;
        left: 15px !important;
    }

    .smpaddingtop {
        padding-top: 10px !important;
    }

    .modal-lg {
        width: 600px !important;
    }
    /*============= Employee Dependent ===============*/
    .empdeppicpart {
        position: relative;
        right: 0;
        margin-top: 10px;
    }

    .iconpart img, .picpart img {
        position: relative !important;
        top: 26px !important;
        left: 25px !important;
        /* text-align: center; */
        /* margin: 0 auto; */
        width: 100%;
    }
    /*============= Group Interview ===============*/
    .btnOddSearchmargin {
        margin-top: 23px;
        padding-right: 15px;
    }

    .usertree1 {
        height: 760px !important;
    }
    /*Department rights*/
    #deprightbtn {
        margin-bottom: 30px;
    }

    .mtop-sm-20 {
        margin-top: 20px !important;
    }

    .hrms-tbl-height {
        height: auto;
    }
    /*for hide fav icon form heading*/
    .headingbg > .mtechfav {
        display: none;
    }

    .rolemanagerusercount {
        margin-top: 7px;
    }

    .td-width {
        width: 30%;
    }

    .groupintrviewremarks {
        padding: 0px !important;
    }

    .groupinterviewdate {
        padding-right: 15px !important;
    }
    /*.empmaster-sm-view{margin-top:-70px;}*/
    .empimg {
        padding-left: 0px !important;
    }

    .picpart1 {
        display: table;
    }

    .modal-lg .modal-content {
        margin: 0px 20px !important;
    }

    /*input[type="radio"][disabled]:checked,input[type="radio"]:checked
   {
        -webkit-appearance:radio ;
        -moz-appearance:    radio;
        appearance:        radio ;
    }
    input[type="checkbox"][disabled]:checked, input[type="checkbox"]:checked
     {
        -webkit-appearance:checkbox ;
        -moz-appearance:    checkbox;
        appearance:       checkbox  ;
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled] {
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        
    }
   legend input[type="radio"],
   legend input[type="checkbox"]{
         -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
        
    }*/
    .otherinfopart {
        width: 46%;
    }
}


/* Common Devices width less then 768 or smart phone ---------------*/
@media screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) {
    div.xyz { /*margin-bottom:45px;*/
        margin-bottom: 10px;
        min-height: calc(100vh - 100px);
    }

    #page-content-wrapper {
        padding: 10px 5px 0px 5px !important;
    }

    .dataTables_wrapper .dataTables_length[style] {
        text-align: left !important;
        margin-left: 25px !important;
    }

    .dashboard {
        margin-bottom: 10px;
        float: left;
        width: 50% !important;
    }
    /*#search{width: 200px;  margin-left: 160px; margin-top: -34px;}*/
    /*.prodigiouslogoarea{ top: -38px !important;    width: 65px;  margin-left: 100px;}*/
}

@media screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) {

    div.xyz { /*margin-bottom:45px;*/
        margin-bottom: 10px;
        min-height: calc(100vh - 130px);
    }

    #page-content-wrapper {
        padding: 10px 5px 0px 5px !important;
    }

    .dataTables_wrapper .dataTables_length {
        text-align: left !important;
        margin-left: 0px !important;
    }

        .dataTables_wrapper .dataTables_length select {
            margin-left: 15px;
        }

    .dashboard {
        margin-bottom: 10px;
        float: left;
        width: 100% !important;
    }

    .rightnotification {
        padding-right: 10px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    #myProgress {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 901 !important;
    }

    #page-content-wrapper > .mCustomScrollBox {
        padding: 0px 10px !important;
    }

    .padleft30 {
        padding-left: 0px;
    }

    .main-content {
        padding: 0px !important;
        min-width: 300px;
    }

    #search .form-control:focus {
        font-size: 11px;
        line-height: 1.2;
    }
    /*.searcharea{padding-top:3px;}*/

    .footer-align {
        padding: 0px 13px;
    }

    .confirmmodal .modal-dialog {
        width: auto !important;
    }

    #companyTree, .company-form {
        max-height: 425px !important;
        overflow-y: auto;
    }

    .country-tree {
        height: 300px !important;
    }

    .currencydec {
        float: none;
    }

    .updown {
        margin-top: 110px;
    }

    .menuformxs {
        margin-top: 15px !important;
    }
    /*.btndownarrow{    margin-left: 15px!important;}*/
    .rolediv {
        padding-left: 0px;
    }

    .smpaddingtop {
        padding-top: 10px !important;
    }

    .normaltabs > li > a {
        padding: 1px 20px !important;
    }
     .normaltabs1 > li > a {
        padding: 1px 20px !important;
    }
     .normaltabs2 > li > a {
        padding: 1px 20px !important;
    }

    .modal-lg {
        width: auto !important;
    }

    .noleftpad {
        padding: 0px !important;
    }

    .nopad {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .no-xs-pad {
        padding: 0px !important;
    }

    .mtop-xs {
        margin-top: 10px;
    }

    .margin-xs-top {
        margin-top: 10px;
    }

    #dvCompLocation {
        height: auto !important;
        max-height: 392px !important;
    }
    /*============= Employee Dependent ===============*/
    .empdeppicpart {
        position: relative;
        right: 0;
        margin-top: 10px;
    }

    .nomarginleft-xs {
        margin-left: 0px !important;
    }
    /*.iconpart img, .picpart img {position: relative !important; top: 25px !important;  left: 25px !important;}*/
    /*Department rights*/
    #deprightbtn {
        margin-bottom: 30px;
    }
    /*Audit trial*/
    .audisecondbtncontainer {
        position: relative;
        top: 6px;
    }

    .hrms-tbl-height {
        height: auto;
    }

    .hrms-tbl-height {
        min-height: 57px !important;
    }
    /*for hide fav icon form heading*/
    .headingbg > .mtechfav {
        display: none;
    }

    .documenttbl {
        height: 70px;
        overflow: auto;
    }

    .licencetblHeight {
        height: 80px !important;
        overflow: auto !important;
    }

    .deprightbtn-xs {
        margin-right: 15px;
    }

    /*used for both tray hide in mobile view*/
    #tray, #bottomtray {
        display: none !important;
    }

    .rowfooter {
        width: 50%;
        float: left;
    }

    .user-locations {
        height: 265px;
        overflow: auto;
    }

    .infodetailtbl, #divInformationTemplateContent, #divInfoContent {
        width: 100% !important;
        overflow: auto;
    }

    .infotemptbl {
        max-height: 350px;
        overflow: auto;
    }

    div.modal.fade.in {
        max-height: 100vh;
        overflow-y: auto;
    }

    .toggled-2 .footer {
        position: relative;
        margin: 0 -5px;
        bottom: -4px;
    }

    .dvCompLocation {
        max-height: 350px;
    }

    .leaveapplicationtblleft {
        max-height: 290px;
        overflow: auto;
    }

    .shiftchangeemplist {
        max-height: 263px;
    }

    .mScroll {
        overflow: scroll;
    }

    .scroll100 {
        max-height: 100px;
        overflow: auto;
        height: auto;
    }

    .scroll125 {
        max-height: 125px;
        overflow: auto;
        height: auto;
    }

    .scroll150 {
        max-height: 150px;
        overflow: auto;
        height: auto;
    }

    .scroll175 {
        height: 175px;
        overflow: auto;
        height: auto;
    }

    .scroll200 {
        max-height: 200px;
        overflow: auto;
        height: auto;
    }

    .scroll225 {
        max-height: 225px;
        overflow: auto;
        height: auto;
    }

    .scroll250 {
        max-height: 250px;
        overflow: auto;
        height: auto;
    }

    .scroll300 {
        max-height: 300px;
        overflow: auto;
        height: auto;
    }

    .scroll325 {
        max-height: 325px;
        overflow: auto;
        height: auto;
    }

    .scroll350 {
        max-height: 350px;
        overflow: auto;
        height: auto;
    }

    .scroll400 {
        max-height: 400px !important;
        overflow: auto;
        height: auto;
    }

    .scroll425 {
        max-height: 425px !important;
        overflow: auto;
        height: auto;
    }


    .scroll430 {
        max-height: 430px !important;
        overflow: auto;
        height: auto;
    }

    .usertree1 {
        height: 350px !important;
    }

    .dataTables_wrapper {
        display: table !important;
    }

    /*== 17 Oct 2017 ===== - awadhesh  - redesign Layout*/
    .header {
        left: 0;
        right: 0;
        position: inherit !important;
        z-index: 9999;
    }

    #wrapper {
        padding-top: 0px !important;
    }
    /*#sidebar-wrapper{
        position:inherit !important;
        top:33px;
    }*/
    .footer {
        position: inherit !important;
        overflow: hidden !important;
        border-top: none;
        float: left;
        width: 100%;
        color: #fff;
        /*margin: 0 -50px;*/
        bottom: 0;
        transition: all 0.5s ease;
        z-index: 10000;
        /*margin-bottom: -10px;*/
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* STYLES GO HERE */
}
/*================= for browser minimise===============*/
@media only screen and (max-width : 767px) {
    .footer-align .rowfooter {
        width: 50% !important;
        float: left !important;
    }

        .footer-align .rowfooter .test {
            width: 92% !important;
        }

    .toggled-2 .footer {
        margin: 0 -10px !important;
    }

    .footer p, .footerfirst {
        text-align: center !important;
    }

    .footer-align {
        padding: 0px;
        padding-left: 15px !important;
    }

    .dgd-view-btn {
        margin-top: 0px;
    }

    .md-lg-padleft {
        padding-left: 0px !important;
    }

    .noleftpad {
        padding-left: 0px !important;
    }
}

@media(max-width:1023px) and (min-width:768px) {
    /*== 17 Oct 2017 ===== - awadhesh  - redesign Layout*/
    /*#page-content-wrapper {
        padding-bottom: 30px !important;
    }*/

    .noleftpad {
        padding-left: 0px !important;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .dgd-view-btn {
        margin-top: 0px !important;
    }

    .md-lg-padleft {
        padding-left: 0px !important;
    }
}
/*=================end for browser minimise===============*/
/* Large Screen more then 1366*/
@media only screen and (min-width : 1368px) {
    .country-tree {
        height: calc(100vh - 220px);
    }
}


/*==================For IE 10 and above browser=====================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #wrap {
        margin-bottom: 20px !important;
    }

    .loginfirst {
        margin-bottom: 20px !important;
    }

    .btn-group, .btn-group-vertical {
        vertical-align: top;
    }
}

/*================== For Safari browser=====================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn-group, .btn-group-vertical {
        vertical-align: top !important;
    }

    .traycontent {
        overflow: auto;
    }

    select.mtechformcontrol {
        /*text-indent: 0px;
        line-height: 19.5px;*/
    }

    .scroll225 {
        height: 225px;
        height: auto;
    }
}



@media only screen and (min-width: 992px) {
    .mdpad20 {
        margin-top:20px!important;
    }

    .mdpad40 {
        margin-top:40px!important;
    }

    .mdpad30 {
        margin-top:30px!important;
    }
}


/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}

.time_circles .textDiv_undefined span:first-child:after {
   content: attr(title) ": ";
}

@charset "utf-8";
/* CSS Document */
/*Color code change as suggested mtech team for Queued selected etc........ 02 Dec 2017 */

@font-face {
    font-family: 'OpenSans';
    src: url('/Fonts/mtechfonts/OpenSans-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/Fonts/mtechfonts/OpenSans-Bold.ttf');
    font-weight: 700;
}

@-ms-viewport {
    width: auto !important;
}

html {
    overflow-y: hidden;
    touch-action: none;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'OpenSans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 13px;
    line-height: 1.3em;
    color: #242729;
    overflow-y: hidden;
    touch-action: none;
    display: block;
    position: fixed;
}

.banner {
    background-color: #0b1c24;
    background-image: -webkit-linear-gradient(top, #020305 0%, #0a0d12 10%,#0f3647 20%,#0f384a 30%,#103a4a 40%,#12171b 50%,#020305 60%, #0a0d12 70%,#0f3647 80%,#0f384a 90%,#103a4a 100%);
}

.banner img {
    height: calc(100vh - 92px);
    min-height: 200px;
    max-height: 100%;
    max-width: 100%;
    box-shadow: 0px 1px 18px rgba(16, 32, 38, 0.99);
    -webkit-box-shadow: 0px 1px 18px rgba(16, 32, 38, 0.99);
    -moz-box-shadow: 0px 1px 18px rgba(16, 32, 38, 0.99);
    -ms-box-shadow: 0px 1px 18px rgba(16, 32, 38, 0.99);
    -o-box-shadow: 0px 1px 18px rgba(16, 32, 38, 0.99);
}

.taglinetext {
    margin: 4px auto;
    text-align: center;
    color: #313131;
    font-size: 15px;
    font-weight: 600;
    -webkit-animation: colorchange 20s infinite alternate;
    -moz-animation: colorchange 20s infinite alternate;
    -o-animation: colorchange 20s infinite alternate;
    -ms-animation: colorchange 20s infinite alternate;
    animation: colorchange 20s infinite alternate;
}

@-webkit-keyframes colorchange {
    0% {
        color: #6a6a6a;
    }

    10% {
        color: #0c0c0c;
    }

    20% {
        color: #050505;
    }

    30% {
        color: #070606;
    }

    40% {
        color: #060607;
    }

    50% {
        color: #060609;
    }

    60% {
        color: #101010;
    }

    70% {
        color: #151515;
    }

    80% {
        color: #0c0c0c;
    }

    90% {
        color: #060607;
    }

    100% {
        color: #090909;
    }
}

table tr td {
    font-size: 11px;
}

#tabSessionParameters div {
    font-size: 11px;
}

.captchalabel {
    margin-top: 10px;
}

    .captchalabel + br {
        display: none;
    }


.licensegeneratorbtn, .licenseexpired {
    margin-left: 25%;
    width: auto;
    display: block;
    text-align: center !important;
    float: left;
    margin-top: 45px;
}

.licenseexpired {
    margin-left: 30.5%;
}

.modal-title {
    font-size: 14px !important;
}

.nodisplay {
    display: none !important;
}

.ajaxloader {
    background: url('./Images/Loader30.gif') no-repeat center center;
    min-height: 30px;
}

.browsepic {
    display: inline-block;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.themepar {
    margin-top: 5px;
}

#tray {
    bottom: 20px;
}

.themepar label {
    color: #fff;
    margin-right: 5px;
}

.themepar select {
    border-radius: 4px;
}

/*======== Modal Confirm =============*/
.confirmmodal {
    /*top: 35%;*/
    z-index: 999999 !important;
    background: rgba(0, 0, 0, 0.21);
}

    .confirmmodal .modal-dialog {
    }

.aruncancelmodalbtn {
    margin-left: 10px;
}

#erroModal {
    z-index: 999999;
    background: rgba(0, 0, 0, 0.21);
}
/*======== end Modal Confirm =============*/
.modal .modal-footer .btn-group {
    vertical-align: baseline;
}
/*============ model level=================*/
.modal-level-2 {
    z-index: 1099;
    background-color: rgba(189, 189, 189, 0.5);
}

.modal-level-3 {
    z-index: 1199;
    background-color: rgba(189, 189, 189, 0.4);
}

.modal-level-4 {
    z-index: 1299;
    background-color: rgba(189, 189, 189, 0.3);
}
/*============End model level=================*/
/*======== disabled css =============*/
.form-control[disabled], fieldset[disabled] .form-control, .smalltextbox[disabled] {
    color: #000;
}

.errordisplay {
    display: block !important;
    clear: both !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .smalltextbox[disabled] {
    background-color: #fff;
    cursor: not-allowed !important;
}
/*======== end disabled css =============*/
.multiselect-native-select .btn-group, .btn-group-vertical, .multiselect-container {
    width: 100% !important;
}

.multiselect-native-select .multiselect {
    width: 100% !important;
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
}

div.xyz {
    margin-bottom: 15px;
}

.toggled-2 .submitarea {
    width: 44%;
    float: right;
}

#wrapper > div > div > div > .mCSB_container {
    left: 0px !important;
}

.submitarea {
    width: 52%;
    float: right;
}
/*======== Captcha style==============*/
.captchalabel {
    margin-top: 10px;
}

    .captchalabel + br {
        display: none;
    }

.captchanachor {
    display: inline-block !important;
    position: relative;
    /*top: -50px;
    left: 50%;*/
    top: -63px;
    left: 185px;
    font-size: 16px;
    line-height: 1;
}
/*======== #Captcha style==============*/
/*======== #button style==============*/

.ptemp {
    line-height: 2;
}

.logo {
    margin-top: 2px;
    margin-bottom: 2px;
}

.logowrap {
    display: flex;
    align-items: center;
    height: 34px;
}

.prodogiouslogo {
    float: right;
    display: flex;
    align-items: center;
    height: 34px;
}

    .prodogiouslogo img, .logowrap img {
        max-height: 32px;
        height:26px; /*added height on 17 jan as suggested by pallavi*/
    }

.navbar-toggle {
    padding: 3px 3px !important;
}

.favlink .fa-stack {
    height: 26px;
    line-height: 26px;
}

.avtar {
    width: 26px;
    height: 26px;
}

.favlink {
    margin-top: 3px;
    overflow-y: auto;
    height: 30px;
}

    .favlink a {
        color: #fff;
        display: inline-block;
    }

.navbar {
    min-height: 26px;
}

.navbar-default .navbar-toggle {
    background-color: #fff;
    margin-top: 5px;
    margin-bottom: 3px;
    float: right;
    margin-right: 0;
}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff;
    }

.padright {
    padding: 18px !important;
}

.rightnotification {
    float: right;
}
    /*ribbon customization*/
    .rightnotification a {
        color: #fff;
    }

    .rightnotification .nav > li > a {
        padding: 3px 4px;
    }

    .rightnotification .dropdown-menu > li > a {
        padding: 3px 20px;
    }

    .rightnotification .fa {
        margin-right: 10px;
    }


/*#/ribboncustomization*/
#bs-example-navbar-collapse-1 {
    /*background-color:#fff !important;*/
    float: left;
    padding-right: 0;
}

.bs-example-navbar-collapse-8 {
    /*background-color:#fff !important;*/
    float: left;
    padding-right: 0;
}

#bs-example-navbar-collapse-9 {
    /*background-color:#fff !important;*/
    float: left;
    padding-right: 0;
}
/*============ Base =================*/
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        /*padding-left: 250px;*/
        padding-left: 215px;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

#sidebar-wrapper {
    z-index: 1001;
    position: absolute;
    left: 215px;
    width: 0;
    height: 100%;
    margin-left: -215px;
    overflow-y: auto;
    background: #90A4AE;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 215px;
}

#sidebar-wrapper > div > div::after {
    
    line-height: 1;
    height: 25px;
    display: block;
}

#page-content-wrapper {
    position: relative;
    padding: 10px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    /*height: 92vh;*/ /*arun check if possible without giving height 88vh old*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.main-content {
    padding-left: 10px;
    padding-right: 20px;
    min-height: calc(100vh - 80px);
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.footer-align {
    /*padding: 0px;
    padding-left: 60px;*/
}
/*========== Base end ==========*/
.input-group-addon {
    padding: 4px 12px;
}

.fixed-brand {
    width: auto;
}

#erroModal .modal-content {
    background-color: #ffebee;
    box-shadow: 0 5px 15px rgba(150, 8, 8, 0.74);
}

    #erroModal .modal-content .error-head {
        top: -6px;
        position: relative;
        padding-left: 25px;
        font-weight: 700;
    }


.sidebar-nav {
    /* position: absolute;*/
    top: 0;
    /*width: 250px;*/
    width: 215px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}

    .sidebar-nav li {
        text-indent: 15px;
        line-height: 25px;
    }

#sidebar-wrapper .fa-stack {
    line-height: 25px;
    height: 25px;
}

/*large images and logo css awadhesh 31 Aug 2017*/
.img-panel {
    margin: 0 auto;
    display: table;
    padding-top: 5px;
    text-align: center;
}

    .img-panel .img-container {
        width: 100px;
        height: 110px;
        border: 1px solid #90A4AE;
        display: flex;
        align-items: center;
        text-align: center;
        display: -webkit-inline-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }

        .img-panel .img-container img {
            display: block;
            width: auto !important;
            height: auto !important;
            margin: auto !important;
            max-width: 98px;
            max-height: 108px;
        }

    .img-panel .img-control-container {
        padding-top: 5px;
        text-align: center;
    }

.img-panel-small {
    display: table;
    padding-top: 5px;
    float: left;
}

    .img-panel-small .img-container-small {
        width: 100px;
        height: 110px;
        border: 1px solid #90A4AE;
        display: flex;
        align-items: center;
        display: -webkit-inline-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }

        .img-panel-small .img-container-small img {
            display: block;
            width: auto !important;
            height: auto !important;
            margin: auto !important;
            max-width: 98px;
            max-height: 108px;
        }
/*images and logo css awadhesh 31 Aug 2017*/

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .sidebar-nav li a:hover {
        text-decoration: none;
        border-left: #FBC02D 2px solid;
    }

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #212121;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: #fff;
            background: none;
        }

.no-margin {
    margin: 0;
}

.toggled-2 #product .thumbnail .thumbtxt {
    display: table;
    height: 32px;
    width: 100%;
    float: left;
    margin-left: 6px;
    transition: width 0.1s;
    overflow-y: hidden !important;
    text-overflow: clip;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#product .thumbnail .thumbtxt {
    display: table;
    height: 32px;
    width: 100%;
    float: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
    /*10-4 */

    #product .thumbnail .thumbtxt span {
        display: table-cell;
        vertical-align: middle;
    }

.dashimg {
    width: 100% !important;
    height: 32px !important;
    float: left !important;
    display: block !important;
}

#product .thumbnail img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    float: left;
}

.footer p, .footerfirst {
    padding: 2px;
    font-size: 10px;
    width: 100%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.rowfooter {
    padding: 0 5px;
    border-right: 1px solid;
}

.footerfirst {
    padding-left: 7px !important;
}

.mtechfieldset, .mtechfieldsetwithnolegend {
    padding: 5px 10px 12px !important;
    margin: 0 2px !important;
    border: 1px solid #CFD8DC !important;
    box-shadow: 1px 1px #CFD8DC;
    /*overflow: hidden;*/
    content: '';
}

.mtechlegend {
    width: auto;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
    color: #6a6a6a;
    font-size: 13px;
    font-weight: bold;
    border-bottom: none;
    display:table;
    margin-bottom: 0 !important;
}

.mtechfieldsetwithnolegend {
    margin-top: 10px !important;
}

/*---- company-------------*/
#tab1content .form-control, #search .form-control {
    font-size: 13px;
    height: 32px;
}

#search .btn {
    padding: 5px 12px;
}

#fileupload {
    display: none;
}

.dob {
    width: 83%;
    float: left;
    margin-right: 1%;
}

    .dob + img {
        width: 18px;
        padding-top: 3px;
    }

.ui-datepicker {
    z-index: 3;
}

.ui-widget-header {
    background-color: #90A4AE !important; /*custom for dob*/
}

#wrapper.toggled-2 .dob + img {
    width: 20px;
    padding-top: 3px;
}

.empimg {
    width: 100%;
    margin-bottom: 10px;
}

.uploadimg {
    width: 100%;
}

#contents .form-group {
    margin-bottom: 4px;
}

/*=====tab style===========*/
#tab2content {
    margin-top: 15px;
}

#tabbedgroup {
    margin-top: 20px;
    margin-bottom: 15px;
}

.nav-tabs > li > a {
    margin-right: 2px;
}

.normaltabs > li > a {
    padding: 1px 60px;
    margin-bottom: 2px;
}

    .normaltabs > li > a, .normaltabs > li > a:hover {
        color: #000;
        margin-right: 2px;
    }

.normaltabs > .active > a {
    font-size: 13px;
    color: #fff !important;
}

.normaltabs1 > li > a {
    padding: 1px 40px;
    margin-bottom: 2px;
}

    .normaltabs1 > li > a, .normaltabs1 > li > a:hover {
        color: #000;
        margin-right: 2px;
    }

.normaltabs1 > .active > a {
    font-size: 13px;
    color: #fff !important;
}

.normaltabs2 > li > a {
    padding: 1px 10px;
    margin-bottom: 2px;
}

    .normaltabs2 > li > a, .normaltabs2 > li > a:hover {
        color: #000;
        margin-right: 2px;
    }

.normaltabs2 > .active > a {
    font-size: 10px;
    color: #fff !important;
}

.normaltabs2 > li > a {
    font-size: 9px;
}
.nav-tabs.nav-justified > li > a {
    margin-right: 2px;
    padding: 1px 15px;
}

.multiselectlabel {
    font-size: 11px;
    position: relative;
    left: 15px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500 !important;
}

    .multiselectlabel input[type="checkbox"] {
        left: -15px;
        position: absolute;
        top: -3px;
    }

.activearun {
    background-color: #90A4AE !important;
}
/*table style */

#table1 th {
    color: #fff;
    text-align: center;
}

#tab3 {
    margin-top: 15px;
}

.mtechformcontrol {
    height: 25px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 18px;
}

select {
    min-width: 70px !important;
}

    select option {
        font-size: 11px !important;
    }

input[type=checkbox], input[type=radio] {
    vertical-align: text-bottom;
}

.tdtype select {
    min-width: 85px !important;
}

.mtechlabel {
    padding-top: 4px !important;
    font-size: 11px !important;
    text-align: left !important;
}

.mtechformgroup {
    margin-bottom: 10px;
    /*overflow: hidden;*/
    content: '';
}

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

.checkbox-inline, .radio-inline {
    margin-bottom: 5px !important;
    padding-left: 25px;
}

.mtechcheck input[type=radio], .mtechcheck input[type=checkbox] {
    margin-top: 2px !important;
    float: left;
    margin-right: 2px !important;
}

.mtechcheck label.alignBx {
    margin-right: 10px;
}

    .mtechcheck label.alignBx input[type=checkbox] {
        margin-top: 0px !important;
        float: inherit;
    }

.customsub {
    padding: 6px 12px;
    line-height: 1;
}

.customform {
    padding-top: 20px;
    padding-bottom: 6px;
}

.formdesign2 {
    padding-bottom: 5px;
    padding-bottom: 5px;
}

    .formdesign2 form {
        padding: 0 5px;
    }

.formdesign2heading {
    margin: 0;
    padding: 5px;
    color: #fff;
    margin-bottom: 10px;
}

.sysparametertbl, sysparametertbl1 {
    width: 100%;
}

    .sysparametertbl th, .sysparametertbl td, .sysparametertbl1 th, .sysparametertbl1 td {
        padding: 2px 5px;
        font-size: 11px !important;
    }

        .sysparametertbl th:first-child {
            width: 73%;
        }

        .sysparametertbl1 th:first-child {
            width: 60%;
        }
/*end table style*/
/*data table styles*/
#example > thead > tr > th, .mtechtable > thead > tr > th {
    color: #fff;
    text-align: center;
    padding: 4px 18px;
    padding-right: 17px !important;
    background-clip: padding-box;/*edited by Awadhesh 23Feb2018*/
}

.mtechtable > tfoot > tr > td{
    font-weight:bold !important;
    color: #fff !important;
    
     background-clip: padding-box;/*edited by Awadhesh 23Feb2018*/
}

.mtechtable {
    width: 99.5%!important;
}

    .mtechtable > tbody > tr > td {
        text-align: left;
        padding: 1px 10px;
        font-size: 11px;
        background-clip: padding-box; /*edited by Awadhesh 23Feb2018*/
    }



#example td:nth-child(4), #example td:nth-child(3) {
    text-align: right; /*for numeric value*/
}

#example tbody tr:hover, .mtechtable tbody tr:hover {
    /*font-weight: 700;*/
    cursor: pointer;
    text-shadow: 1px 0px 0px #ccc;
}

/*#example tbody tr:hover td
{
    font-size:12px !important;
}*/
.dataTables_length label, .dataTables_filter label {
    font-size: 11px;
    margin-left: 3px;
    margin-top: 3px;
}

    .dataTables_length label select {
        border-radius: 5px;
        border: 1px solid #ccc;
        height: 25px;
        line-height: 18px;
        /*padding: 1px 6px;*/
        padding: 1px 0px;
        font-weight: 500 !important;
        min-width: auto !important;
    }

    .dataTables_filter label > input[type="search"] {
        border-radius: 5px;
        outline: none;
        height: 25px;
        padding: 1px 6px !important;
        border: 1px solid #ccc !important;
        font-weight: 500 !important;
    }

table.dataTable thead th, table.dataTable thead td {
    padding: 4px 18px;
    width: auto !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1px 10px;
    font-size: 11px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 1px 3px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
    /*margin-left: 25px !important;*/
}

.dataTables_wrapper .dataTables_length {
    margin-right: 5px;
}

.dataTables_wrapper {
    display: table;
}

.mtechprint {
    margin-top: 4px;
    /*float: right;*/
    margin-right: 8px;
}

div.dt-buttons {
    float: right;
    height: 35px;
    padding-top: 2px;
}

.mtechprint a {
    font-size: 15px;
}

.excelicon {
    margin-right: 4px;
}
/*end data table style*/
/*Disclaimer style start*/
.disclaimerloader {
    width: 100%;
    float: left;
    position: relative;
    height: 245px;
}

    .disclaimerloader img {
        position: absolute;
    }

.first1 {
    padding-top: 3px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}


.firstgear {
    left: 4px;
    width: 85px;
    top: 100px;
    animation: ar-spin 3s linear infinite;
    -webkit-animation: ar-spin 3s linear infinite;
    -moz-animation: ar-spin 3s linear infinite;
    -ms-animation: ar-spin 3s linear infinite;
}

.secondgear {
    top: 175px;
    left: 106px;
    width: 50px;
    animation: ar-spin 3s linear 1s infinite;
}

.thirdgear {
    left: 90px;
    top: 106px;
    width: 68px;
    animation: ar-spin 3s linear 0.5s infinite reverse;
}

.fourthgear {
    right: 21px;
    top: 88px;
    width: 84px;
    animation: ar-spin 3s linear 1.5s infinite;
}

.fifthgear {
    right: 53px;
    width: 80px;
    top: 17px;
    animation: ar-spin 3s linear 2s infinite reverse;
}

.sixgear {
    left: 60px;
    width: 65px;
    top: 8px;
    animation: ar-spin 3s linear 2.5s infinite;
}

.sevengear {
    left: 63px;
    top: 67px;
    animation: ar-spin 3s linear 3s infinite reverse;
}

@keyframes ar-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes ar-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes ar-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes ar-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.labtxt1 {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.basuit, .copylaw {
    margin-top: 15px;
    color: #000;
    padding: 0;
    /* background-color: #fff; */
    text-align: center;
    margin-bottom: 6px;
}

.mtechlogo {
    float: right;
}

    .mtechlogo img {
        height: 30px;
    }

    .mtechlogo span {
        color: #5b4734;
        position: relative;
        top: 7px;
        font-weight: bold;
        left: -3px;
    }

.copyright {
    float: left;
    margin-top: 2px;
    padding-left: 15px;
    margin-bottom: 2px;
    width: 100%;
    text-align: center;
}

.copylaw {
    color: #f79d35;
}
/*end disclaimer style*/
/*notification jgrowl start*/
#jGrowl .ui-state-highlight {
    border: 1px solid #607D8B;
    color: #fff;
    background-color: #607D8B;
}

.arunwarning {
    color: #000 !important;
    background-color: #FFEBEE !important;
}

.arunwarninggreen {
    color: #000 !important;
    background-color: rgba(165,214,167, 0.95) !important;
}

.arunwarningyellow {
    color: #000 !important;
    background-color: #FFF9C4 !important;
}

.error {
    font-size: 23px;
    position: absolute;
    color: #F44336;
    /* border: 4px solid; */

    left: 0px;
    top: 6px;
}

.confirm {
    font-size: 23px;
    position: absolute;
    color: #4CAF50;
    /* border: 4px solid; */
    left: 0px;
    top: 6px;
}

.warning {
    font-size: 23px;
    position: absolute;
    color: #FF6F00;
    /* border: 4px solid; */
    left: 0px;
    top: 6px;
}

.jGrowl-header, .jGrowl-message {
    padding-left: 27px;
}

.jGrowl-header {
    font-size: 1em !important;
    position: relative;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    position: relative;
}
/*end notification jgrowl*/
/*modal style start*/
.modal {
    margin-bottom: 15px;
}

.modaleditform, .modal-header {
    padding: 2px 15px;
    color: #fff;
}

    .modal-header .close {
        margin-top: 2px;
        color: #fff !important;
    }

    .modal-header .closeM {
        margin-top: 2px;
        color: #fff !important;
    }
    /*To be checked by Awdhesh for blur*/
.modal-content {
    -webkit-font-smoothing: subpixel-antialiased;
    /*-webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter:blur(0px);
    filter: blur(0px);*/

    backface-visibility: hidden;

    transform: translateZ(0);

    zoom: 101%;

    transform: perspective(1px) translateZ(0);
    backface-visibility: hidden;


}
/*end modal style*/
/*mtechbtn style*/
.mtechbtn {
    min-width: 70px;
    border-radius: 25px;
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
    cursor: pointer;
    margin-bottom: 5px;
}

.mtechbtndash {
    min-width: 70px;
    border-radius: 25px;
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
    cursor: pointer;
    margin-bottom: 2px;
}

.title {
    padding: 3px 5px;
    float: left;
    color: #000;
    /* font-weight: 800; */
    font-size: 12px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    text-transform: capitalize;
    /*border-right: 1px solid rgba(255,255,255,0.3);*/
}

.btnicon {
    padding: 3px 5px;
    /*float: left;*/
    float: right; /*because multi laungage icon always right - 29Sept2017 - awadhesh*/
    color: rgba(0,0,0,0.4);
    /* font-weight: 800; */
    font-size: 12px;
    text-shadow: 1px 1px rgba(255,255,255,0.3);
    text-transform: uppercase;
    border-left: 1px solid rgba(0,0,0,0.2);
}

    .btnicon i {
        color: #000;
    }
/* colors */
.yellow {
    background: linear-gradient(#ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -webkit-linear-gradient(#ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -moz-linear-gradient(#ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -ms-linear-gradient(#ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
}

    .yellow:hover {
        background: rgb(254,191,4);
        background: -webkit-linear-gradient(top, #FFA726,#FFE0B2);
        background: -moz-linear-gradient(top, #FFA726,#FFE0B2);
        background: -ms-linear-gradient(top, #FFA726,#FFE0B2);
        background: linear-gradient(top, #FFA726,#FFE0B2);
    }

.green {
    background: rgb(143,200,0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1)));
    background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
    background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
    background: linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 );
}

    .green:hover {
        background: rgb(102,142,0);
        background: -moz-linear-gradient(top, rgba(102,142,0,1) 0%, rgba(143,200,0,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1)));
        background: -webkit-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
        background: -o-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
        background: linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%);
    }

.green2 {
    background: linear-gradient(to bottom, #8bc34a, #c5e1a5 50%, #dcedc8 50%, #8bc34a) repeat scroll 0 0;
    background: -moz-linear-gradient(to bottom, #8bc34a, #c5e1a5 50%, #dcedc8 50%, #8bc34a) repeat scroll 0 0;
    background: -webkit-gradient( linear, left top, left bottom, from(#8BC34A), color-stop(0.50, #C5E1A5), color-stop(0.50, #DCEDC8), to(#8BC34A));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
}

    .green2:hover {
        background: linear-gradient(to bottom, rgba(102, 142, 0, 1), rgba(143, 200, 0, 1)) repeat scroll 0 0;
        background: -moz-linear-gradient(to bottom, rgba(102, 142, 0, 1), rgba(143, 200, 0, 1)) repeat scroll 0 0;
        background: -ms-linear-gradient(to bottom, rgba(102, 142, 0, 1), rgba(143, 200, 0, 1)) repeat scroll 0 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1)));
    }

.red {
    background: linear-gradient(to bottom, #E57373,#FFCDD2 50%, #FFEBEE 50%, #FFCDD2) repeat scroll 0 0;
    background: -moz-linear-gradient(to bottom, #E57373,#FFCDD2 50%, #FFEBEE 50%, #FFCDD2) repeat scroll 0 0;
    background: -ms-linear-gradient(to bottom, #E57373,#FFCDD2 50%, #FFEBEE 50%, #FFCDD2) repeat scroll 0 0;
    background: -webkit-gradient( linear, left top, left bottom, from(#E57373), color-stop(0.50, #FFCDD2), color-stop(0.50, #FFEBEE), to(#FFCDD2));
}

    .red:hover {
        background: linear-gradient(to left bottom,#FFCDD2,#EF9A9A);
        background: -ms-linear-gradient(to left bottom,#FFCDD2,#EF9A9A);
        background: -moz-linear-gradient(to left bottom,#FFCDD2,#EF9A9A);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCDD2), color-stop(100%,#EF9A9A));
    }

.jstree-anchor.jstree-disabled {
    cursor: not-allowed;
}

.imagebg {
    width: 52px;
    border: 1px solid #90A4AE;
    height: 52px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: CENTER;
    align-items: center;
}

    .imagebg img {
        width: auto;
        height: auto;
        max-width: 50px;
        max-height: 50px;
    }

.captureimg {
    padding-left: 0px;
    float: left;
}

.captureimg1 {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}
/*end mtechbtn style*/
/*companystyle start*/
.secondpart {
    padding-right: 0;
    padding-left: 4px;
}

.companyfirst {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.complogo {
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    margin-top: 10px;
    padding-left: 50px;
}


.buttonpart {
    clear: both;
    display: block;
    float: left;
    margin-right: 1%;
    margin-top: 10px;
}

.picpart, .emppicpart {
    width: 52px;
    border: 1px solid #90A4AE;
    height: 52px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: CENTER;
    align-items: center;
}

.resumepicpart {
    width: 100%;
    display: block;
    float: left;
}

    .resumepicpart .picpart {
    }

    .resumepicpart .buttonpart {
    }


.resumemodalheaderSearchtbl {
    height: 80px;
}

.resumemodalheader {
    height: 90px;
}

#tblPersonDetails tr td:first-child, #tblPersonDetails tr td:nth-child(2) {
    word-break: break-all;
}

.PreviewLogo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.addbtn, .locbtn, .editbtn, .deletebtn, .savebtn, .clearbtn, .exitbtn {
    width: auto;
    /*float: left;*/
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btnright {
    width: auto;
    width: -moz-fit-content;
    /*float: right;*/
    margin-left: 9px;
    /*margin-left: 10px;*/
    margin-bottom: 10px;
    display: inline-block;
}

.modal .btnright {
    width: auto;
    width: -moz-fit-content;
    margin-left: 9px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

.btnrightexit {
}

.autobtn {
    width: auto;
    float: left;
}
/*end companystyle*/
.tempthumb {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    height: 50px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.dashimg1 {
    width: 52px;
    height: 52px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -2px;
    right: -14px;
    text-align: center;
    display: flex;
}

    .dashimg1 img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        align-self: center;
        margin: auto;
    }

.licenseUserTable {
    width: 98% !important;
    font-size: 11px;
}

    .licenseUserTable tr td {
        padding: 7px 10px;
        line-height: 1;
        word-wrap: break-word;
        word-break: normal;
    }

    .licenseUserTable label {
        padding-top: 0px !important;
        margin-bottom: 0 !important;
    }

.dashdetails {
    width: 82%;
    position: absolute;
    top: 0;
    text-align: center;
    height: 48px;
    overflow: hidden;
    color: #fff;
    display: table;
    padding: 0px 5px;
}

    .dashdetails > span {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
    }

        .dashdetails > span > span {
            display: inline-block;
            max-height: 48px;
            overflow: hidden;
        }

.tempthumb:hover {
    box-shadow: 2px 2px 1px 0px #FF9800, -3px 4px 3px 1px #FF9800;
}

.dashboard {
    margin-bottom: 10px;
}
/*======menu manager style=============*/
.buttonuparea {
    text-align: center;
}

.updown {
    height: 220px;
    vertical-align: middle;
    margin-top: 110px !important;
}

.menu-btn {
    width: 107%;
    float: left;
    margin-left: -48px;
    margin-top: 5px;
}


.iconpart {
    width: 52px;
    border: 1px solid #90A4AE;
    height: 52px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: CENTER;
    align-items: center;
    float: left;
}

    .iconpart img, .picpart img {
        width: auto;
        height: auto;
        max-width: 50px;
        max-height: 50px;
    }


#menutree {
    /*height: 295px;*/
    /*overflow: auto;*/
    border: 1px solid #eceff1;
}

#companyTree {
    /*height: 425px;*/
    height: calc(100vh - 160px);
    overflow: auto;
}

.company-form {
    /*height: 435px;*/
    height: calc(100vh - 150px);
    overflow-x: hidden;
}

.iconimage {
    display: block;
    float: left;
    width: 100%;
}


.menuicons {
    width: 100px;
    height: 110px;
    float: left;
    margin: 10px;
    display: inline-block;
    box-sizing: content-box;
    padding: 3px;
    border: 1px solid #fff;
}

    .menuicons > div {
        height: 110px;
        width: 100px;
        margin: auto;
        text-align: center;
        /* display: table; */
        vertical-align: middle;
        display: table-cell;
        border: 1px solid #009688;
    }

        .menuicons > div:hover, .iconborder {
            border: 2px groove #009688 !important;
            box-sizing: border-box;
        }


.iconimage img {
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
}

.systemIconsName {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*==========end menu manager style===============*/
/*==========currency details style===============*/
.decimalsep {
    float: left;
}

.currency-form {
    max-height: 370px;
    overflow: auto;
}

.currencydiv {
    width: 100%;
    display: block;
    float: left;
}

.currencytbl th {
    padding: 5px !important;
    padding-right: 17px !important;
}

.currencycustom .mtechformcontrol, .currencydiv .mtechformcontrol {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.currencyitems {
    display: inline-block;
    width: 93%;
    float: left;
    word-wrap: break-word;
    font-size: 11px;
}

.currencylbl {
    padding-top: 4px !important;
    font-size: 11px !important;
    text-align: left !important;
    width: 55%;
    float: left;
    display: inline-block;
}

#spSeparator, #spDecimalString {
    padding-top: 3px;
}

.currrighttext {
    margin-left: 2%;
    display: inline-block;
    width: 43%;
    float: left;
    word-wrap: break-word;
    font-size: 11px;
}

#tblCurrency td:nth-child(3), #tblCurrency td:nth-child(4), #tblExchnageRates td:nth-child(4), #tblExchnageRates td:nth-child(3), .textright {
    text-align: right !important;
    padding-right: 3px !important;
}

.currencydec {
    width: 45px !important;
    float: right;
}

.tblCurrencyDef {
    width: 100%;
    height: 375px;
    overflow: auto;
}

.tblcurrencymaster {
    width: 100%;
}

.currencymastertbl {
    height: 75vh;
}

.tblcurrencymaster table {
    width: 100% !important;
}

.tblcurrencymaster th, .tblcurrencymaster td {
    word-wrap: break-word;
}

    .tblcurrencymaster th:nth-child(1) {
        width: 78px !important;
    }

    .tblcurrencymaster th:nth-child(2) {
        width: 115px !important;
    }

    .tblcurrencymaster th:nth-child(3) {
        width: 120px !important;
    }

    .tblcurrencymaster th:nth-child(4), .tblcurrencymaster th:nth-child(5), .tblcurrencymaster th:nth-child(6), .tblcurrencymaster th:nth-child(9), .tblcurrencymaster th:nth-last-child(1), .tblcurrencymaster th:nth-last-child(2) {
        width: 100px !important;
    }

    .tblcurrencymaster th:nth-child(7), .tblcurrencymaster th:nth-child(8) {
        width: 105px !important;
    }

    .tblcurrencymaster th:nth-child(10) {
        width: 170px !important;
    }

    .tblcurrencymaster th:nth-last-child(3), .tblcurrencymaster th:nth-last-child(4) {
        width: 135px !important;
    }

/*==========end currency details style===============*/
/*==========Role manager style===============*/
.roletree, .mtechlistbox {
    width: 100%;
    margin-bottom: 15px;
}

    .roletree th {
        color: #fff;
        text-align: center;
    }

    .roletree td:nth-child(4), #example td:nth-child(3) {
        text-align: right; /*for numeric value*/
    }

    .roletree tbody tr:hover {
        font-weight: bold;
    }

    .mtechlistbox th, .mtechlistbox td {
        text-align: left;
    }

    .mtechlistbox tbody tr:hover {
        font-weight: bold;
        cursor: pointer;
    }

.role-multilist {
    height: 360px;
    overflow: auto;
}

.noofassgin {
    width: 6%;
    font-size: 11px;
}

#treecheck {
}

.rolediv {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.clearfix {
    clear: both;
}

#tblCurrency tr:hover {
    cursor: pointer;
}

.rolebtnarea, .btnarea {
    display: block;
    margin-top: 15px;
    /*margin-bottom: 15px;*/
    /*float: right;*/
    text-align: right;
}
/*==========end Role manager style===============*/
/*==========Translation style===============*/
#tabModules, #tabParameters, .tabwithborder {
    padding: 15px 15px;
    width: 100%;
    float: left;
    border-top: 0;
}

.innertabwithborder {
    padding: 7px;
    width: 100%;
    float: left;
    border-top: 0;
}
/*==========end Translation style===============*/
/*========== Country Master style===============*/
#countryIdentity {
    cursor: pointer;
}

.cityMaster form {
    margin-top: -9px;
}

.selecttree {
    background: #beebff;
    border-radius: 2px;
    padding: 3px;
    box-shadow: inset 0 0 1px #999;
}

.country-tree {
    height: 400px;
    overflow: auto;
}

/*========== end Country Master style===============*/
/*========== License style===========*/
.licenseinterval {
    display: inline-block !important;
    float: left !important;
    margin-left: 3px !important;
    margin-right: 5px !important;
}

.liceintervalvalidator {
    float: right !important;
    margin-top: 3px;
}

.mtechborder {
    border: 1px solid #90A4AE;
    border-collapse: collapse;
}

.licensegeneratorbtn {
    margin-left: 25%;
    width: auto;
    display: block;
    text-align: center !important;
    float: left;
    margin-top: 45px;
}

.licenseusetbl {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px;
}

.licenseupperwrapper {
    float: right;
    width: 100%;
}

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

    .btnlicense button {
        float: right;
        margin-left: 5px;
    }
/*=========== end license style================= */
/*===========  User Definition style================= */
.userlocationmultilist {
    height: auto;
    max-width: 100%;
    max-height: 82px;
    overflow: auto;
    line-height: 1;
    padding-left: 5px;
    padding-right: 3px;
}

.usertree1 {
    /*height: 375px;*/
    /*overflow: auto;*/
}

.selected-user-location {
    width: 100% !important;
}

/*===========  end User Definition style================= */
/*========= page not found ================*/
.pagenotfound {
    position: relative;
    width: 100%;
    height: 90vh;
}

.statuscode {
    font-size: 6em;
    position: absolute;
    top: 30%;
    left: 8%;
    background-color: #ccc;
    width: auto;
    max-height: 90px;
    line-height: 75px;
    padding: 10px;
    border-radius: 10px;
}

.message {
    font-size: 3em;
    position: absolute;
    left: 21%;
    top: 31%;
    width: auto;
    max-height: 78px;
    line-height: 55px;
    padding: 10px;
}
/*========== Full Loader style ==========*/
#FullLoader{
    display:none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 999999;
    background-color: rgba(189, 189, 189, 0.4);
}

.cssload-loader {
    display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
     
    margin: auto; /*By - awadhesh 28Sept for safari*/
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

    .cssload-inner.cssload-one {
        left: 0%;
        top: 0%;
        animation: cssload-rotate-one 1.15s linear infinite;
        -o-animation: cssload-rotate-one 1.15s linear infinite;
        -ms-animation: cssload-rotate-one 1.15s linear infinite;
        -webkit-animation: cssload-rotate-one 1.15s linear infinite;
        -moz-animation: cssload-rotate-one 1.15s linear infinite;
        border-bottom: 3px solid rgb(245,127,23);
    }

    .cssload-inner.cssload-two {
        right: 0%;
        top: 0%;
        animation: cssload-rotate-two 1.15s linear infinite;
        -o-animation: cssload-rotate-two 1.15s linear infinite;
        -ms-animation: cssload-rotate-two 1.15s linear infinite;
        -webkit-animation: cssload-rotate-two 1.15s linear infinite;
        -moz-animation: cssload-rotate-two 1.15s linear infinite;
        border-right: 3px solid rgb(96,125,139);
    }

    .cssload-inner.cssload-three {
        right: 0%;
        bottom: 0%;
        animation: cssload-rotate-three 1.15s linear infinite;
        -o-animation: cssload-rotate-three 1.15s linear infinite;
        -ms-animation: cssload-rotate-three 1.15s linear infinite;
        -webkit-animation: cssload-rotate-three 1.15s linear infinite;
        -moz-animation: cssload-rotate-three 1.15s linear infinite;
        border-top: 3px solid rgb(0,0,0);
    }

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}



.modal-backdrop {
    background-color: #BDBDBD !important;
}
/*=====end loader style=============*/
/*========= end page not found ================*/
/*=========  Leave Type Definition ================*/
#formulatable td:nth-child(2) {
    width: 22%;
}

#btnGo {
    min-width: 60px;
}

.formuladef {
    width: 120px;
    float: left;
    text-align: left;
    margin-left: 5px;
    box-sizing: border-box;
}

    .formuladef.selected {
        background-color: #ccc;
        box-sizing: border-box;
        box-shadow: 2px 2px 2px #ccc;
    }

.leaveTypeId:hover {
    cursor: pointer;
}

.mtechlegend > input[type=checkbox], .mtechlegend > input[type=radio] {
    margin: 1px 0 0;
}

.leavemultibox {
    height: 194px;
    -ms-overflow-style: auto;
    line-height: 1;
    border: 1px solid #ccc;
    padding-left: 15px;
}
/*=========  Leave Type Definition end ================*/
/*=========  HRMS Parameter ================*/
.hrms-parameter-tab {
}

.empcodesep {
    float: left;
    margin-top: 5px !important;
    border: 1px solid #CFD8DC !important;
    box-shadow: 1px 1px #CFD8DC;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 3px;
}

.seperatorhrms {
    text-align: center;
    margin-left: -3px;
}

.openingbalancetbl {
    width: 100%;
    margin-top: 13px;
    margin-bottom: 10px;
}

.holidaytbl, .holidaytbl2 {
    width: 100%;
}

.hrms-tbl-height {
    min-height: 150px;
}

.tbl50col {
    width: 100%;
}

    .tbl50col td:first-child {
        /*width: 50%;*/
        padding-left: 15px;
    }

.postfixvalidation, .countervalidator {
    text-align: left;
}

#tableAudits td {
    width: 120px;
    word-break: break-all;
}

#tblAttendanceMachine_wrapper input[type="search"] {
    width: 115px;
}

.text-danger {
    font-size: 11px;
}

#divNamingSequence .text-danger {
    display: block !important;
}

.text-danger {
    color: #a94442 !important;
}
/*========= end HRMS Parameter ================*/
/*=========  Group Interview ================*/
.boxarea {
    width: 100%;
    display: block;
    float: left;
}


.licencetblHeight {
    height: 35px;
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    width: 85%;
}

    .rating > span {
        display: inline-block;
        position: relative;
        width: auto;
        font-size: 20px;
        margin: 0 0 0 14%;
    }

        .rating > span:last-child {
            margin-left: 0;
        }

        .rating > span:hover:before,
        .rating > span:hover ~ span:before {
            content: "\2605";
            position: absolute;
            font-size: 20px;
            color: #FFC107;
            cursor: pointer;
        }


.tableSchRoundsDiv {
}

#tblScheduledRounds th:nth-child(2), #tblScheduledRounds th:nth-child(3), #tblScheduledRounds th:nth-child(4), #tblScheduledRounds th:nth-child(6) {
    width: 10%;
}

#tblScheduledRounds th:nth-last-child(2) {
    width: 16%;
}

.tblcommunicatemodal {
    width: 100%;
}
/*=========  Group Interview end================*/
/*========= Employee Master ================*/
.legendwithbuttontextpart {
    position: relative;
    top: -10px;
}

.legendwithbuttonpart {
    position: relative;
    top: 0px;
    display: inline-block;
}
/*#divDGDTree,*/
#divInformationTemplate {
    width: 100% !important;
    display: block;
    float: left;
}

#divInfoContent {
    width: 100% !important;
    display: block;
    float: left;
    height: 360px;
}

.infotemptbl {
    height: 350px;
    overflow: auto;
}

.infodetailtbl, #divInformationTemplateContent, #divInfoContent {
    width: 100% !important;
}

.dgdtree {
}

#divDGDTree i.jstree-icon.jstree-themeicon.jstree-themeicon-custom, #divDepartmentTree i.jstree-icon.jstree-themeicon.jstree-themeicon-custom, #divMainMenu i.jstree-icon.jstree-themeicon.jstree-themeicon-custom {
    background-size: 20px !important;
    font-size: 18px;
}

/*#divEmployeeSearchedDGDData,*/
#divEmployeeSearchedData {
    width: 815px;
    height: 200px;
    overflow: auto;
}

.searchdgd {
    margin-top: 20px; /*used once can change in other device*/
}

.reportauth {
    height: 200px !important;
}

.documenttbl {
    height: 70px;
    /*overflow: auto;*/
}

.bottomtrayfirst {
}
/*========= Employee Master end ================*/
/*========= Organization Structure start ===============*/
.organizationstructureinnerbtn {
    position: relative;
    width: 100%;
    display: block;
}

.organizationtree {
}

.organizationmultilist {
    cursor: pointer !important;
    height: 400px;
    overflow: auto;
}

.orgselallicon {
    font-weight: bold;
    font-size: 20px;
    margin-top: -1px;
}

.firstorgrow, .secondorgrow, .thirdorgrow {
    /*position: absolute;*/
    width: 100%;
}

.firstorgrow {
    top: 0;
}

.secondorgrow {
    /*top: 50px;*/
    margin-top: 10px;
    overflow: hidden;
}

.thirdorgrow {
    /*top: 120px;*/
    margin-top: 20px;
}

.orgbtnpart {
    width: 20%;
    display: block;
    float: left;
}

.orglblpart {
    width: 80%;
    display: block;
    float: left;
}

.firstlbl, .secondlbl, .thirdlbl, .arrowareaorg, .organizationstructureinnerbtn {
    display: block;
    width: 100%;
    float: left;
}

.orglblradio {
    float: right;
    margin-top: -2px;
}

.organizationstructureinnerbtn {
    border: 1px solid #CFD8DC !important;
    box-shadow: 1px 1px #CFD8DC;
    padding: 10px;
}

.depclsuser {
    list-style-type: none;
    font-size: 11px;
}

    .depclsuser:hover {
        cursor: pointer;
    }

/*========= Organization Structure end  ================*/
/*========= Department Rights ====================*/
.depclsuser {
    list-style-type: none;
    font-size: 11px;
}

    .depclsuser:hover {
        cursor: pointer;
    }

.tbldepright {
    height: 370px;
    overflow: auto;
}

.tbldeprightAllocated {
    height: 338px;
    overflow: auto;
}

.empwiserighttbl {
    max-height: 250px;
    overflow: auto;
}

#dvCompLocation {
}

.dvCompLocation {
    height: 367px;
}

#deprightbtn .title {
    min-width: 78px !important;
}
/*========= Department Rights end ====================*/
/*========= Leave Template  ====================*/
.leavetemptbl {
}
/*========= Leave Template end  ====================*/
/*=========  Leave Type Definition ================*/
.leaveallsecond {
    margin-top: 52px; /*can change to 0 for other devices once used*/
}

.leavedgdfirst {
    margin-top: 10px; /*can change to 0 for other devices once used*/
}

.leavedgdsecond {
    margin-top: 35px; /*can change to 0 for other devices once used*/
}

.leaveallocationtbl {
}

.leaveallocationtblleft {
    margin-top: 10px;
    height: 270px; /*height:295px*/
    /*overflow: auto;*/
}

.leaveapplicationtblleft {
    margin-top: 10px;
    height: 290px;
}

.autotempfoot {
    padding-right: 35px;
}

.findtblmodal {
}
/*=========  Leave Balance ================*/
.empdetailtbl, .empdetailtblright {
}

.tblrightfilterleave {
    margin-top: 105px;
}

.warningtxt p {
    color: red;
}

/*=========  Leave Balance end ================*/
/*=========  Leave Application ================*/
.leaveapprectbtn {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 20px;
}

.leaveapplicationtblright {
    height: 112px;
    /*overflow: auto;*/
}

/*=========  Leave Application end ================*/
/*=========  Leave Process ================*/
.leaveprocesstbl {
}

.modaltblleaveproc {
    /*max-height: 105px;
    overflow: auto;*/
}
/*=========  Leave Process end ================*/
/*=========  Leave Adjustment ================*/
.leaveadjusttbl {
}

    .leaveadjusttbl th:nth-child(2), .leaveadjusttbl th:nth-child(4), .leaveadjusttbl th:nth-child(5), .leaveadjusttbl th:nth-child(6) {
        width: 11%;
    }

.btnpartleaveadj {
    margin-top: 10px;
    text-align: right;
}

.leaveadjmodaltbl {
    max-height: 300px;
    overflow: auto;
}

    .leaveadjmodaltbl th {
        padding: 4px 13px !important;
    }

        .leaveadjmodaltbl th:nth-child(3), .leaveadjmodaltbl th:nth-child(7) {
            width: 20%;
        }
/*=========  Leave Adjustment end ================*/
/*=========  Leave Encashment ================*/
.tblleaveencashment {
    height: 275px;
}

.tbl-SerialnNo {
    width: 30px !important;
    width: 5% !important;
}

.tbl-select-col {
    width: 50px;
}
.tbl-width-150{
    width:150px !important;
}

.tblleaveencashmentright {
    height: 234px;
}

    .tblleaveencashmentright th {
        padding: 4px 10px;
    }


.leaveencashfindtblmodal {
}

    .leaveencashfindtblmodal th:nth-child(3) {
        width: 25%;
    }

    .leaveencashfindtblmodal th:nth-last-child(3) {
        width: 9%;
    }

.tblleaveprocess {
    margin-top: 10px;
    height: 350px;
}

    .tblleaveprocess th {
        padding: 4px;
    }

        .tblleaveprocess th:nth-child(3) {
            width: 13%;
        }

        .tblleaveprocess th:nth-child(2), .tblleaveprocess th:nth-child(4), .tblleaveprocess th:nth-child(6), .tblleaveprocess th:nth-child(7), .tblleaveprocess th:nth-child(10) {
            width: 9%;
        }
/*=========  Leave Encashment end ================*/
/*=========  Shift and Sessions ================*/
.shiftbtn {
    width: 100%;
    text-align: center;
}

.shifttbl {
}

    .shifttbl th {
        padding: 4px 10px;
    }

        .shifttbl th:nth-child(3) {
            width: 13%;
        }

        .shifttbl th:nth-child(7), .shifttbl th:nth-child(8) {
            width: 7%;
        }

.sessionstbl {
    height: 160px;
}
/*=========  Shift and Sessions end ================*/
/*========= Attendance Policty Template ==========*/

.tbllatecoming {
    height: 140px;
    overflow: auto;
}


.mtechtable tbody tr .textblue {
    color: #0829ea;
}

.mtechtable tbody tr .textgreen {
    color: #1B5E20;
}
/*========= Attendance Policty Template end ==========*/
/*========= Employee Shift Change ==============*/



.shiftchangecalpart {
    width: 50%;
    display: inline-block;
    float: left;
    margin-right: 7px;
}

.tblshiftplannertray {
    width: 48%;
    display: inline-block;
    float: left;
}

.shiftlastpart {
    width: 39%;
    float: left;
}
/*========= Employee Shift Change end ========*/

.firstparttblrighttray, .secondparttblrighttray {
    width: 48%;
    float: left;
    margin-left: 1%;
}

.emprighttray table tr, .emprighttray table td {
    border: none !important;
}

/*=========== Employee Shift Allocation end ====*/

.boxrecordedtime {
    width: auto;
    margin-top: 10px;
}


/*===== In Out Time end =======*/

/*======= Roaster Generation ==========*/
.tblbtn {
    text-align: right;
    margin-top: 10px;
}

.tblroastergen {
    max-height: 350px;
    overflow: auto;
}
/*========= Roaster Generation end ========*/
/*========== Shift Planner ================*/
.shiftplannerrightfilter {
    min-height: 168px;
}

.shiftplannerlefttbl {
    height: 280px;
    overflow: auto;
}

.bottomtraycol30 {
    width: 30%;
    display: block;
    float: left;
}

.tblplannertray {
    width: 69%;
    display: block;
    float: left;
    margin-left: 1%;
}

.tblshiftplanntray {
    width: 100%;
    border: none;
}

    .tblshiftplanntray td:first-child {
        width: 37%;
    }

.shiftplannersecondtray {
    width: 30%;
}
/*========== Shift Planner end ===========*/
/*========== Electronic Attendance ===========*/

.tblcolumnwiseelectronic > table tr, .tblcolumnwiseelectronic > table td {
    border: none !important;
}
/*========== On Duty Assignment start ===========*/
.tblonduty2selectfirsthalf {
    position: relative;
    width: 12%;
    left: 22%;
    float: left;
}

.tblonduty2selectsecondhalf {
    position: relative;
    width: 12%;
    left: 33%;
    float: left;
}

.findmodaltable {
    height: 200px;
    overflow: auto;
}

.controlsondutyassgin {
    width: auto;
    float: left;
    margin-top: 5px;
}

    .controlsondutyassgin div {
        width: auto !important;
        margin-left: 10px;
    }
/*========== On Duty Assignment end ===========*/
/*========== Electronic Attendance end ===========*/
.tblonduty1, .tblonduty2 {
    width: 100%;
    height: 250px;
    overflow: auto;
}

.tblondutymodal {
    height: 75px;
}

.audisecond {
    float: right;
    padding-right: 0;
    padding-top: 3px;
}

.audisecondbtncontainer {
    position: relative;
    top: 6px;
}
/*============= Employee Dependent ===============*/
.empdeppicpart {
    position: absolute;
    right: 0;
}
/*============== end Employee Dependent ==========*/
.commoncodetbl, .max-430, .tblovertimetemplate {
    max-height: 430px !important;
    overflow: auto;
}
/*======== Attendance Policy Template Allocation ===============*/

.shiftchangeemplist {
    height: 263px;
}

.lastatndctray {
    width: 30.5%;
    float: left;
}

.calparttray {
    width: 80%;
    display: inline-block;
    float: left;
}

.desparttray {
    width: 17%;
    display: inline-block;
    float: left;
    margin-left: 3%;
}

.boxtraypresent, .boxtrayleave, .boxtrayonduty, .boxtrayoff, .boxtrayholiday {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.uppertbltrayattnpara {
    margin-bottom: 5px;
    display: block;
}

    .uppertbltrayattnpara > .lblpart {
        width: 71%;
        font-size: 11px !important;
        font-weight: normal;
        float: left;
    }

    .uppertbltrayattnpara > .chckboxpart {
        margin-top: 3px;
    }
/*======== end Attendance Policy Template Allocation ===============*/
/*======== Over Time Template ============*/

/*======== end Over Time Template ============*/
/*==========================SEPERATORS==============================*/
/*=================   media queries bootstrap ==============================*/
@media(max-width:960px) {
    .modal-lg {
        width: auto !important;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media(max-width:768px) {
    /*for xs devices*/
    #page-content-wrapper {
        width: 100%;
        /*== 17 Oct 2017 ===== - awadhesh  - redesign Layout*/
        /*padding-bottom: 20px;*/
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 214px;
        z-index: 999;
        overflow-x: hidden !important;
    }
}

@media(min-width:768px) {
    /*for sm devices*/
    #mymodal .modal-dialog {
        width: 335px;
        margin: 30px auto;
    }

    #wrapper {
        padding-left: 215px;
    }

    .fixed-brand {
        width: 145px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 215px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 215px;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px;
    }

        #wrapper.toggled-2 #sidebar-wrapper:hover {
            width: 215px;
        }


    #page-content-wrapper {
        padding: 10px 0px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 215px;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -165px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
        overflow-y: hidden;
    }
}

@media(min-width:992px) {
    /*for md devices*/
    .toggled-2 .dashboard {
        padding-right: 10px;
        padding-left: 10px;
        transition: all 0.5s ease;
    }

    .dashboard {
        padding-right: 10px;
        padding-left: 10px;
        transition: all 0.5s ease;
    }
}

@media(min-width:1200px) {
    /*for lg devices*/
}

@media print {
    .mtechtable {
        width: 95% !important;
        display: inline;
    }
}

.reqfieldbg.nobgcolor {
    background: #fff !important;
}
/*======= utility styles =========*/
.formbg {
    padding: 15px;
}

.spandatafield {
    margin-top: 3px;
    float: left;
}

.mtechmodalbody .mtechformgroup div .spandatafield {
    font-size: 11px;
    font-weight: 400;
}

.mtop5 {
    margin-top: 5px !important;
}

.mtop7 {
    margin-top: 7px !important;
}

.mtop10 {
    margin-top: 10px !important;
}

.mtop15 {
    margin-top: 15px !important;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px !important; /*used once in employeesdependent*/
}

.mtop35 {
    margin-top: 35px !important; /*used once in employeesdependent*/
}

.mtop40 {
    margin-top: 40px !important; /*used once in employeesdependent*/
}

.mCustom {
        margin-left: 3px;/* Used in report DGD Alignment */
        display:block;
}
.mCustom4{
    margin-left:4px;/*  DGD Search Alignment */
    display:block;
}

.mbottom10 {
    margin-bottom: 10px !important;
}

.pbottom5 {
    padding-bottom: 5px !important;
}

.smalltextbox {
    width: 50px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    min-height: 25px;
    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;
    float: left;
}

.smalltextboxlabel {
    padding-left: 5px;
}

.smalltextbox: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);
}

p {
    margin: 0;
}

.nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mtechmodalbody {
    /*padding-left: 40px !important;*/
    /*padding-left: 20px !important;*/
    padding: 0px !important;
}

    .mtechmodalbody > div {
        padding: 10px 15px !important;
    }

.mtechmodalfooter {
    clear: both;
    padding: 10px 15px 10px 0 !important;
}

.iconimg {
    width: 20px;
    height: 20px;
    /*max-width: 100%;
    max-height: 100%;*/
}

.padleft30 {
    padding-left: 30px;
}

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custompad {
    padding-right: 5px;
    padding-left: 5px;
}

.arunverticalresize, textarea {
    resize: none !important;
    height: 40px !important;
    max-height: 40px !important;
    overflow: auto !important;
    -ms-overflow-style: scrollbar;
}

    textarea.extraheight {
        height: 80px !important;
        max-height: 80px !important;
    }

    textarea.doubleextraheight {
        height: 246px !important;
        max-height: 246px !important;
    }

.bottomtrayfullclndr {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
}

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

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

.selectedrow:not(.inactive) {
    font-weight: bold !important;
    background-color: #424242 !important;
    color: #fff !important;
}

.selecteddrag {
    font-weight: bold !important;
    background-color: #b5b5b5 !important;
    color: #fff !important;
}

.inactive.selectedrow, li.inactive a.selectedrow {
    font-weight: bold !important;
    background-color: #9E9E9E !important;
    color: #fff !important;
}

.leftpad10 {
    padding-left: 10px;
}

.topmargin {
    margin-top: 20px !important;
}

.notopmargin {
    margin-top: 0px !important;
}

.ui-autocomplete {
    z-index: 999999 !important;
}

.marginleft48 {
    margin-left: 48px !important;
}

.marginleft15 {
    margin-left: 15px !important;
}

.marginleft10 {
    margin-left: 10px !important;
}

label {
    font-size: 11px !important;
}

.modal-lg {
    width: 900px;
}

.smallmodal {
    width: 500px;
}

.overflow {
    width: 100%;
    overflow: auto !important;
}

.popupoverflow {
    max-height: 220px;
    /*overflow: auto !important;*/
}

.popupscroll {
    max-height: 360px;
    overflow: auto;
}

.search-tree {
    display: block;
    width: 100%;
    clear: both;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    /*margin-bottom: 15px;*/
}

.modal#FullLoader {
    z-index: 9999 !important;
}

.modalwithlegend {
    padding-top: 0;
    max-height: 350px;
}

.reqfieldbg.form-control[readonly] {
    background-color: #FFF !important;
}

.nocolor.reqfieldbg.form-control[readonly] {
    background-color: #FFF !important;
}

.mtechcheckright label {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 3px;
    box-sizing: border-box;
}

.mtechcheckright input[type="checkbox"], .mtechcheckright input[type="radio"] {
    float: right;
    margin-top: 0px;
}

.otherinfopart {
    width: 23%;
}

.arunbackdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #BDBDBD;
    z-index: 9000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

div.jGrowl.center {
    /*top: 30%;*/
    width: 20%;
    left: 40%;
    /*height: 40%;*/
}

.noleftpadall {
    padding-left: 0 !important; /*no left pad for all devices*/
}

.norightpadall {
    padding-right: 0 !important; /*no right pad for all devices*/
}

.nopadall {
    padding-left: 0 !important; /*no right pad for all devices*/
    padding-right: 0 !important; /*no right pad for all devices*/
}

.width11 {
    width: 11% !important;
}

.mtechfav {
    display: inline-block;
    float: right;
    cursor: pointer;
}

    .mtechfav i {
        color: #fff !important;
    }

button.mtechbtn::-moz-focus-inner, button.mtechbtn:focus, button::-moz-focus-inner, button:focus {
    outline: 1px solid #66afe9 !important;
    -moz-outline: 1px solid #66afe9 !important;
}

.mtechbtn:focus {
    outline: 1px solid #66afe9 !important;
}

.btn-180 button .title {
    width: 180px;
    text-align: left;
}

.btn-apply-min, .applybtn {
    margin-top: 7px;
    min-width: 90px;
    float: left;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    label {
        font-weight: 400;
    }

    div.jGrowl.top-right {
        right: 7px;
    }

    .mtechlabel {
        font-weight: 700 !important;
    }

    .btn-apply-min {
        margin-top: 7px;
        min-width: 85px;
        float: left;
    }

    .PreviewLogo {
        width: 100%;
        max-width: 100%;
    }
}

.favlinkimage {
    width: 25px !important;
    height: 26px !important;
}
/*========= For page Scroll ===========*/
.scroll {
    max-height: 300px;
    overflow: auto;
}

.mtechmax-scroll {
    /* not more than this height is allowed on page */
    max-height: 600px;
    overflow: auto;
}

.scroll100 {
    height: 100px;
    /*overflow: auto;*/
}

.scroll125 {
    height: 127px;
    /*overflow:auto;*/
}
.scroll140 {
    height: 140px;
    /*overflow:auto;*/
}
.scroll150 {
    height: 150px;
    /*overflow:auto;*/
}
.scroll175 {
    height: 175px;
    /*overflow:auto;*/
}
.scroll200 {
    height: 200px;
    /*overflow: auto;*/
}

.scroll225 {
    height: 225px;
}

.scroll250 {
    height: 250px;
    /*overflow: auto;*/
}

.scroll300 {
    height: 300px;
    /*overflow: auto;*/
}

.scroll325 {
    height: 325px;
    /*overflow: auto;*/
}

.scroll350 {
    height: 350px;
    /*overflow: auto;*/
}

.scroll360 {
    height: 360px;
    /*overflow: auto;*/
}

.scroll400 {
    height: 400px !important;
    /*overflow: auto;*/
}

.scroll425 {
    height: 425px !important;
    /*overflow: auto;*/
}

.scroll430 {
    height: 430px !important;
    /*overflow: auto;*/
}

.scroll460 {
    height: 460px !important;
    /*overflow: auto;*/
}

.scroll560 {
    height: 560px !important;
}

.scroll760 {
    height: 760px !important;
}

.scroll860 {
    height: 860px !important;
}

.scroll960 {
    height: 960px !important;
}



.full-tree {
    max-height: 430px;
    overflow: auto;
}

.rightDivBesideSearch {
    height: 175px !important;
}

.normallabel {
    padding-top: 4px;
    font-weight: 500 !important;
    font-size: 11px !important;
}
/*=======place holder ==============*/
.form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, .smalltextbox[disabled]::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder, .smalltextbox[disabled]:-ms-input-placeholder {
    color: #999;
}

.form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder, .smalltextbox[disabled]::-webkit-input-placeholder {
    color: #999;
}

.custom-select {
    max-height: 100px;
    overflow: auto;
}

.infotempcheckbox {
    margin-left: 25%;
}

.secondline-btn {
    float: right;
}

.wordbreak {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.wordbreak-word {
    word-break: break-all;
    display: inline-block;
}

.wordellipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden;
}

.dataTables_info {
    /*padding-bottom: 1em !important;*/
    margin-bottom: 15px;
}

.captureimg:disabled, .browsepic:disabled, .captureimg:disabled:hover, .browsepic:disabled:hover {
    cursor: not-allowed;
    background: none !important;
}
/*======= end utility styles =========*/


#copylocationmodal .modal-content .modal-body .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: -17px !important;
    vertical-align: text-bottom;
}

/*======= custom scroll for fav=====*/
.scroll-up1,
.scroll-down1 {
    width: 17px;
    height: 17px;
    position: relative;
    left: -10px;
}

    .scroll-up1:before {
        content: '\f0d8';
        font-family: FontAwesome;
        left: 3px;
        position: absolute;
        top: 0;
        color: #fff;
        font-size: 16px;
    }

    .scroll-down1:before {
        content: '\f0d7';
        font-family: FontAwesome;
        left: 3px;
        position: absolute;
        top: 0;
        color: #fff;
        font-size: 16px;
    }

    .scroll-down1:hover {
        background-position: -17px -17px;
    }

.track1 {
    width: 16px;
    background-color: #f7f7f3;
    border-left: 1px solid #f2f0ea;
}

.handle1 {
}

    .handle1:hover {
        background-position: -17px center;
    }

    .handle1 .top,
    .handle1 .bottom {
    }

    .handle1 .top {
        top: 0;
    }

    .handle1:hover .top {
        background-position: -17px 0;
    }

    .handle1 .bottom {
        bottom: 0;
        width: 17px;
        height: 0px;
        background-position: 0 bottom;
    }

    .handle1:hover .bottom {
        background-position: -17px bottom;
    }
/*========== custom scroll for favourite end =========*/
.validateadjustment {
    /*width: 100%;
    overflow: auto;*/
}

.emprighttrayimg {
    width: auto;
    height: 70px;
}

.clsBaseCurrency {
    background-color: #0e3c75 !important;
    color: #fff;
}

    .clsBaseCurrency.selectedrow {
        background-color: #042751 !important;
        color: #fff;
    }

/*25 may 2017 */
/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.text-center {
    text-align: center !important;
}

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

.modal-fullscreen .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

@media (min-width: 768px) {
    .modal-fullscreen .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .modal-fullscreen .modal-dialog {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .modal-fullscreen .modal-dialog {
        width: 1170px;
    }
}
/*26 may 2017*/
/*Employee offdays override*/
/*financial year fieldset height*/
.finance-fieldset-height {
    height: 191px;
}

.leaveallbottomform {
    margin-top: 105px;
}

/*30 may 2017*/
/*for accordian bottom-tray*/
.mtechpanel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: inherit;
}

.mtechpanel-heading {
    padding: 4px 5px !important;
}

.mtechpanel-body {
    padding: 5px !important;
    ;
    font-size: 11px !important;
}

.pad-left-right {
    padding-left: 10px;
    padding-right: 10px;
}

/*for button up and down side bye side  - Salary Head master*/
.btnuparrow-side, .btndownarrow-side {
    margin: 0 auto;
    display: table;
    color: #000;
    padding: 7px 9px;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    float: left;
    margin-left: 15px;
    background: linear-gradient(to right, #ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -webkit-linear-gradient(right, #ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -moz-linear-gradient(right, #ffffff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
}

/*up and down arrow*/
a.btnup {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    box-shadow: 2px 3px 5px #b1b1b1;
    /*border: 1px solid rgba(0,0,0,0.4);*/
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
    box-sizing: border-box;
    margin-bottom: 5px;
}

    a.btnup img {
        height: 100%;
        width: 100%;
        margin: 0px auto;
    }

    a.btnup:hover {
        border: 1px groove rgba(0,0,0,0.4);
        background: rgb(254,191,4);
        background: -webkit-linear-gradient(top, #FFA726,#FFE0B2);
        background: -moz-linear-gradient(top, #FFA726,#FFE0B2);
        background: -ms-linear-gradient(top, #FFA726,#FFE0B2);
        background: linear-gradient(top, #FFA726,#FFE0B2);
    }

a.btndown {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    box-shadow: 2px 3px 5px #b1b1b1;
    /*border: 1px solid rgba(0,0,0,0.4);*/
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1);
    box-sizing: border-box;
    clear: both !important;
    margin: 10px auto;
}

a.btndown img {
    height: 100%;
    width: 100%;
    margin: 0px auto;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

a.btndown:hover {
    border: 1px groove rgba(0,0,0,0.4);
    background: rgb(254,191,4);
    background: -webkit-linear-gradient(top, #FFA726,#FFE0B2);
    background: -moz-linear-gradient(top, #FFA726,#FFE0B2);
    background: -ms-linear-gradient(top, #FFA726,#FFE0B2);
    background: linear-gradient(top, #FFA726,#FFE0B2);
}


.modal-body {
    position: relative;
    padding: 0px !important;
}

    .modal-body .form-horizontal > .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .modal-body > div {
        padding: 15px !important;
    }



.xdsoft_datetimepicker .nodisplay {
    display: block !important;
}
.modal .xdsoft_datetimepicker .nodisplay {
    display: inline-block !important;
}

.dataTables_wrapper {
    width: 99.8% !important;
    display: table;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.leftmenu {
    float: none;
}

.dropdown-submenu.leftmenu > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.mtechformgroup:after {
    content: "";
    display: block;
    line-height: 0;
    clear: both;
}

.mtechfieldsetwithnolegend:after {
    content: "";
    display: block;
    line-height: 0;
    clear: both;
}

.dataTables_length > label > select {
    width: auto;
    display: inline-block;
}

.highcharts-contextmenu > .highcharts-menu {
    display: block;
    background: #fefefe !important;
    border: 1px solid #737373 !important;
    border-radius: 4px 0px 4px 4px !important;
    box-shadow: 2px 3px 4px #c7c5c5 !important;
    padding: 10px !important;
}

.highcharts-contextmenu hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.highcharts-menu-item {
    font-size: 11px;
    cursor: pointer;
}

    .highcharts-menu-item:hover {
        font-weight: 600;
    }

.mCSB_container_wrapper {
    margin-right: 7px !important;
}
/*============== multiselect dropdown list css 15 sept 2017 Awadhesh ============*/
.multiselect.btn {
    padding: 6px 7px !important;
    padding-right: 17px !important;
    overflow: hidden !important;
}

.multiselect.btn .multiselect-selected-text {
    width: 100% !important;
    overflow: hidden !important;
    padding-left: 0px !important;
    text-align: left;
}

.multiselect.btn .caret {
    float: right !important;
    margin-right: -12px !important;
    margin-top: 5px !important;
}


/*============== mtech radio and checkbox within radio inline and checkbox inline reduce (text after radio and checkbox  16 sept 2017 Awadhesh ============*/
.mtechradio > .radio-inline input[type=radio], .mtechcheckbox > .checkbox-inline input[type=checkbox] {
    margin-top: 2px !important;
    margin-left: -17px !important;
}

.modal .mtechradio > .radio-inline input[type=radio] {
    margin-top: 0px !important;
    margin-left: -19px !important;
}

.mtechcheck > .checkbox input[type=checkbox] {
    margin-top: 0px !important;
    margin-left: -17px !important;
}

/*== 17 Oct 2017 ===== - awadhesh  - redesign Layout*/

.header {
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
}

#wrapper {
    padding-top: 34px;
}

.footer {
    position: fixed;
    border-top: none;
    float: left;
    width: 100%;
    color: #fff;
    /*margin: 0 -50px;*/
    bottom: 0;
    transition: all 0.5s ease;
    z-index: 10000;
    /*margin-bottom: -10px;*/
}

/*--=============== partial search for modal popup========== 20 Oct 2017 - Awadhesh===============--*/

.modal .modal-body .navbar-collapse.in > .row {
    overflow: hidden;
}


/*============below keyframes and css used for progressbar - awadhesh 01 Dec 2017=================*/
#myProgress {
    width: 100%;
    background-color: #ddd;    
}

#myProgressBar {
    height: 7px;
    text-align: center;
    line-height: 7px;
    color: white;
    display: inline-block;
    float: left;
}

#emptyProgress {
    display: inline-block;
    float: left;
}

.progress {
    height: 7px !important;
    margin-bottom: 0px !important;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@keyframes speedSetting {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@keyframes progressMotion {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/*============end keyframes used for progressbar=================*/
.inline-error{
    display:block;
    clear:both;
}
.inline-error:before{
    display:block;
    content:'';
}
#sidebar-wrapper{
     overflow-x: hidden !important;
}
#sidebar-wrapper .mCSB_scrollTools_horizontal{
    display:none!important;
}
.modal-footer{
        padding: 10px 15px 5px 15px !important;
}

.mtechEllipsis {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}

/*======================== Color code and box color ===========================*/

.queuedbox, .selectedbox, .withholdbox, .rejectedbox2, .cancelledbox2, .selectedcancelbox, .baseCurrency, .multistatusbox, .questionInUsebox,.mypresentbox,.myabsentbox {
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
}

.purpleLabelBox, .pinkLabelBox {
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.pinkLabelBox {
    color: #c30581;
}

.pinkLabel {
    color: #c30581 !important;
}

.dueProcessBox{
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
}
    .queuedbox:before, .selectedbox:before, .withholdbox:before, .rejectedbox2:before, .cancelledbox2:before, .selectedcancelbox:before, .baseCurrency:before, .scheduledDate:before, .multistatusbox:before, .questionInUsebox:before,.mypresentbox:before,.myabsentbox:before {
        content: '';
        width: 15px;
        height: 15px;
        background-color: #0070ff !important;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .dueProcessBox:before{
        content: '';
        width: 15px;
        height: 15px;
        background-color: #ffcb2f !important;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .selectedbox:before {
        background-color: #7fcbe9 !important; /*used for leave*/
    }

    .withholdbox:before {
        background-color: #fbcd30 !important; /*Used for onduty*/
    }

    .rejectedbox2:before {
        background-color: #4bf291 !important; /*Used for Holiday*/
    }

    .mypresentbox:before {
        background-color: #27a329 !important; /*Used for Present*/
    }

      .myabsentbox:before {
        background-color: darkred !important; /*Used for absent*/
    }

    .multistatusbox:before, .questionInUsebox:before {
        background-color: #C3EA00 !important; /*Used for Multistatus*/
    }

    /*.completed:before {
        background-color: #27a329 !important; /*Used for Multistatus*/
    }*/

    .cancelledbox2:before {
        background-color: #ffa270 !important;
    }

    .selectedcancelbox:before {
        background-color: #0070ff !important; /*used for offdays*/
    }

    .baseCurrency:before {
        background-color: #0e3c75 !important;
    }

.queued td:first-child {
    position: relative;
}

    .queued td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0070ff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .dueProcess td:first-child{
         position: relative;
    }
    .generatedProcess td:first-child{
         position: relative;
    }
    .generatedProcess td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffea03;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .freezedProcess td:first-child{
         position: relative;
    }
    .freezedProcess td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #27a329;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .dueProcess td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffcb2f;
        position: absolute;
        top: 0px;
        left: 0px;
    }
.selected-leave td:first-child, td.selected-leave {
    position: relative;
}

    .selected-leave td:first-child:before, td.selected-leave:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #7fcbe9;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.withhold td:first-child, td.withhold {
    position: relative;
}

    .withhold td:first-child:before, td.withhold:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fbcd30;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.questionInUse {
    position: relative;
}

    .questionInUse td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #C3EA00;
        position: absolute;
        /*top: 0px;
        left:0px;*/
        left: 30px;
    }

.multistatus td:first-child, td.multistatus {
    position: relative;
}

    .multistatus td:first-child:before, td.multistatus:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #C3EA00;
        position: absolute;
        top: 0px;
        left: 0px;
    }


    .completed td:first-child, td.completed {
    position: relative;
}

    .completed td:first-child:before, td.completed:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #C3EA00;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.rejected2 td:first-child, td.rejected2 {
    position: relative;
}

    .rejected2 td:first-child:before, td.rejected2:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #4bf291;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.cancelled2 td:first-child {
    position: relative;
}

    .cancelled2 td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffa270;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.selectedcancel td:first-child, td.selectedcancel {
    position: relative;
}

    .selectedcancel td:first-child:before, td.selectedcancel:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0070ff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

td.queued, td.selected-leave, td.withhold, td.rejected2, td.cancelled2, td.selectedcancel {
    width: auto !important;
}

.estimatedhrsbox,.actualhoursbox,.presentbox, .leavebox, .absentbox, .absent_labox, .absent_edbox, .ondutybox, .offdutybox, .discrepancybox, .holidaybox {
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-right: 5px;
}

    .estimatedhrsbox:before,.actualhoursbox:before,.presentbox:before, .MultiShiftColorbox:before, .leavebox:before, .absentbox:before, .absent_labox:before, .absent_edbox:before, .ondutybox:before, .offdutybox:before, .discrepancybox:before, .holidaybox:before {
        content: '';
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .holidaybox:before {
        background-color: #4bf291; /*used for holiday*/
    }

.holiday td:first-child, td.holiday {
    position: relative;
}

    .holiday td:first-child:before, td.holiday:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #4bf291;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.presentbox:before {
    background-color: #27a329; /*used for present*/
}
.estimatedhrsbox:before{
     background-color: #bf3367;
}
.actualhoursbox:before{
    background-color: #4A777A;
}
.present td:first-child, td.present {
    position: relative;
}

    .present td:first-child:before, td.present:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #27a329;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.leavebox:before {
    background-color: #7fcbe9; /*used for leave*/
}

.leave td:first-child, td.leave {
    position: relative;
}

    .leave td:first-child:before, td.leave:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #7fcbe9;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absentbox:before {
    background-color: #e03c3c; /*used for absent*/
}

.absent td:first-child, td.absent {
    position: relative;
}

    .absent td:first-child:before, td.absent:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e03c3c;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_labox:before {
    background-color: #e68bbe; /*used for absent LA*/
}

.absent_la td:first-child, td.absent_la {
    position: relative;
}

    .absent_la td:first-child:before, td.absent_la:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e68bbe;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_edbox:before {
    background-color: #ad4dff; /*Used for absent ED*/
}

.absent_ed td:first-child, td.absent_ed {
    position: relative;
}

.absent_ed td:first-child:before, td.absent_ed:before {
    /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ad4dff;
    position: absolute;
    top: 0px;
    left: 0px;
}



.absentbox:before {
    background-color: #e03c3c; /*used for absent*/
}

.absent td:first-child, td.absent {
    position: relative;
}

 .absent td:first-child:before, td.absent:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e03c3c;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_labox:before {
    background-color: #e68bbe; /*used for absent LA*/
}

.absent_la td:first-child, td.absent_la {
    position: relative;
}

 .absent_la td:first-child:before, td.absent_la:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e68bbe;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_edbox:before {
    background-color: #ad4dff; /*Used for absent ED*/
}

.absent_ed td:first-child, td.absent_ed {
    position: relative;
}

.absent_ed td:first-child:before, td.absent_ed:before {
    /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ad4dff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ondutybox:before {
    background-color: #fbcd30; /*used for onduty*/
}

.onduty td:first-child, td.onduty {
    position: relative;
}

    .onduty td:first-child:before, td.onduty:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fbcd30;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.offdutybox:before {
    background-color: #0070ff; /*used for offday*/
}

.offduty td:first-child, td.offduty {
    position: relative;
}

    .offduty td:first-child:before, td.offduty:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0070ff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.discrepancybox:before {
    background-color: #f78000; /*used for discrepancy*/
}

.discrepancy td:first-child, td.discrepancy {
    position: relative;
}

    .discrepancy td:first-child:before, td.discrepancy:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f78000;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.MultiShiftColorbox:before {
    background-color: #7fffd4 !important;
}

.MultiShiftColor td:first-child, td.MultiShiftColor {
    position: relative;
}

    .MultiShiftColor td:first-child:before, td.MultiShiftColor:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #7fffd4;
        position: absolute;
        top: 0px;
        left: 0px;
    }

/*below code commented for holiday - written in above with updated color code - 28 Dec*/
/*.holidaybox .holidaybox:before {
    background-color: #919486;
}

.holiday td:first-child{
    position:relative;
}
.holiday td:first-child:before{
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #919486;
    position: absolute;
    top: 0px;
    left: 0px;
}*/

.review,.empunapasstask,.empasstask,.mybox,.returnbox,.enteredbox, .partiallysanctionedbox,.completedbox, .sanctionedbox, .rejectedbox, .cancelledbox, .belowlabelnotsanctionbox {
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding-right: 10px;
    margin-bottom: 5px;
}

    .review::before,.empunapasstask::before,.empasstask::before,.mybox::before,.returnbox::before,.enteredbox::before, .partiallysanctionedbox::before,completedbox::before, .sanctionedbox::before, .rejectedbox::before, .cancelledbox::before, .belowlabelnotsanctionbox::before {
        content: '';
        width: 15px;
        height: 15px;
        /*background-color: #f2dbdb !important;*/
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }
    .review::before{
        background-color: #ad4dff !important;
    }

    .reviewed td:first-child {
    position: relative;
}

    .reviewed td:first-child:before {
        
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ad4dff;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .empunapasstask::before{
        background-color: #e03c3c !important;
    }
    .empasstask::before{
        background-color: #27a329 !important;
    }

    .mybox::before{
        background-color: #0e3c75 !important;
    }
    .returnbox::before{
        background-color: #4bf291 !important;
    }

    .partiallysanctionedbox::before {
        background-color: #fbcd30 !important;
    }

    .completedbox::before {
        background-color: #27a329 !important;
    }

    .belowlabelnotsanctionbox::before {
        background-color: #debd1b;
    }

    .sanctionedbox::before {
        background-color: #27a329 !important;
    }

    .rejectedbox::before {
        background-color: #e03c3c !important;
    }

    .cancelledbox::before {
        background-color: #f78000 !important;
    }

.entered td:first-child {
    position: relative;
}

    .entered td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid transparent;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    

.belowlabelnotsanction td:first-child {
    position: relative;
}

    .belowlabelnotsanction td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #debd1b;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.partiallysanctioned td:first-child, td.partiallysanctioned {
    position: relative;
}

    .partiallysanctioned td:first-child:before, td.partiallysanctioned:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fbcd30;
        position: absolute;
        top: 0px;
        left: 0px;
    }


.sanctioned td:first-child, td.sanctioned {
    position: relative;
}

    .sanctioned td:first-child:before, td.sanctioned:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #27a329;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .returned td:first-child, td.returned {
    position: relative;
}

    .returned td:first-child:before, td.returned:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #4bf291;
        position: absolute;
        top: 0px;
        left: 0px;
    }
.rejected td:first-child {
    position: relative;
}

    .rejected td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e03c3c;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.cancelled td:first-child, td.cancelled {
    position: relative;
}

    .cancelled td:first-child:before, td.cancelled:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f78000;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.boxleave, .boxonduty, .boxhalfday, .boxholiday {
    width: auto;
    height: auto;
    text-align: left;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

    .boxleave::before, .boxonduty::before, .boxhalfday::before, .boxholiday::before {
        content: '';
        width: 15px;
        height: 15px;
        border: 1px solid #000;
        margin-right: 5px;
        float: left;
    }

    .boxleave::before {
        background-color: #7fcbe9;
    }

.shiftleave {
    position: relative;
}

    .shiftleave:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #7fcbe9;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.boxonduty::before {
    background-color: #fbcd30;
}

.shiftonduty {
    position: relative;
}

    .shiftonduty:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fbcd30;
        position: absolute;
        top: 0px;
        left: 0px;
    }


.boxhalfday::before {
    background-color: #0070ff;
}

.shifthalfday {
    position: relative;
}

    .shifthalfday:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0070ff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.boxholiday::before {
    background-color: #4bf291;
}

.shiftholiday {
    position: relative;
}

    .shiftholiday:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #4bf291;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.boxrecordedtime:before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #FFCDD2;
    border: 1px solid #000;
    margin-right: 5px;
    float: left;
}

.boxrecordedtime:before, .recordedtime {
    background-color: #e68bbe !important;
}

.boxtraypresent::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: green;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}

.boxtrayleave::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: red;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}

.boxtrayonduty::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: yellow;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}

.boxtrayoff::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: blue;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}

.boxtrayholiday::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: teal;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}
/*======================= 07 Dec 2017 New Color Change============ Awadhesh*/
.GIqueuedbox, .GIselectedbox, .GIwithholdbox, .GIrejectedbox2, .GIcancelledbox2, .GIselectedcancelbox {
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-right: 5px;
}

    .GIqueuedbox:before, .GIselectedbox:before, .GIwithholdbox:before, .GIrejectedbox2:before, .GIcancelledbox2:before, .GIselectedcancelbox:before {
        content: '';
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .GIqueuedbox:before {
        background-color: #fff;
    }

    .GIselectedbox:before {
        background-color: #27a329;
    }

    .GIwithholdbox:before {
        background-color: #fbcd30;
    }

    .GIrejectedbox2:before {
        background-color: #e03c3c;
    }

    .GIcancelledbox2:before {
        background-color: #f78000;
    }

    .GIselectedcancelbox:before {
        background-color: #0070ff;
    }

.GIqueued td:first-child, .GIselected td:first-child, .GIwithhold td:first-child, .GIrejected td:first-child, .GIcancelled td:first-child, .GIselectedcancel td:first-child {
    position: relative;
}

    .GIqueued td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .GIselected td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #27a329;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .GIwithhold td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fbcd30;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .GIrejected td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e03c3c;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .GIcancelled td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f78000;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .GIselectedcancel td:first-child:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0070ff;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.presentboxNew, .leaveboxNew, .absentboxNew, .absent_laboxNew, .absent_edboxNew, .ondutyboxNew, .offdutyboxNew, .discrepancyboxNew, .holidayboxNew, .PresentOnDutyboxNew, .PresentLeaveboxNew, .OnDutyLeaveboxNew, .PaidEMIboxNew, .CancelledLoanboxNew, .NormalWagesboxNew, .DailyWagesboxNew, .GeneratedboxNew, .FreezedboxNew, .BlockedPeriodboxNew, .DueProcessboxNew {
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-right: 5px;
}

    .presentboxNew:before, .leaveboxNew:before, .absentboxNew:before, .absent_laboxNew:before, .absent_edboxNew:before, .ondutyboxNew:before, .offdutyboxNew:before, .discrepancyboxNew:before, .holidayboxNew:before, .PresentOnDutyboxNew:before, .PresentLeaveboxNew:before, .OnDutyLeaveboxNew:before, .PaidEMIboxNew:before, .CancelledLoanboxNew:before, .NormalWagesboxNew:before, .DailyWagesboxNew:before, .GeneratedboxNew:before, .FreezedboxNew:before, .BlockedPeriodboxNew:before, .DueProcessboxNew:before {
        content: '';
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .presentboxNew:before {
        background-color: #9cff57;
    }

.presentNew td:first-child {
    position: relative;
}

    .presentNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #9cff57;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.leaveboxNew:before {
    background-color: #90CAF9;
}

.leaveNew td:first-child {
    position: relative;
}

    .leaveNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #90CAF9;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absentboxNew:before {
    background-color: #FF7373;
}

.absentNew td:first-child {
    position: relative;
}

    .absentNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FF7373;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_laboxNew:before {
    background-color: #D1C4E9;
}

.absent_laNew td:first-child {
    position: relative;
}

    .absent_laNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #D1C4E9;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.absent_edboxNew:before {
    background-color: #FFC4FF;
}

.absent_edNew td:first-child {
    position: relative;
}

    .absent_edNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFC4FF;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.ondutyboxNew:before {
    background-color: #FFFFB5;
}

.ondutyNew td:first-child {
    position: relative;
}

    .ondutyNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFFFB5;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.offdutyboxNew:before {
    background-color: #44ffd2;
}

.offdutyNew td:first-child {
    position: relative;
}

    .offdutyNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #44ffd2;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.discrepancyboxNew:before {
    background-color: #FFD062;
}

.discrepancyNew td:first-child {
    position: relative;
}

    .discrepancyNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFD062;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.holidayboxNew:before {
    background-color: #bffff1;
}

.holidayNew td:first-child {
    position: relative;
}

    .holidayNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #bffff1;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.PresentOnDutyboxNew:before {
    background-color: #f99666;
}

.PresentOnDutyNew td:first-child {
    position: relative;
}

    .PresentOnDutyNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #f99666;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.PresentLeaveboxNew:before {
    background-color: #FFDFEF;
}

.PresentLeaveNew td:first-child {
    position: relative;
}

    .PresentLeaveNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFDFEF;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.OnDutyLeaveboxNew:before {
    background-color: #D4E157;
}

.OnDutyLeaveNew td:first-child {
    position: relative;
}

    .OnDutyLeaveNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #D4E157;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.PaidEMIboxNew:before {
    background-color: #9cff57;
}

.PaidEMINew td:first-child {
    position: relative;
}

    .PaidEMINew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #9cff57;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.CancelledLoanboxNew:before {
    background-color: #ffa270;
}

.CancelledLoanNew td:first-child {
    position: relative;
}

    .CancelledLoanNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffa270;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.NormalWagesboxNew:before {
    background-color: #EFCDF8;
}

.NormalWagesNew td:first-child {
    position: relative;
}

    .NormalWagesNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #EFCDF8;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.DailyWagesboxNew:before {
    background-color: #B2EBF2;
}

.DailyWagesNew td:first-child {
    position: relative;
}

    .DailyWagesNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #B2EBF2;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.GeneratedboxNew:before {
    background-color: #FFFFB5;
}

.GeneratedNew td:first-child {
    position: relative;
}

    .GeneratedNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #FFFFB5;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.FreezedboxNew:before {
    background-color: #9cff57;
}

.FreezedNew td:first-child {
    position: relative;
}

    .FreezedNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #9cff57;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.BlockedPeriodboxNew:before {
    background-color: #F8BBD0;
}

.BlockedPeriodNew td:first-child {
    position: relative;
}

    .BlockedPeriodNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #F8BBD0;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.DueProcessboxNew:before {
    background-color: #ffcb2f;
}

.DueProcessNew td:first-child {
    position: relative;
}

    .DueProcessNew td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ffcb2f;
        position: absolute;
        top: 0px;
        left: 0px;
    }
/*================= Color and box =============================*/

/*============== Employee shift allocation tray color==================*/
div.greenBox, div.orangeBox, div.redBox, div.yellowBox, div.brownBox, div.purpleBox, div.holidayBoxTray {
    float: left;
}

    div.greenBox:before, div.orangeBox:before, div.redBox:before, div.yellowBox:before, div.brownBox:before, div.purpleBox:before, div.holidayBoxTray:before {
        width: 12px !important;
        height: 12px !important;
        content: '';
        border: 1px solid #000;
        float: left;
    }

.greenBox:before, td.greenBox {
    background-color: #27a329 !important;
    color: #000 !important;
}

.orangeBox:before, td.orangeBox {
    background-color: #0070ff !important;
    color: #000 !important;
}

.redBox:before, td.redBox {
    background-color: #7fcbe9 !important;
    color: #000 !important;
}

.yellowBox:before, td.yellowBox {
    background-color: #fbcd30 !important;
    color: #000 !important;
}

.brownBox:before, td.brownBox {
    background-color: #C3EA00 !important;
    color: #000 !important;
}

.purpleBox:before, td.purpleBox {
    background-color: #C3EA00 !important;
    color: #000 !important;
}

.holidayBoxTray:before, td.holidayBoxTray {
    background-color: #4bf291 !important;
    color: #000 !important;
}
/*============== Employee shift allocation tray color==================*/

td.trainingsch{
    background-color:#27a329!important;
    color:#fff!important;
}

.suspendedbox{
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
}
 

    .suspendedbox:before{
        content: '';
        width: 15px;
        height: 15px;
        background-color: #666666 !important;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .suspendedbox:before {
        background-color: #666666 !important; /*used for leave*/
    }

    .suspended td:first-child {
    position: relative;
}

    .suspended td:first-child:before {
        /*================Code for corner trangle table tr first td - written by Awadhesh Singh on 15Dec2017 ===================*/
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #666666;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.locTransferbox{
    width: auto;
    float: left;
    text-align: left;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 5px;
}
 

    .locTransferbox:before{
        content: '';
        width: 15px;
        height: 15px;
        background-color: #c1fbf3 !important;
        float: left;
        margin-right: 5px;
        border: 1px solid #000;
    }

    .locTransferbox:before {
        background-color: #c1fbf3 !important; 
    }  

    .locTransfer  {
        background-color: #c1fbf3 !important; 
    }

/*tray styles*/

#tray {
    position: fixed;
    right: -2px;
    top: 40px;
    z-index: 999;
}

.trayright {
    display: none;
}

.traycontent {
    display: block;
    width: 0;
    /*height: calc(100vh - 95px);*/
    padding: 0;
    margin-top: -10px;
}

#lefttray {
    margin-left: -10px;
    color: #fff;
    padding: 4px 5px;
    font-size: 9px;
    cursor: pointer;
    border-radius: 2px 0px 0px 2px;
}

#bottomtray {
    position: fixed;
    bottom: 20px;
    z-index: 800;
    width: 94.5%;
    padding-left: 10px;
    box-sizing: border-box;
}

#bottomtrayclick {
    margin-top: -13px;
    color: #fff;
    padding: 2px 4px;
    margin-left: 0;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    border-radius: 2px 2px 0px 0px;
}

.bottomtraycontent {
    width: 100%;
    float: left;
    height: 0px;
    padding: 0px;
    max-height: 400px;
    box-sizing: border-box;
}

.bottomtraychart {
    width: 100%;
    margin: 0 auto;
    /*min-height: 140px;
    max-height: 190px;*/
}

.bottomtraybtn .fa-bar-chart:before {
    color: #A7FFEB;
}

#bottomtray {
    background-color: #f3f3f3 !important;
    box-shadow: 0px -1px 6px 1px #444;
}
/*tray styles end */
#bottomtray .mScroll .mCSB_container,#tray .mScroll .mCSB_Container{
    width:100%!important;
}
/*============= Tray color css 15 Sept 2017 Awadhesh===============*/
/*=========== right Tray==================*/
#tray {
    background-color: #f3f3f3 !important;
    box-shadow: -2px -1px 6px 1px #444;
}

    #tray .mtechfieldset .mtechlegend {
        color: #6a6a6a;
        font-size: 11px;
        clear: both;
    }

        #tray .mtechfieldset .mtechlegend label {
            font-size: 11px!important;
        }

    #tray .mtechlabel, #tray .mtechcontrol, #tray .normallabel {
        font-size: 9px !important;
    }

    #tray .mtechfieldset, #tray.mtechfieldsetwithnolegend {
        border: 1px solid #CFD8DC !important;
        box-shadow: 1px 1px #CFD8DC;
        box-sizing: border-box;
    }


/*===============end right tray===========*/

/*==============bottom tray===============*/
#bottomtray .bottomtraycontent {
    background-color: #f3f3f3 !important;
}
/*==============end bottom tray==============*/


/*==============Tray style width col pad - 26 Sept 2017 written By : Awadhesh Singh==============*/
.row div.pad5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#tray .mtechformgroup {
    margin-bottom: 5px;
    content: '';
}

    #tray .mtechformgroup:after {
        content: "";
        display: block;
        line-height: 0;
        clear: both;
    }



/*================ restyle tray - 04Oct2017============== By Awadhesh Singh===========Suggested - mtech*/
#bottomtray .mtechfieldset .mtechlegend {
    color: #6a6a6a;
    font-size: 11px;
    clear: both;
}
#bottomtray .mtechfieldset .mtechlegend label{
     font-size: 11px!important;
}
#bottomtray .mtechfieldset, #bottomtray.mtechfieldsetwithnolegend {
    border: 1px solid #CFD8DC !important;
    box-shadow: 1px 1px #CFD8DC;
    box-sizing: border-box;
    padding: 2px !important;
}

#tray .multiselect, #tray select, #bottomtray .multiselect, #bottomtray select {
    font-size: 9px !important;
    padding-left: 2px;
}

#tray .mtechformcontrol, #bottomtray .mtechformcontrol {
    height: 20px;
    font-size: 9px !important;
}

#tray .normallabel, #bottomtray .normallabel {
    padding-top: 2px !important;
}

#tray .mtechfieldset .mtechlegend .mtechlabel, #bottomtray .mtechfieldset .mtechlegend .mtechlabel {
    margin-bottom: 0px;
}

#tray .mtechformgroup, #bottomtray .mtechformgroup {
    margin-bottom: 5px;
    content: '';
}

#bottomtray .mtechlabel,
#bottomtray .mtechcontrol,
#bottomtray .normallabel,
#bottomtray .mtechtable thead tr th,
#bottomtray .mtechtable tbody tr td,
#tray .mtechlabel,
#tray .mtechcontrol,
#tray .normallabel,
#tray .mtechtable thead tr th,
#tray .mtechtable tbody tr td {
    font-size: 9px !important;
}

#tray .multiselect-container > li > a,
#bottomtray .multiselect-container > li > a {
    padding: 0 !important;
}

    #tray .multiselect-container > li > a:hover,
    #bottomtray .multiselect-container > li > a:hover {
        color: #000;
        background-color: rgb(77,144,254);
    }

#tray .multiselect-selected-text,
#bottomtray .multiselect-selected-text {
    float: left !important;
    padding-left: 5px !important;
}

.oval {
    border-radius: 20% !important;
}

#tray, #tray .mtechtable th, #tray .mtechtable td, #bottomtray, #bottomtray .mtechtable th, #bottomtray .mtechtable td {
    font-size: 9px !important;
}

    #tray .mtechtable th, #bottomtray .mtechtable th, #tray .mtechtable td, #bottomtray .mtechtable td {
        padding: 1px 3px !important;
    }



    /*============= tary date time picker==================*/
    #bottomtray .xdsoft_datetimepicker .xdsoft_datepicker,
    #tray .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 154px;
        float: left;
        margin-left: 0px;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_label,
    #tray .xdsoft_datetimepicker .xdsoft_label {
        font-size: 10px;
        padding: 2px 3px;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_prev, #tray .xdsoft_datetimepicker .xdsoft_prev {
        background-size: 75px 20px !important;
        background-position: -18px 0 !important;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_today_button, #tray .xdsoft_datetimepicker .xdsoft_today_button {
        background-size: 75px 20px !important;
        background-position: -56px 0 !important;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_next, #tray .xdsoft_datetimepicker .xdsoft_next {
        background-size: 75px 20px !important;
        background-position: -6px 0 !important;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_clear_button, #tray .xdsoft_datetimepicker .xdsoft_clear_button {
        top: 4px !important;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_calendar td,
    #bottomtray .xdsoft_datetimepicker .xdsoft_calendar th,
    #tray .xdsoft_datetimepicker .xdsoft_calendar td,
    #tray .xdsoft_datetimepicker .xdsoft_calendar th {
        height: 17px;
        font-size: 9px;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_month,
    #tray .xdsoft_datetimepicker .xdsoft_month {
        width: 77px;
        text-align: right;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_year,
    #tray .xdsoft_datetimepicker .xdsoft_year {
        width: 40px;
        margin-left: 1px;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_next,
    #bottomtray .xdsoft_datetimepicker .xdsoft_prev,
    #bottomtray .xdsoft_datetimepicker .xdsoft_today_button,
    #tray .xdsoft_datetimepicker .xdsoft_next,
    #tray.xdsoft_datetimepicker .xdsoft_prev,
    #tray .xdsoft_datetimepicker .xdsoft_today_button {
        height: 23px;
        width: 10px;
    }

    #bottomtray .xdsoft_clear_button,
    #tray .xdsoft_clear_button {
        margin-left: 2px;
    }

    #bottomtray .xdsoft_clear_button,
    #tray .xdsoft_clear_button {
        left: 25px;
        font-size: 16px;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_prev,
    #tray .xdsoft_datetimepicker .xdsoft_prev {
        background-position: -24px 0;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_today_button,
    #tray .xdsoft_datetimepicker .xdsoft_today_button {
        background-position: -75px 0;
    }

    #bottomtray .xdsoft_datetimepicker .xdsoft_next,
    #tray .xdsoft_datetimepicker .xdsoft_next {
        background-position: -6px 0;
    }

    /*============= Tray Graph style ================= */

    #bottomtray .highcharts-container .highcharts-title[style],
    #tray .highcharts-container .highcharts-title[style] {
        font-size: 10px !important;
    }

    #bottomtray .highcharts-container .highcharts-legend-item text[style],
    #tray .highcharts-container .highcharts-legend-item text[style] {
        font-size: 9px !important;
    }

    #tray .mtechtable th, #bottomtray .mtechtable th {
        color: #fff;
    }

    #tray .mtechtable td:hover, #bottomtray .mtechtable td:hover {
        font-weight: 700;
    }

    #tray .xdsoft_datetimepicker, #bottomtray .xdsoft_datetimepicker {
        padding: 3px !important;
    }

    .bottomtraycontent > .row, #bottomtray .bottomtraycontent .row.trayheight {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #tray .mtechfieldsetwithnolegend, #bottomtray .mtechfieldsetwithnolegend {
    }

    #tray .mtechdisabledbtn:disabled, #bottomtray .mtechdisabledbtn:disabled {
        opacity: 0.5;
    }


.divTrayBottomExport {
    position: absolute;
    top: 10px;
    right: 3px;
    width: 20px;
}

#tray .mtechfieldsetwithnolegend, #bottomtray .mtechfieldsetwithnolegend {
}

#tray .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select, #bottomtray .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    max-height: 120px !important;
}

#bottomtray div.traypad, #bottomtray label.traypad {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

#bottomtray input[type=checkbox], #bottomtray input[type=radio], #tray input[type=checkbox], #tray input[type=radio] {
    vertical-align: middle;
}

#bottomtray div.traypadright {
    padding-right: 15px !important;
}

#bottomtray .selectedbox:before, #bottomtray .scheduledDate:before {
    width: 12px !important;
    height: 12px !important;
}



  

#bottomtray table tr.selectedrow td, #tray table tr.selectedrow td {
    font-size: 10px !important;
}

#tray .empInfo label, #tray .empInfo span, #tray .empInfo div {
    font-size: 11px !important;
}

.scrollNoOverflow {
    overflow: unset !important;
}

.multiselect-container.dropdown-menu {
    top: auto !important;
    bottom: 100%;
    max-height: 150px;
    overflow-y: auto;
    -ms-overflow-y: auto;
}

#bottomtray .multiselect-container.dropdown-menu {
    max-height: 75px;
}

.multiselect.btn .caret {
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    margin-right: -10px !important;
    border-top: 6px solid;
}

.btn-default {
    color: #555555;
}