/* Minification failed. Returning unminified contents.
(2377,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '`'
(3043,36): run-time error CSS1046: Expect comma, found '0'
(3043,40): run-time error CSS1046: Expect comma, found '/'
(8032,36): run-time error CSS1046: Expect comma, found '0'
(8032,40): run-time error CSS1046: Expect comma, found '/'
(8033,35): run-time error CSS1046: Expect comma, found '0'
(8033,39): run-time error CSS1046: Expect comma, found '/'
(8038,31): run-time error CSS1046: Expect comma, found '243'
(8038,39): run-time error CSS1046: Expect comma, found '/'
(8053,38): run-time error CSS1046: Expect comma, found '243'
(8053,46): run-time error CSS1046: Expect comma, found '/'
(8087,36): run-time error CSS1046: Expect comma, found '243'
(8087,44): run-time error CSS1046: Expect comma, found '/'
(8097,37): run-time error CSS1046: Expect comma, found '243'
(8097,45): run-time error CSS1046: Expect comma, found '/'
 */
/*@charset "utf-8";*/
/*======================================================================
Site Name: Silver HTML
Theme URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #062a4a (Dark Blue)
Header Color: #062a4a (Dark Blue)
Text Color: #393939 (Dark Grey)
Title Color: #393939 (Dark Grey), #e65a15 (Orange)
Footer Color: #393939 (Dark Grey)
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1170px
Responsive Layout: Yes
=======================================================================*/
/*@font-face {
 font-family:'ralewaybold';
 src: url('css/fonts/raleway-bold-webfont.eot'); src: url('css/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('css/fonts/raleway-bold-webfont.woff2') format('woff2'),  url('css/fonts/raleway-bold-webfont.woff') format('woff'),  url('css/fonts/raleway-bold-webfont.ttf') format('truetype'),  url('css/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face{
 font-family:'ralewaysemibold';
 src: url('css/fonts/raleway-semibold-webfont.eot'); src: url('css/fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('css/fonts/raleway-semibold-webfont.woff2') format('woff2'),  url('css/fonts/raleway-semibold-webfont.woff') format('woff'),  url('css/fonts/raleway-semibold-webfont.ttf') format('truetype'),  url('css/fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face {
 font-family:'ralewaymedium';
 src: url('css/fonts/raleway-medium-webfont.eot'); src: url('css/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('css/fonts/raleway-medium-webfont.woff2') format('woff2'),  url('css/fonts/raleway-medium-webfont.woff') format('woff'),  url('css/fonts/raleway-medium-webfont.ttf') format('truetype'),  url('css/fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
 font-weight: normal; font-style: normal;
}*/

@font-face {
    font-family: 'open_sansregular';
    src: url('css/fonts/opensans-regular-webfont.eot');
    src: url('css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-regular-webfont.woff2') format('woff2'), url('css/fonts/opensans-regular-webfont.woff') format('woff'), url('css/fonts/opensans-regular-webfont.ttf') format('truetype'), url('css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('css/fonts/opensans-bold-webfont.eot');
    src: url('css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-bold-webfont.woff2') format('woff2'), url('css/fonts/opensans-bold-webfont.woff') format('woff'), url('css/fonts/opensans-bold-webfont.ttf') format('truetype'), url('css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('css/fonts/opensans-semibold-webfont.eot');
    src: url('css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('css/fonts/opensans-semibold-webfont.woff') format('woff'), url('css/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('css/fonts/opensans-light-webfont.eot');
    src: url('css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/opensans-light-webfont.woff2') format('woff2'), url('css/fonts/opensans-light-webfont.woff') format('woff'), url('css/fonts/opensans-light-webfont.ttf') format('truetype'), url('css/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/********* Reset CSS *********/
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

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

audio, canvas, video {
    display: inline-block
}

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    text-decoration: underline;
    color: #09573d;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

    a:focus {
        outline: thin dotted
    }

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

    a:hover {
        text-decoration: none;
        color: #393939;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

b, strong, dt, th {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address {
    margin: 0;
    padding: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

legend {
    white-space: normal;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    empty-cells: show;
    border: none;
}

    table table {
        margin: 0
    }

th, td {
    border: none;
    padding: 8px 10px
}

caption, th, td {
    font-weight: normal;
}
/********* Form fields *********/

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    background-color: transparent;
    border: none;
}

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
    }

    input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
        border: 1px solid #e5e5e5;
        width: 100px;
        height: 30px;
        padding: 0;
        font-size: 100%;
        line-height: normal;
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        margin: 0 5px 0 0;
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }

    input[type="radio"] {
        -webkit-appearance: radio
    }

    input[type="submit"], input[type="button"], input[type="reset"], button, .button {
        line-height: 20px;
        padding: 4px 10px;
        display: inline-block;
        text-decoration: none;
        border: 0 none;
        margin: 0;
        outline: 0 none;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    height: 100px;
    max-width: 100%;
    min-width: 100%;
    max-height: 500px;
    min-height: 90px;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

label {
    display: inline-block;
    padding-bottom: 5px;
    font-weight: normal;
}
/********* Clear floats *********/

.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {
    content: " ";
    display: table
}

.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after {
    clear: both
}
/********* Common Classes *********/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    padding: 0
}

body, button, input, select, textarea {
    color: #393939;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 87.5%; /*font-size:14px;*/
    line-height: 1.5;
}

body {
    background-color: #fff;
    font-family: 'open_sansregular';
}

h1 {
    font-size: 2.308em;
}

h2 {
    font-size: 2.000em;
}

h3 {
    font-size: 1.692em;
}

h4 {
    font-size: 1.538em;
}

h5 {
    font-size: 1.385em;
}

h6 {
    font-size: 1.231em;
}

ul {
    padding: 0 0 0 15px;
}

ol {
    padding: 0 0 0 20px
}

    ul ul, ol ol {
        margin: 10px 0
    }

ul.bulletText {
    list-style: none;
    padding: 0;
}

    ul.bulletText li {
        background: url(../images/right-arrow.gif) no-repeat left 7px;
        padding: 2px 0 2px 15px;
    }

p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address {
    margin: 0 0 25px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
    border: 1px solid #cfd8dc;
    width: 100%;
    height: 30px;
    padding: 5px 8px;
}

input[type="submit"], input[type="button"], input[type="reset"], button, .button {
    background-color: #c15433;
    color: #fff;
    border: 1px solid none;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    padding: 6px 20px 6px 15px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

    input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover {
        color: #fff;
        background-color: #333;
        background-color: #333;
    }

    input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn {
        background-color: #767676;
    }

input[type="reset"] {
    background-color: #767676;
}

.alignLeft {
    float: left
}

.alignRight {
    float: right;
}

.displayNone, .hasJS noscript, .hideThis {
    display: none !important;
    visibility: hidden
}

.jsRequired {
    display: none;
    background-color: #C00;
    color: #fff;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border: 0 none;
}

.mrgAuto {
    margin-right: auto;
    margin-left: auto;
}

.mrgT20 {
    margin-top: 20px;
}

.mrgL20 {
    margin-left: 20px;
}

.mrgR20 {
    margin-right: 20px;
}

.mrgB20 {
    margin-bottom: 20px;
}

.mrgT10 {
    margin-top: 10px;
}

.mrgL10 {
    margin-left: 10px;
}

.mrgR10 {
    margin-right: 10px;
}

.mrgB10 {
    margin-bottom: 10px;
}

.padL20 {
    padding-left: 20px;
}

.padR20 {
    padding-right: 20px;
}

.padB20 {
    padding-bottom: 20px;
}

.padT20 {
    padding-top: 20px;
}

.padL15 {
    padding-left: 15px;
}

.padR15 {
    padding-right: 15px;
}

.padB15 {
    padding-bottom: 15px;
}

.padT15 {
    padding-top: 15px;
}

.padL10 {
    padding-left: 10px;
}

.padR10 {
    padding-right: 10px;
}

.padB10 {
    padding-bottom: 10px;
}

.padT10 {
    padding-top: 10px;
}

.padTB10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padTB20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad25 {
    padding: 25px;
}

.pad30 {
    padding: 30px;
}

.width100p {
    width: 100%;
}

.width90p {
    width: 90%;
}

.width80p {
    width: 80%;
}

.width70p {
    width: 70%;
}

.width60p {
    width: 60%;
}

.width50p {
    width: 50%;
}

.width40p {
    width: 40%;
}

.width30p {
    width: 30%;
}

.width20p {
    width: 20%;
}

.width10p {
    width: 10%;
}

.fileSize {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.extIcon {
    vertical-align: middle;
    margin-left: 3px;
}

.rsIcon {
    display: inline-block;
    margin-right: 2px;
    height: 11px;
    text-indent: -999px;
    overflow: hidden;
    width: 11px;
    background: url(../../images/rupee.png) left top no-repeat;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.longWord, .wordBreak {
    word-wrap: break-word;
}
/********** Image Formating & Alignment **********/

.imgLeft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.imgRight {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.imgCenter {
    float: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.imgBorder {
    border: 1px solid #ccc;
    padding: 5px
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.shadow {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 4px;
}
/********** Alignment **********/

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

.center {
    text-align: center !important
}

.justify {
    text-align: justify !important
}
/********** Error/Alert Messages **********/

.message {
    padding: 10px 38px 10px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    position: relative;
}

    .message.success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .message.success a {
            color: #2b542c;
        }

    .message.error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .message.error a {
            color: #843534;
        }
/********** Table **********/

.tableOut {
    overflow-y: hidden;
    overflow-x: auto
}

table, .tableData {
    border-collapse: separate;
    border-spacing: 0;
    width: 100% !important;
    empty-cells: show;
    border: none;
    border-top: 1px solid #cfd8dc;
    border-left: 1px solid #cfd8dc;
}

    table table, .tableData table {
        margin: 0
    }

    th, td, .tableData th, .tableData td {
        border: none;
        padding: 5px 10px;
        border-bottom: 1px solid #cfd8dc;
        border-right: 1px solid #cfd8dc;
    }

    td, .tableData td {
        padding: 3px 10px;
        line-height: normal;
        vertical-align: top;
    }

    table tr:nth-child(odd) td, .tableRowOdd {
        background-color: #FFF;
    }

caption, th, td {
    font-weight: normal;
    background: #f9f8f8
}

th, .tableData th {
    background: #f1f2f2;
}

.tableScroll {
    overflow-y: hidden;
    overflow-x: auto
}
/* ******** Grid : 12 Coloum and Boxs ******** */

.example div div, .example .boxs li {
    border: 1px solid #eee;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.row {
    margin: 0 0 20px;
}

.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.cols12 {
    width: 100%
}

.cols11 {
    width: 91.66666667%
}

.cols10 {
    width: 83.33333333%
}

.cols9 {
    width: 75%
}

.cols8 {
    width: 66.66666667%
}

.cols7 {
    width: 58.33333333%
}

.cols6 {
    width: 50%
}

.cols5 {
    width: 41.66666667%
}

.cols4 {
    width: 33.33333333%
}

.cols3 {
    width: 25%
}

.cols2 {
    width: 16.66666667%
}

.cols1 {
    width: 8.33%
}

.boxs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.boxs2 {
    margin-left: -2%;
}

.boxs3 {
    margin-left: -2%;
}

.boxs4 {
    margin-left: -2%;
}

.boxs5 {
    margin-left: -2%;
}

.boxs6 {
    margin-left: -2%;
}

.boxs > li, .boxs > div {
    float: left;
    min-height: 1px;
    margin-left: 30px;
}

.boxs2 > li, .boxs2 > div {
    width: 48%;
    margin-left: 2%;
}

.boxs3 > li, .boxs3 > div {
    width: 31%;
    margin-left: 2%;
}

.boxs4 > li, .boxs4 > div {
    width: 23%;
    margin-left: 2%;
}

.boxs5 > li, .boxs5 > div {
    width: 18%;
    margin-left: 2%;
}

.boxs6 > li, .boxs6 > div {
    width: 14.6%;
    margin-left: 2%;
}

.boxBorder {
    padding: 5px;
    border: 1px solid #ccc;
}
/********* Navigation *********/

.mainNavigation {
    margin: 0;
    position: relative;
    background: #060613;
    clear: both;
    z-index: 9999
}

.toggleMenu {
    display: none;
    padding: 15px;
    text-decoration: none
}

    .toggleMenu .mobileMenu {
        font-size: 1.250em;
        color: #fff;
    }

    .toggleMenu .iconBar {
        float: right;
        width: 25px;
        height: 25px;
        background: url(../images/mobile-menu.png) no-repeat center center;
    }

#nav, #nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #nav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        display: inline
    }

        #nav li a {
            padding: 5px 27px;
            line-height: 36px;
            color: #fff;
            font-size: /*1.067em*/ 16px;
            display: inline-block;
            text-decoration: none
        }

    #nav ul {
        width: 300px;
        top: 100%;
        padding: 0;
        left: 0;
        position: absolute;
    }

.hasJS #nav ul {
    opacity: 0;
    transition: opacity 400ms linear;
    -webkit-transition: opacity 400ms linear;
}

#nav ul li {
    float: left;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}

    #nav ul li a {
        display: block;
        background-color: #dbdbdb;
        font-size: 1em;
        line-height: 24px;
        color: #060613;
        border: none;
        border-top: 1px solid #e4e3e3;
        padding: 5px 15px 5px 15px;
        text-align: left;
    }

#nav ul ul {
    top: 0;
    left: 300px
}
/*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected {
    color: #7fb6e9
}

#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul {
    margin-left: -9999px
}

    #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus {
        margin-left: 0
    }

#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {
    background-color: #dbdbdb;
    color: #060613
}

#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {
    background-color: #e9e9e9;
    color: #060613
}

#nav ul li.focus > a {
    background-color: #e9e9e9;
    color: #060613;
    display: block;
}

#nav .menuIcon {
    display: none;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 9px;
    height: 9px;
}

#nav li .menuIcon {
    background: url(../images/down-arrow.gif) no-repeat right center;
    z-index: 10
}

#nav li li .menuIcon {
    display: block;
    background: url(../images/right-arrow.gif) no-repeat right center;
    top: 13px;
    right: 10px;
    z-index: 11
}

#nav li li li .menuIcon {
    z-index: 12
}

#nav li .menuIcon.active {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.noJS #nav ul a:focus {
    width: 200px;
}

    .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul {
        margin-left: 9999px
    }

.noJS #nav ul a:active {
    margin-left: 0
}

.hasJS .menuPart #nav a:focus + ul, .hasJS .menuPart #nav li.focus > ul, .hasJS .menuPart #nav li.hover > ul, .hasJS .menuPart #nav li:hover > ul, .hasJS .menuPart #nav ul ul {
    opacity: 1;
}
/* ******** Index Slider ******** */

.indexBanner {
    position: relative
}

    .indexBanner .sliderBanner .item {
        height: 300px;
    }

.noJS .indexBanner {
    height: 302px;
    overflow: hidden
}
/********** Owl Carousel **********/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden; /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel .owl-grab {
        cursor: move;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        -ms-transition: opacity 400ms ease;
        -o-transition: opacity 400ms ease;
        transition: opacity 400ms ease;
    }

    .owl-carousel .owl-item img {
        transform-style: preserve-3d;
    }

    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
    }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url("owl.video.play.png") no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: scale 100ms ease;
        -moz-transition: scale 100ms ease;
        -ms-transition: scale 100ms ease;
        -o-transition: scale 100ms ease;
        transition: scale 100ms ease;
    }

    .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none;
    }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        -ms-transition: opacity 400ms ease;
        -o-transition: opacity 400ms ease;
        transition: opacity 400ms ease;
    }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
    }

.owlCarousel .item {
    border: 1px solid #ddd;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-controls .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

        .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-controls .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

.owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot {
    display: inline-block;
}

    .owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease;
        -o-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .noJS .owl-dots .owl-dot.active a {
        background: #869791
    }

.noScript {
    display: none;
}

.no-js .owl-carousel {
    display: block;
}

.noJS .owl-controls {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .noJS .owl-controls.noScript {
        display: block;
    }

.noJS .sliderBanner .item {
    position: relative;
}

.noJS .carouselBlock {
    margin-right: -10px;
}

    .noJS .carouselBlock .item {
        width: 220px;
        margin: 0 10px 10px 0;
        float: left;
    }
/********** Responsive Tab **********/

.resTab {
    position: relative;
    border: 0px solid #00c5ad;
}

    .resTab .tabNav {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .resTab .tabNav li {
            display: inline-block;
            margin: 0;
            position: relative;
            background-color: #fabb3d;
        }

            .resTab .tabNav li a {
                display: inline-block;
                padding: 10px 12px;
                text-decoration: none;
                font-size: 16px;
                font-weight: normal;
                color: #2f3b4c;
                outline: none;
                text-transform: uppercase;
                font-family: 'MyriadPro-Regular';
                text-shadow: 0 0 0 #2f3b4c;
                position: relative;
            }

        .resTab .tabNav .r-tabs-state-active a {
            color: #00527b;
            text-shadow: none;
            background-color: white;
            text-shadow: 0 0 0 #00527b;
        }

            .resTab .tabNav .r-tabs-state-active a:before {
                content: '';
                height: 3px;
                position: absolute;
                top: 0;
                width: 100%;
                background: #36a9e1;
                z-index: 9;
                left: 0px;
            }

    .resTab .tabContent {
        padding: 15px;
        display: none;
    }

    .resTab .r-tabs-panel.r-tabs-state-active {
        display: block;
        background: #fff;
    }

    .resTab .r-tabs-accordion-title {
        display: none;
    }

    .resTab .tabNav .r-tabs-state-disabled {
        opacity: 0.5;
    }

    .resTab .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        padding: 10px;
        background-color: #fabb3d;
        color: #2f3b4c;
        font-weight: bold;
        text-decoration: none;
    }

    .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #00c5ad;
        text-shadow: none;
    }

    .resTab .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }

.noJS .resTab .tabContainer {
    height: 150px;
    overflow: hidden;
}

.noJS .resTab .tabContent {
    display: block;
    height: 150px
}
/********* Back to Top **********/

#backtotop {
    background: url(../images/backtotop.png) no-repeat;
    cursor: pointer;
    display: none;
    height: 17px;
    width: 32px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    bottom: 20px;
    text-indent: -99999px;
    z-index: 999;
    display: none
}
/*********  Accordion ******** */

.accordion {
    margin-bottom: 20px;
}

    .accordion .accTrigger {
        background: url(../images/plus.png) left 5px no-repeat;
        padding-left: 20px;
        cursor: pointer;
        font-weight: bold
    }

.noJS .accordion .accTrigger {
    background: none;
    padding-left: 0
}

.accordion .accTrigger a {
    display: block;
    text-decoration: none;
    outline: 0
}

.accordion .accTrigger.active {
    background: url(../images/minus.png) left 5px no-repeat !important;
}

.accordDetail {
    padding: 10px 20px;
    display: none
}

.noJS .accordDetail {
    display: block;
    padding: 10px 0
}
/*********  Marquee *********/

.marquee {
    overflow: hidden;
}

.marqueeScrolling li {
    float: left;
    margin-right: 25px;
}

.noJS .btnMPause {
    display: none;
}

.noJS .marqueeScrolling {
    overflow-y: hidden;
    overflow-x: auto
}

.noJS .marquee {
    width: 240%
}
/********** Ticker *********/

.noJS .ticker .stop {
    display: none
}

.noJS .ticker ul {
    margin: 0
}

.noJS .ticker .tickerDivBlock {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden
}
/*********  gmap3 - Google Map API *********/

.gmap3 {
    border: 1px dashed #C0C0C0;
    width: 100%;
    height: 400px;
}

    .gmap3 img {
        max-width: inherit
    }

.noJS .gmap3 {
    background: url(../images/map_bg.jpg) no-repeat;
}
/*********	LiteBox v1.3 **********/
.litebox-overlay, .litebox-overlay > * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.litebox-overlay {
    display: none;
    width: 100%;
    min-width: 280px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

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

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

@-moz-keyframes liteboxLoader {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes liteboxLoader {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes liteboxLoader {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes liteboxLoader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.litebox-overlay .litebox-loader {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 20px;
    border: 3px solid #111;
    border-right-color: #fff;
    border-radius: 50%;
    -webkit-animation: liteboxLoader 1s linear infinite;
    -moz-animation: liteboxLoader 1s linear infinite;
    -ms-animation: liteboxLoader 1s linear infinite;
    -o-animation: liteboxLoader 1s linear infinite;
    animation: liteboxLoader 1s linear infinite;
}

.litebox-overlay .litebox-text {
    width: 100%;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .litebox-overlay .litebox-text.active {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        opacity: 1;
    }

.litebox-overlay .litebox-close {
    width: 40px;
    height: 40px;
    background: url(../images/litebox-close.png) no-repeat center;
    opacity: .7;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .litebox-overlay .litebox-close:hover {
        opacity: 1;
        cursor: pointer;
    }

.litebox-overlay .litebox-nav {
    display: none;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    opacity: .2;
    position: absolute;
    top: 50%;
    z-index: 9999999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .litebox-overlay .litebox-nav:hover {
        opacity: .5;
        cursor: pointer;
    }

.litebox-overlay .litebox-prev {
    background: url(../images/litebox-prev.png) no-repeat center;
    left: 20px;
}

.litebox-overlay .litebox-next {
    background: url(../images/litebox-next.png) no-repeat center;
    right: 20px;
}

.litebox-overlay .litebox-container {
    position: absolute;
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    overflow: hidden;
}

    .litebox-overlay .litebox-container.litebox-scroll {
        overflow-y: auto;
    }

.litebox-overlay img, .litebox-overlay iframe {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    vertical-align: middle;
    overflow-x: hidden;
}

.litebox-overlay iframe {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999999;
}

.litebox-overlay .litebox-inline-html {
    width: 100%;
    padding: 0 20px 20px;
    background: #FFF;
    line-height: normal;
    overflow-x: hidden;
    line-height: normal !important;
    position: absolute;
}

.litebox-overlay .litebox-error {
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    line-height: inherit;
}

    .litebox-overlay .litebox-error span {
        background: rgba(0, 0, 0, .9);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 20px;
        color: #FFF;
        text-shadow: 1px 1px 0 #000;
        line-height: normal;
    }

@media only screen and (max-width: 479px) {
    .litebox-overlay .litebox-close { /*display: none; */
    }
}
/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon {
    background-color: #185db9;
    z-index: 100 !important
}

    .ui-datepicker th, .ui-state-highlight {
        background-color: #052847;
    }

    .ui-state-active, .ui-datepicker tbody a:hover {
        background-color: #ff672b;
    }

.ui-datepicker-prev span, .ui-datepicker-next span {
}

.ui-datepicker {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

        .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -7px;
            top: 50%;
            margin-top: -8px;
            font-size: 12px;
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
            height: 25px;
            background-color: #fff;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
        border: 0 none;
    }

    .ui-datepicker th {
        padding: .5em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
        background-color: transparent;
    }

    .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {
        background-color: transparent;
    }

    .ui-datepicker td span, .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        overflow: hidden;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }
/*----Date Picker----*/
.eventCalOut {
    position: absolute;
    width: 222px;
    right: -222px;
    float: right;
    top: 70px;
    z-index: 22;
}

.calendarIcon {
    width: 50px;
    height: 52px;
    position: absolute;
    left: -50px;
}

    .calendarIcon span {
        background-position: -113px -27px;
        width: 29px;
        height: 29px;
        margin: 10px;
    }

.calendarOut {
    padding: 5px;
}

    .calendarOut .ui-datepicker {
        width: 100%;
    }

    .calendarOut .button {
        background-color: #2979ca;
        color: #fff;
        display: block;
        text-align: center;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

        .calendarOut .button:hover {
            background-color: #173C84;
        }

.ui-datepicker tbody a {
    color: #fff;
}

.ui-datepicker-title {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
}

.ui-datepicker-prev, .ui-datepicker-next {
    width: 25px;
    font-size: 16px;
    height: 25px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    color: #fff;
}

    .ui-datepicker-prev span {
        background-position: -147px -27px;
        overflow: hidden;
        width: 25px;
        height: 25px;
        position: static;
        margin: 5px 0 0;
    }

    .ui-datepicker-next span {
        background-position: -175px -27px;
        overflow: hidden;
        width: 25px;
        height: 25px;
        position: static;
        margin: 5px 0 0;
    }

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    line-height: 20px;
}

.ui-datepicker-trigger {
    display: none;
    width: 30px;
    height: 30px;
    margin: 8px 0 0 15px;
    vertical-align: top;
    overflow: hidden;
    background: transparent !important;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -45px;
    top: 7px;
}

.calIcon {
    background-position: -205px -107px;
    width: 30px;
    height: 30px;
    display: block;
    vertical-align: top;
}
/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/

.container {
    margin: 0 auto;
    width: 100%;
}

/********** Top Links and Font Resize **********/

.topStrip {
    border-bottom: 1px solid #ececec;
    padding: 7px 0;
    line-height: 23px;
}

.leftLink {
    float: left;
}

.rightLinks {
    float: right;
}

.topStrip ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.topStrip li {
    float: left;
    padding: 0 7px 0 8px;
    position: relative;
}

.topStrip .fontResize {
    padding-top: 2px
}

.topStrip a {
    color: #333;
    text-decoration: none;
}

    .topStrip a:hover {
        text-decoration: underline;
        color: #bb4c11
    }

.topStrip li:first-child {
    padding-left: 0;
}

.topStrip li:last-child {
    padding-right: 0;
}

.topStrip li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: auto;
    height: 14px;
    width: 1px;
    background: #666666;
    overflow: hidden;
    margin-top: -7px;
}

.topStrip li:first-child:before {
    display: none;
}
/********** Access Control **********/

#accessControl input {
    float: left;
    height: 19px;
    background: none;
    border: none;
    padding: 0;
    width: 22px;
    color: #000
}

    #accessControl input:hover {
        color: #e65a15
    }

#accessControl .normal {
    font-size: 14px;
}

#accessControl .large {
    font-size: 15px;
}

#accessControl .contrastChanger {
    width: 17px;
    width: 19px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-transform: capitalize;
}

    #accessControl .contrastChanger.normal {
        background-image: url(../images/a-light.gif);
        margin: 0 5px;
    }

    #accessControl .contrastChanger.wob {
        background-image: url(../images/a-dark.gif);
    }
/********** High Contrast View **********/

body.wob {
    background-color: #000;
    color: #fff
}

.wob a {
    color: #ff0
}

    .wob a:hover {
        color: #80ff00
    }
/********** From Page **********/

.formList {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .formList li {
        padding: 0 0 15px;
        margin: 0;
    }

    .required, .formList .error {
        color: #C00;
    }

    .formList .error {
        display: block;
        font-size: 12px;
    }

    .formList .textBoxOut {
        margin-bottom: 5px;
    }

    .formList label, .formList .label {
        color: #333;
        display: block;
        font-weight: normal;
        padding-bottom: 7px;
    }

.radioList input {
    float: left;
    margin: 5px;
    clear: left;
}

.radioList label, .radioList .label {
    float: left;
    color: #555;
}

.note {
    font-size: 12px;
    font-style: italic;
    padding: 5px 0 0;
}

.captcha {
    position: relative;
}

    .captcha .captchaImg {
        border: 1px solid #d7d7d7;
        float: left;
        max-height: 33px;
    }

    .captcha .refreshCaptcha {
        float: left;
        margin: 5px 0 0 10px;
    }

.fixedErrorMsg {
    background-color: rgba(233, 48, 30, 0.92);
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 15px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    display: none;
}

.fixedSuccessMsg {
    background-color: rgba(20, 155, 65, 0.92);
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 15px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    display: none;
}
/**Side BAr**/
/*.container { 
    padding-left: 314px;
    padding-right: 0px;
    box-sizing: border-box;
    float: left;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.sidebar-collapse .container {
    padding-left: 55px;
}*/

/*.logo {
    background: #235185;
    text-align: center;
    float: left;
    height: auto !important;
    z-index: 99991;
    position: relative;
}*/
h1.logo {
    margin: 0;
}

.skin-blue .main-header .navbar {
    background-color: #049dbf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #00527b
}

/*.sidebar {
    width: 100%;
    background: #274058;
    position: absolute;
    z-index: 9999999;
    height: 100% !important;
    float: left;
    height: calc(100% - 65px) !important;
}*/
/**Side Bar CSS**/
.sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4
}

.navbar-custom-menu > .navbar-nav > li {
    position: relative
}

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto
    }

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    text-decoration: none
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
    font-size: 15px;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
        width: 20px
    }

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    margin: 0;
    padding: 10px 10px
}

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
        margin: auto 10px auto auto;
        width: 40px;
        height: 40px
    }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
        padding: 0;
        margin: 0 0 0 45px;
        color: #444444;
        font-size: 15px;
        position: relative;
        line-height: 15px;
    }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
            color: #999999;
            font-size: 10px;
            position: absolute;
            top: 0;
            right: 0;
            line-height: 13px;
        }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
        margin: 0 0 0 45px;
        font-size: 12px;
        color: #888888
    }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
        content: " ";
        display: table
    }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
        clear: both
    }

.main-sidebar {
    position: fixed;
    top: 86px;
    left: 0;
    height: 100%;
    width: 280px;
    z-index: 1;
    background: #4256A7;
    overflow-y: auto;
    padding-bottom: 100px;
/*    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;*/
}



.dropdown-menu {
    box-shadow: none;
    border-color: #eee
}

    .dropdown-menu > li > a {
        color: #777
    }

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%`
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #274058;
        padding: 7px 10px;
        border-bottom: 1px solid #f4f4f4;
        color: #fff;
        font-size: 14px;
        font-family: 'open_sanssemibold';
        font-weight: normal;
    }
/**Side Bar CSS**/
#footer {
    border-top: 1px solid #cecece;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 15px;
}

body, html {
    height: 100%;
    width: 100%;
    background: #F1F7FF;
}

#wrapper {
    /*position: absolute;*/
    min-height: 100%;
    width: 100%;
}

.navbar.navbar-static-top {
    border-bottom: 0px;
}

.reporterDashboard {
    background: #032a44;
    color: #fff;
    font-size: 30px;
    padding: 24px 20px 27px;
    font-family: 'open_sansbold';
    line-height: 36px;
}


.userDetail {
    padding: 20px 30px 0;
}

    .userDetail:after {
        content: '';
        clear: both;
        width: 100%;
        display: table;
    }

/*.inlineUser {
    padding: 9px 10px 0px 0px;
    float: left;
    cursor: pointer;
}*/

.inlineUser .userImg {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #4256a7;
    border-radius: 50px;
}

    .inlineUser .userImg .onlineSign {
        background: #33de80;
        border: 4px solid #2f3b4c;
        height: 18px;
        width: 18px;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        -o-border-radius: 100px;
        -ms-border-radius: 100px;
        position: absolute;
        right: -6px;
        bottom: 1px;
    }

    .inlineUser .userImg img {
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        -o-border-radius: 100px;
        -ms-border-radius: 100px;
        background: #fff;
        border: 1px solid #fff;
    }

.inlineUser .userName {
    position: relative;
    color: #000;
    font-size: 13px;
    padding: 5px;
    float: left;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-family: 'open_sansregular';
}



    .inlineUser .userName:after {
        top: 50%;
        left: 100%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
    }

    .inlineUser .userName:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    .inlineUser .userName span {
        font-size: 13px;
        display: block;
        font-family: 'open_sanssemibold';
    }

.managSystem {
    font-family: 'open_sansbold';
    font-size: 16px;
    float: right;
    line-height: 17px;
}

    .managSystem span {
        font-size: 13px;
        display: block;
        font-family: 'open_sanssemibold';
        color: #09573d;
    }



/*****Scroll CSS*****/
.content {
    overflow: auto;
    position: relative;
    padding: 0px;
    background: none;
    margin: 0px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

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

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 5px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

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

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

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 5px;
        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;
}

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

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

.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.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: #e9e9e9;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #46afe3;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #46afe3;
    background-color: #46afe3;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #46afe3;
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-color: #e9e9e9;
}
/*****Scroll CSS*****/

.leftMenu ul li {
    line-height: 32px;
}

    .leftMenu ul li a i {
        font-size: 22px;
        float: left;
        height: 31px;
        width: 31px;
        margin-right: 10px;
        text-align: center;
        background: url(../images/menu-icons.png) no-repeat;
        background-position: 0 0;
        display: block;
    }

        .leftMenu ul li a i.memberP-icon {
            background-position: 0 -29px;
        }

        .leftMenu ul li a i.searchIcon {
            background-position: 0 -31px;
        }

        .leftMenu ul li a i.formIcon {
            background-position: 0 -252px;
        }

        .leftMenu ul li a i.directoryIcon {
            background-position: 0 -83px;
        }

        .leftMenu ul li a i.eventsIcon {
            background-position: 0 -113px;
        }

        .leftMenu ul li a i.sharePointIcon {
            background-position: 0 -142px;
        }

        .leftMenu ul li a i.systemC-icon {
            background-position: 0 -169px;
        }

        .leftMenu ul li a i.reportsIcon {
            background-position: 0 -196px;
        }

        .leftMenu ul li a i.monthly-rp-Icon {
            background-position: 0 -225px;
        }

    .leftMenu ul li a span {
        display: block;
        padding: 7px 0;
        line-height: 1.2
    }

    .leftMenu ul li a i.dashboardIcon {
        background-position: 0 0;
    }

    .leftMenu ul li a i.dtoDetailIcon {
        background-position: 0 -31px;
    }

    .leftMenu ul li i.masterIcon {
        background-position: 0 -62px;
    }

    .leftMenu ul li a i.memberDetailIcon {
        background-position: 0 -93px;
    }

    .leftMenu ul li a i.formFIcon {
        background-position: 0 -124px;
    }

    .leftMenu ul li a i.monthlyMasterReportIcon {
        background-position: 0 -155px;
    }

    .leftMenu ul li a i.userIcon {
        background-position: 0 -186px;
    }

    .leftMenu ul li a i.reportIcon {
        background-position: 0 -217px;
        min-width: inherit
    }


.headerTop {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 25px 30px;
}

.headerLeft {
    float: left;
}

.headerRight {
    float: right;
}

.toggleIcon {
    cursor: pointer;
    float: left;
    position: fixed;
    left: 350px;
    top: 25px;
    z-index: 3;
}

    .toggleIcon a {
        outline: none;
        display: block;
    }

        .toggleIcon a.navTog, .toggleIcon a.navTog.show {
            /* position: absolute;
            top: 211px;
            left: 272px;*/
            background: #4256A7;
            /*z-index: 99999;*/
            padding: 6px 10px;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            transition-delay: .1s;
            -webkit-transition-delay: .1s;
            z-index: 9;
            height: 37px;
        }
            /*.toggleIcon a.navTog span:nth-child(1), .toggleIcon a.navTog.show span:nth-child(1){transform: rotate(-25deg); -webkit-transform: rotate(-25deg); margin-top:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:15px;}
.toggleIcon a.navTog span:nth-child(2), .toggleIcon a.navTog.show span:nth-child(2){transform: rotate(25deg); -webkit-transform: rotate(25deg); margin-top:-2px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:15px;}
.toggleIcon a.navTog span:nth-child(3), .toggleIcon a.navTog.show span:nth-child(3){ display:none;}*/
            .toggleIcon a.navTog.hide {
                left: 0px;
                padding-bottom: 6px;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
            }

                .toggleIcon a.navTog.hide span:nth-child(1) {
                    transform: none;
                    -webkit-transform: none;
                    margin-top: 0px;
                    transition: all 0.4s ease;
                    -webkit-transition: all 0.4s ease;
                }

                .toggleIcon a.navTog.hide span:nth-child(2) {
                    transform: none;
                    -webkit-transform: none;
                    margin-top: 0px;
                    transition: all 0.4s ease;
                    -webkit-transition: all 0.4s ease;
                }

                .toggleIcon a.navTog.hide span:nth-child(3) {
                    transform: none;
                    -webkit-transform: none;
                    display: block;
                }

    .toggleIcon span {
        background: #fff;
        height: 3px;
        width: 22px;
        display: block;
        margin: 4px 0 !important;
    }

.sidebar-collapse .toggleIcon span {
    background: #fff;
}

.pickColor {
    float: left;
    margin-top: 30px;
    margin-left: 25px;
}

    .pickColor ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .pickColor ul li {
            margin: 0px 5px 0 0;
            padding: 0px;
            float: left;
        }

            .pickColor ul li .greenClr {
                height: 20px;
                width: 20px;
                background: #33b86c;
                border: 2px solid #82cedf;
                display: block;
                border-radius: 7px;
                -webkit-border-radius: 7px;
                cursor: pointer;
            }

            .pickColor ul li .cyanClr {
                height: 20px;
                width: 20px;
                background: #047f9a;
                border: 2px solid #82cedf;
                display: block;
                border-radius: 7px;
                -webkit-border-radius: 7px;
                cursor: pointer;
            }

            .pickColor ul li .drkblueClr {
                height: 20px;
                width: 20px;
                background: #061e54;
                border: 2px solid #82cedf;
                display: block;
                border-radius: 7px;
                -webkit-border-radius: 7px;
                cursor: pointer;
            }

            .pickColor ul li .drkGreenClr {
                height: 20px;
                width: 20px;
                background: #133932;
                border: 2px solid #82cedf;
                display: block;
                border-radius: 7px;
                -webkit-border-radius: 7px;
                cursor: pointer;
            }


.searchBox {
    margin-top: 12px;
    float: left;
}

    .searchBox input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }

    .searchBox input::-webkit-search-decoration, .searchBox input::-webkit-search-cancel-button {
        display: none;
    }

    .searchBox input[type=search] {
        cursor: pointer;
        background: url(../images/seachIcon.png) no-repeat 9px center;
        border: solid 1px transparent;
        padding: 4px 5px 4px 35px;
        width: 35px;
        height: 28px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        -webkit-transition: all .5s;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -moz-transition: all .5s;
        transition: all .5s;
        color: #fff;
        font-size: 12px;
    }

        .searchBox input[type=search]:focus {
            width: 200px;
            padding-right: 5px;
            background-color: #2b5f9a;
            border-color: #1b4677;
        }

    .searchBox input:-moz-placeholder {
        color: #fff;
    }

    .searchBox input::-webkit-input-placeholder {
        color: #fff;
    }

    .searchBox .searchIocn {
        height: 25px;
        width: 25px;
        background: url(../images/seachIcon.png) no-repeat center center;
        background-size: 12px;
        display: block;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        cursor: pointer;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        border: 1px solid #fff;
        display: none;
    }

        .searchBox .searchIocn:hover, .searchBox .searchIocn.active {
            border: 1px solid #ccc;
        }

.main-header {
    width: 100%;
    height: 85px;
    position: fixed;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    padding: 0 15px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
}

/* .main-header .navbar {
        background-color: #235185;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }*/

.skin-white .logo {
    background: #235185 !important;
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 8px;
    right: -1px;
    text-align: left;
    font-size: 12px;
    padding: 0;
    line-height: 15px;
    height: 16px;
    width: 16px;
    text-align: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
}

/*.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    font-size: 20px;
    width: 394px;
    padding: 5px 0 5px 130px;
    margin: 0px;
}*/
.logo img {
    width: 320px;
}

/*    .main-header .logo img {
        float: left;
        position: absolute;
        left: 15px;
        top: 4px;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        max-width: 107px;
    }*/

/*.logo > a {
    color: #fff;
    text-decoration: none;
    font-family: 'open_sanssemibold';
    font-size: 16px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 15px;
    text-shadow: 0 0 0 #fff;
    outline: none;
}*/

/* .logo > a span {
        display: block;
        font-family: 'open_sansregular';
        font-size: 12px;
    }*/


.navbar-nav {
    margin-bottom: 0px;
}

.navbar-options {
    margin: 0px 20px 0 0
}

    .navbar-options ul {
        list-style-type: none;
        padding: 0px;
        cursor: pointer;
    }

    .navbar-options .dropdown-toggle {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: start;
    }

    /*        .navbar-options ul li {
            float: left;
            margin-left: 17px;
        }*/

    .navbar-options ul li a {
        padding-left: 0px;
        padding-right: 8px;
        outline: none;
        line-height: 30px;
        display: block;
        text-decoration: none;
    }

    .navbar-options ul li li {
        float: left;
        margin-left: 0px;
        width: 100%;
    }
    /*.navbar-options ul li.massegeIcon a i{height:20px; width:25px; display:block;}*/
    .navbar-options ul li a i {
        font-size: 20px;
        color: #fff;
        line-height: 50px;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

    .navbar-options ul li a:hover i {
        color: #999;
    }

    .navbar-options ul ul {
        margin: 0px;
    }

    .navbar-options ul li li.footer a {
        background-color: #274058;
        color: #fff;
        display: block;
        border-radius: 0 0 5px 5px;
        padding: 5px 12px;
        font-size: 13px;
    }

.slimScrollDiv .pull-left {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 40px;
    width: 40px;
    overflow: hidden;
    float: left;
}

.main-header .navbar .nav > li > a > .label {
    background: #ff0900;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
}

.main-header .navbar .nav > li.bellIcon > a > .label {
    background: #ff0900;
    color: #fff;
}

.main-header .navbar .nav > li > a > .label.label-warning {
    right: 0px;
}

.navbar-options .dropdown-menu {
    display: none;
    background: #fff;
    z-index: 99999;
    border-radius: 4px 4px 0 0;
}

.clockIcon {
    background: url(../images/spritImg.png) no-repeat;
    background-position: 0px -133px;
    height: 18px;
    width: 18px;
    float: left;
}

.massegeIcon ul ul li small {
    font-size: 12px !important;
}

.navbar-options ul li li a {
    text-decoration: none;
}

.navbar-options ul li .msg_list {
    width: 240px;
    background: #00527b;
    padding: 0px;
    position: absolute;
    right: 0px;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    margin-top: -13px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

    .navbar-options ul li .msg_list li {
        float: none;
        background: none !important;
        margin: 0px;
    }

        .navbar-options ul li .msg_list li a {
            height: auto;
            display: table;
            width: 100%;
            padding: 10px;
            font-size: 12px;
            line-height: 13px;
            color: #fff;
            text-shadow: 0 0 0 #fff;
            border-bottom: 1px dashed rgba(255, 255, 255, .3);
            transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
        }

            .navbar-options ul li .msg_list li a:hover {
                background: rgba(255, 255, 255, .1);
            }

            .navbar-options ul li .msg_list li a:before {
                display: none;
            }

            .navbar-options ul li .msg_list li a .image {
                width: 40px;
                float: left;
            }

            .navbar-options ul li .msg_list li a .titleName {
                font-size: 14px;
                font-weight: bold;
                line-height: 18px;
            }

            .navbar-options ul li .msg_list li a img {
                display: block;
            }

            .navbar-options ul li .msg_list li a .msgText {
                width: 100%;
                float: left;
                margin-left: -40px;
                padding-left: 50px;
                box-sizing: border-box;
            }

            .navbar-options ul li .msg_list li a .message {
                display: block;
                padding: 0px;
                margin-bottom: 0px;
            }

.navbar-options ul li.massegeIcon:hover .msg_list {
    visibility: visible;
    opacity: 1;
    margin-top: 3px;
}


/*Navigation accordian*/
/*.leftMenu {
    margin-top: 100px;
    background: #274058;
}*/

.navMain li {
    position: relative;
}

.navMain, .navMain ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.submenu {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #223545;
}

.submenuOne {
    background: #122737;
}

.navMain .link {
    color: #ffffff;
    padding: 10px 10px 10px 20px;
    position: relative;
    cursor: pointer;
}

    .navMain .link span {
        display: block;
        line-height: 1.2;
        padding: 7px 0;
        color: #D5DDFC;
        font-weight: 300;
    }

    .navMain .link i {
        font-size: 22px;
        float: left;
        height: 31px;
        width: 31px;
        margin-right: 10px;
        text-align: center;
        background: url(../images/menu-icons.png) no-repeat;
        background-position: 0 0;
        display: block;
    }

.leftMenu ul li a i.memberP-icon, .leftMenu ul li .link i.memberP-icon {
    background-position: 0 -62px;
}

.submenuOne .link {
    color: #ffffff;
    padding: 10px 10px 10px 20px;
    position: relative;
}

.leftMenu .MenuTitle {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    display: block;
    padding-bottom: 16px;
    padding-right: 0;
    padding-top: 15px;
    padding-left: 22px;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    line-height: 21px;
}

.navMain li.parent a, .submenu a {
    color: #D5DDFC;
    font-weight: 300;
    text-decoration: none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 10px 10px 10px 20px;
}

.navMain li.parent .submenuOne li {
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.navMain li.parent .submenuOne a {
    color: #D5DDFC;
    text-decoration: none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 4px 10px 4px 60px;
    background: url(../images/btn-arrow.png) no-repeat 40px center;
    background-size: 10px;
}

    .navMain li.parent .submenuOne a:hover {
        background: url(../images/btn-arrow.png) no-repeat 30px center rgba(0, 0, 0, 0.1) !important;
        background-size: 12px !important;
    }

.navMain .link::after, .navMain .link a::after {
    content: "";
    background: url(../images/arrow-down.png) no-repeat;
    font-size: 17px;
    position: absolute;
    right: 10px;
    height: 7px;
    width: 12px;
    top: 23px;
    right: 18px;
    transition: all 350ms ease 0s;
}

.link.activeLI:after, .link.activeLI a:after {
    transform: rotate(180deg);
}

.leftMenu ul li:last-child {
    border-bottom: medium none;
}

.navMain li.parent a:hover {
    background: #6794DC;
    color: #fff;
    margin: 0;
    width: 100%;
    border-radius: 5px;
}

.navMain li.parent .activeLI {
    background: #6794DC;
    color: #fff;
    margin: 0;
    width: 100%;
    border-radius: 5px;
}

.leftPadAdd .container {
    padding-left: 0;
}

.dasbordContent { /*padding:30px 34px;*/
    padding: 0px;
}

    .dasbordContent h1 {
        font-size: 28px;
        color: #ff7800;
        font-weight: bold;
        text-transform: uppercase;
    }

    .dasbordContent h2 {
        font-size: 20px;
        color: #2e303d;
        text-transform: uppercase;
        font-family: 'open_sansbold';
    }

.mainContent {
    background: #fff;
    padding: 15px;
}

.addReports {
    margin-bottom: 30px;
}

    .addReports ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px -15px;
    }

        .addReports ul li {
            float: left;
            width: 33.3%;
            font-size: 30px;
            font-family: 'open_sansbold';
            font-size: 16px;
            padding: 0 15px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

            .addReports ul li .addReports-Box {
                background: #fff;
                box-shadow: 0px 2px 2px rgba(0,0,0,.1);
                position: relative;
                padding: 0;
                min-height: 60px;
                vertical-align: middle;
            }

                .addReports ul li .addReports-Box a {
                    display: block;
                    text-decoration: none;
                    color: #393939;
                    padding: 18px 10px 18px 94px;
                    outline: none;
                    position: relative;
                    z-index: 9;
                }

                    .addReports ul li .addReports-Box a:hover {
                        color: #fff;
                        padding-left: 75px;
                    }

                .addReports ul li .addReports-Box span {
                    height: 60px;
                    width: 70px;
                    display: block;
                    float: left;
                    background: #50c8ef;
                    position: absolute;
                    height: 100%;
                    left: 0px;
                    top: 0px;
                    bottom: 0px;
                }

                    .addReports ul li .addReports-Box span:before {
                        content: '';
                        background: url(../images/spritImg.png) no-repeat;
                        height: 32px;
                        width: 32px;
                        display: block;
                        position: relative;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 1;
                    }

                    .addReports ul li .addReports-Box span.addReports-Icon {
                        background: #50c8ef;
                    }

                        .addReports ul li .addReports-Box span.addReports-Icon:before {
                            background-position: 3px -1px;
                        }

                        .addReports ul li .addReports-Box span.addReports-Icon:after {
                        }

                    .addReports ul li .addReports-Box span.Sentfiles-Icon {
                        background: #b198dc;
                    }

                        .addReports ul li .addReports-Box span.Sentfiles-Icon:before {
                            background-position: -43px 0px;
                        }

                    .addReports ul li .addReports-Box span.MISReports-Icon {
                        background: #6edcd1;
                    }

                        .addReports ul li .addReports-Box span.MISReports-Icon:before {
                            background-position: -91px -1px;
                        }

                    .addReports ul li .addReports-Box span.createRoster-Icon {
                        background: #ff8761;
                    }

                        .addReports ul li .addReports-Box span.createRoster-Icon:before {
                            background-position: 3px -1px;
                        }

                    .addReports ul li .addReports-Box span.createEvent-Icon {
                        background: #b198dc;
                    }

                        .addReports ul li .addReports-Box span.createEvent-Icon:before {
                            background-position: -137px -1px;
                        }

                    .addReports ul li .addReports-Box span.addReporter-Icon {
                        background: #50c8ef;
                    }

                        .addReports ul li .addReports-Box span.addReporter-Icon:before {
                            background-position: -179px 1px;
                        }

                    .addReports ul li .addReports-Box span.todayRosters-Icon {
                        background: #ff8761;
                    }

                        .addReports ul li .addReports-Box span.todayRosters-Icon:before {
                            background-position: -220px 0px;
                        }

                    .addReports ul li .addReports-Box span.leaveManagement-Icon {
                        background: #50c8ef;
                    }

                        .addReports ul li .addReports-Box span.leaveManagement-Icon:before {
                            background-position: -264px -2px;
                        }

.clr1 a:after, .clr2 a:after, .clr3 a:after, .clr4 a:after, .clr5 a:after, .clr6 a:after {
    content: '';
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 0.3s ease;
    background: #50c8ef;
}

.clr1 a:hover:after, .clr2 a:hover:after, .clr3 a:hover:after, .clr4 a:hover:after {
    width: 100%;
}

.clr2 a:after {
    background: #b198dc;
}

.clr3 a:after {
    background: #6edcd1;
}

.clr4 a:after {
    background: #ff8761;
}

.clr5 {
}

.clr6 {
}


.addReports4 ul li {
    width: 25%;
}

    .addReports4 ul li .addReports-Box a {
        padding: 20px 10px 20px 80px;
    }

    .addReports4 ul li .addReports-Box span {
        width: 64px;
    }

    .addReports4 ul li .addReports-Box b {
    }

    .addReports4 ul li .addReports-Box:hover a {
        padding: 20px 10px 20px 65px;
    }

.dasbordBanner {
    margin-bottom: 30px;
}

    .dasbordBanner:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

    .dasbordBanner img {
        width: 100%;
    }

.dasbordBannerLeft {
    width: 230px;
    float: left;
}

.dasbordBannerRight {
    width: 100%;
    float: left;
    margin-left: -230px;
    padding-left: 250px;
}

.bannerHeading:after {
    content: '';
    clear: both;
    display: table;
    width: 100%;
}

.filesStatus {
    background: url(../images/filesStatus-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 15px;
    height: auto;
}

    .filesStatus h4 {
        font-family: 'open_sansbold';
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        margin: 0px;
        float: left;
    }

.bannerDate {
    float: right;
    color: #fff;
    width: auto;
}

    .bannerDate ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        float: right;
    }

        .bannerDate ul li {
            float: left;
            width: 123px;
            margin-left: 10px;
        }

            .bannerDate ul li input {
                background-color: #fff;
                height: 30px;
            }

.StatusProgress {
    clear: both;
    padding: 0 0px;
    margin-bottom: 7px
}

    .StatusProgress ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .StatusProgress ul li {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            float: left;
            text-align: center;
            width: 25%;
            margin-top: 25px;
        }

            .StatusProgress ul li .progressName {
                font-family: 'open_sansbold';
                font-size: 16px;
                color: #fff;
                margin-top: 5px;
            }

.fullBanner {
    margin-bottom: 30px;
    margin-left: -34px;
    margin-right: -34px;
    padding-right: 34px;
    background: #1a63b0;
    position: relative;
}

    .fullBanner:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

.fullBannerLeft {
    width: 38%;
    float: left;
    position: relative; /*background:url(../images/img-1.jpg) no-repeat; background-size:cover;*/
    overflow: hidden;
    display: block;
}

    .fullBannerLeft img {
        width: 100%;
        max-width: none;
        vertical-align: middle;
        display: table-cell;
    }

.fullBannerRight {
    width: 62%;
    float: left;
    position: relative;
    padding: 0 0 0 50px;
}

.fullBannerLeft:before {
    right: 0px;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.fullBannerLeft:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #1a63b0;
    border-width: 25px;
    margin-top: -25px;
}

.fullBannerRight .addReports {
    margin-top: 6%;
    margin-bottom: 0px;
}

    .fullBannerRight .addReports ul li {
        width: 50%;
        margin-bottom: 0px;
    }

        .fullBannerRight .addReports ul li .addReports-Box a {
            padding-left: 90px;
        }

            .fullBannerRight .addReports ul li .addReports-Box a:hover {
                padding-left: 74px;
            }

        .fullBannerRight .addReports ul li b {
            width: 120px;
            display: inline-block;
        }

.addReports ul li .addReports-Box span.createEvent-Icon {
    background: #b198dc;
}

.dashboardBread {
    border-bottom: 2px solid #dfdfdf;
    padding: 100px 0px 0px;
}

    .dashboardBread ul {
        list-style-type: none;
        margin-bottom: 0px;
        padding: 15px 20px 0px;
        height: 40px;
    }

        .dashboardBread ul li {
            float: left;
            font-size: 12px;
            color: #555555;
        }

            .dashboardBread ul li:before {
                content: '';
                width: 6px;
                height: 10px;
                background: url(../images/event-arrow.png) no-repeat 0 0;
                float: left;
                margin: 5px 16px 0;
            }

            .dashboardBread ul li:first-child:before {
                display: none;
            }

            .dashboardBread ul li a {
                font-size: 12px;
                color: #555555;
                text-decoration: none;
            }

                .dashboardBread ul li a:hover {
                    color: #235185;
                }

html.mm-background .dashboardBread {
    padding-left: 132px;
}

.leftPadAdd, .leftPadRem {
    transition: all 0.4S ease;
    /*-webkit-transition: all 0.4S ease;
    transition: all 0.4s ease-out;*/
    margin-left: 280px;
    height: 100%;
    min-height: 100%;
}

/*.slidefix .leftPadAdd, .slidefix .leftPadRem {
    margin-left: 0;
}*/
.slidefix .leftPadAdd, .slidefix .leftPadRem {
    margin-left: 280px;
}
.dashboardBread {
    transition: all 0.4S ease;
    -webkit-transition: all 0.4S ease;
}


    .dashboardBread h2 {
        margin: 10px 0 0;
        padding: 0px 20px 0px;
        line-height: 27px;
        height: 42px;
        color: #235185;
        font-size: 20px;
        font-family: 'open_sanslight';
        text-transform: uppercase;
    }

    .dashboardBread h3 {
        margin: 0px;
        font-size: 20px;
        font-family: 'open_sanssemibold';
    }

.innrPagetitle {
    padding: 0;
    margin-bottom:15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


        .innrPagetitle .right-btns .new {
            margin-right: 10px;
        }

    .innrPagetitle h3 {
        float: none;
    }

    .innrPagetitle .addbtn {
        background: none;
        border: 1px solid #bfbfbf;
        color: #636363;
        float: right;
        font-weight: normal;
        font-size: 14px;
        padding: 5px 14px;
        text-decoration: none;
    }

        .innrPagetitle .addbtn:hover {
            background: #235185;
            border: 1px solid #235185;
        }

  /*  .innrPagetitle a.addbtn {
        background: none;
        border: 1px solid #bfbfbf;
        color: #636363;
        margin:0;
        height: 30px;
        line-height: 6px;
        font-weight: normal;
        font-size: 14px;
        padding: 0px 14px;
        text-decoration: none;
        height: 30px;
        line-height: 27px;
        font-family: 'open_sanssemibold';
        position: relative;
        z-index: 9999;
    }*/

        .innrPagetitle a.addbtn:hover {
            background: #235185;
            color: #fff;
            border: 1px solid #235185;
        }

.dt-buttons {
    float: left;
    clear: both;
    padding-left: 15px;
    padding-bottom: 10px;
}

    .dt-buttons a.dt-button {
        background: none;
        border: 1px solid #bfbfbf;
        color: #636363;
        float: right;
        height: 30px;
        line-height: 6px;
        font-weight: normal;
        font-size: 14px;
        padding: 0px 14px;
        margin-top: 10px;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        font-family: 'open_sanssemibold';
    }

        .dt-buttons a.dt-button:hover {
            background: #235185;
            color: #fff;
            border: 1px solid #235185;
        }


.searchTable {
    border: 1px solid #c9c9c9;
    background: #e7e4e4;
    padding: 15px;
}

    .searchTable table {
        margin-bottom: 15px;
    }

    .searchTable:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

    .searchTable table.tableData thead tr th {
        background: #235185;
        color: #fff;
        font-family: 'open_sanssemibold';
        padding: 15px 10px;
        text-align: left;
    }

    .searchTable table.tableData tbody tr td {
        padding: 3px 10px;
    }

    .searchTable .tableOut {
        background: #fff;
    }



.dataTables_wrapper.no-footer {
    background: #fff;
    padding-top: 10px;
    float: left;
    width: 100%;
    overflow-x: auto;
}

.dataTables_length {
    float: left;
    padding-left: 15px;
    margin-bottom: 5px;
}

    .dataTables_length select {
        display: inline-block;
        width: 80px;
        height: 30px;
    }

.dataTables_filter {
    float: right;
    padding-right: 15px;
    margin-bottom: 5px;
}

    .dataTables_filter input {
        display: inline-block;
        width: 150px;
        margin-left: 6px;
        height: 30px;
    }

.dataTables_info {
    padding-left: 15px;
}

.dataTable {
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;
}

    .dataTable tbody tr td:first-child {
        text-align: center;
    }

    .dataTable thead tr th:first-child {
        width: 58px;
    }

    .dataTable thead tr th:last-child {
        text-align: center !important;
        width: 30px;
    }

    .dataTable tr th.status, .dataTable tr td.status {
        text-align: center;
    }

    .dataTable tr th.active, .dataTable tr td.active {
        text-align: center;
        width: 60px;
    }

/***********registrationForm*************/

.addDto {
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
    clear: both;
    background: #fbfbfb;
    padding: 22px 30px;
    border: 1px solid #c9c9c9;
}

    .addDto ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .addDto ul li {
            margin-bottom: 0px;
            float: left;
            width: 100%;
        }

            .addDto ul li input.textfield {
                background-color: #fff;
                border: 1px solid #c6c6c6;
                height: 30px;
                max-width: 100%;
                color: #616161;
                font-size: 15px;
                margin-bottom: 10px;
            }

            .addDto ul li input.textfieldforemailpwd {
                background-color: #fff;
                border: 1px solid #c6c6c6;
                height: 30px;
                max-width: 100%;
                color: #616161;
                font-size: 15px;
                margin-bottom: 10px;
            }

            .addDto ul li textarea.textArea {
                background-color: #fff;
                border: 1px solid #c6c6c6;
                max-width: 100%;
                width: 100%;
                min-width: inherit;
                color: #616161;
                font-size: 15px;
                resize: none;
                height: 100px;
                margin-bottom: 10px;
            }

        .addDto ul li {
            font-family: 'open_sansregular';
            font-size: 15px;
            color: #151515;
        }

            .addDto ul li label {
                font-family: 'open_sansregular';
                font-size: 14px;
                color: #151515;
                padding-left: 0;
                line-height: 30px;
                width: 240px;
                position: relative;
                z-index: 9;
                float: left;
                padding-bottom: 0px;
                text-align: right;
            }

            .addDto ul li.mandoryfiled label:after {
                content: '*';
                color: red;
                margin-top: -20px;
            }

            .addDto ul li .fieldBox {
                float: left;
                max-width: 680px;
                width: 100%;
                margin-left: -240px;
                padding-left: 255px;
                position: relative;
            }

                .addDto ul li .fieldBox label {
                    text-align: left;
                }

            .addDto ul li .customSelectOuter {
                margin-bottom: 5px;
                max-width: 100%;
                border-color: #c6c6c6;
                border: 0px;
                padding-top: 0px;
                padding-bottom: 0px;
                background-position: right -7px;
            }

            .addDto ul li span.customSelect {
                padding-top: 3px;
                padding-bottom: 4px;
                border: 1px solid #c6c6c6;
            }

            .addDto ul li .fieldBox .checkbtn, .addDto ul li .fieldBox #IsSysAdmin.checkbtn, .addDto ul li .fieldBox #IsUT.checkbtn, .addDto ul li .fieldBox #IsActive.checkbtn {
                margin-bottom: 0px;
                float: left;
                position: relative;
                top: 8px;
                left: 5px;
                margin-bottom: 25px;
                margin-right: -13px;
            }

            .addDto ul li .fieldBox input input label {
                margin-bottom: 137px;
            }

            .addDto ul li .fieldBox .checkbtn.locationclass {
                left: 0px;
                margin-bottom: 0px;
                margin-right: 8px;
            }

            .addDto ul li .fieldBox div:last-child {
                margin-bottom: 10px;
            }

            .addDto ul li .fieldBox .active.shiftVenue input {
                margin-bottom: 11px;
            }

            .addDto ul li.mandoryfiled .fieldBox input {
                background-color: #fff;
                border: 1px solid #c6c6c6;
                color: #616161;
                font-size: 15px;
                height: 30px;
                margin-bottom: 10px;
            }

            .addDto ul li:nth-last-child(2) {
                margin-bottom: 10px;
            }

            .addDto ul li.mandoryfiled .fieldBox input[type=radio] {
                height: auto !important;
                margin-bottom: 18px;
                margin-left: 10px;
            }

                .addDto ul li.mandoryfiled .fieldBox input[type=radio]:first-child {
                    margin-left: 0px;
                }

.manufactDate {
    margin: 0 -10px;
}

    .manufactDate .dateBox {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

        .manufactDate .dateBox input.datepicker {
            max-width: 100%;
            background: #fff;
        }

.manufacturerForm ul li .ui-datepicker-trigger {
    display: block;
    left: 0px;
    top: 0px;
    left: 100%;
    transform: translateX(-41px);
}

.field-validation-error {
    font-size: 12px;
    color: #ff0000;
}

#errMsg.error_msg {
    color: #ff0000;
    font-size: 18px;
    text-align: center;
}

.addDto .dto-checkbox {
    float: left;
    width: 100%;
    padding: 8px 0 10px;
    margin-bottom: 8px;
}

    .addDto .dto-checkbox ul {
    }

        .addDto .dto-checkbox ul li {
            float: left;
            width: auto;
            margin-right: 27px;
        }

            .addDto .dto-checkbox ul li input[type=checkbox] {
                float: left !important;
                position: absolute;
                max-width: none;
                opacity: 0;
            }

            .addDto .dto-checkbox ul li label {
                text-align: left;
                line-height: 28px;
                width: auto;
                padding-left: 32px;
            }

.addfield {
    margin: 0 -5px;
}

    .addfield .addBox1, .addBox2, .addBox3 {
        float: left;
        width: auto;
        padding: 0 5px;
    }

    .addfield .addBox1 {
        width: 62%;
    }

    .addfield .addBox2 {
        width: 38%;
        margin-right: -50px;
        padding-right: 55px;
    }

    .addfield .addBox3 {
        width: auto;
        text-align: right;
    }

.addDtoTbl {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto 0;
}

.addfield input.plusBtnAdd {
    background: none;
    color: #636363;
    border: 1px solid #c6c6c6;
    height: 30px;
    width: 40px;
    font-size: 25px;
    padding: 0px;
}

    .addfield input.plusBtnAdd:hover {
        color: #fff;
        background: #636363;
        border: 1px solid #636363;
    }

.addDtoTbl table thead th:last-child {
    width: 80px;
}

.addDto ul li.notmandoryfiled .fieldBox {
    line-height: 28px;
}

.addDto ul li.notmandoryfiled .Formfield {
    line-height: 24px;
}

/*input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label {position:relative; padding-left:25px; cursor:pointer; padding-bottom:0px;}
input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before{content:''; position:absolute; left:0; top:3px; width:22px; height:22px; border:1px solid #cacaca; background:#f8f8f8;}
input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after {content:''; position:absolute; top:7px; left:4px;
font-size:18px; line-height:0.8; color:#666; transition:all .2s; background:url(../images/checkIcon.png) no-repeat center center; height:14px; width:14px;}
input[type="checkbox"]:not(:checked) + label:after{opacity:0; transform: scale(0);}
input[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
input[type="checkbox"]:disabled:not(:checked) + label:before, input[type="checkbox"]:disabled:checked + label:before {box-shadow:none; border-color:#bbb; background-color:#ddd;}
input[type="checkbox"]:disabled:checked + label:after { color: #999; }
input[type="checkbox"]:disabled + label { color: #aaa; }*/

input[type="checkbox"]:not(:checked) + input[type="hidden"]:not(:checked) + label, input[type="checkbox"]:checked + input[type="hidden"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    padding-bottom: 0px;
}

    input[type="checkbox"]:not(:checked) + input[type="hidden"]:not(:checked) + label:before, input[type="checkbox"]:checked + input[type="hidden"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 22px;
        height: 22px;
        border: 1px solid #cacaca;
        background: #f8f8f8;
    }

    input[type="checkbox"]:not(:checked) + input[type="hidden"]:not(:checked) + label:after, input[type="checkbox"]:checked + input[type="hidden"]:not(:checked) + label:after {
        content: '';
        position: absolute;
        top: 7px;
        left: 4px;
        font-size: 18px;
        line-height: 0.8;
        color: #666;
        transition: all .2s;
        background: url(../images/checkIcon.png) no-repeat center center;
        height: 14px;
        width: 14px;
    }

    input[type="checkbox"]:not(:checked) + input[type="hidden"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }

input[type="checkbox"]:checked + input[type="hidden"]:not(:checked) + label:after {
    opacity: 1;
    transform: scale(1);
}

input[type="checkbox"]:disabled:not(:checked) + input[type="hidden"]:not(:checked) + label:before, input[type="checkbox"]:disabled:checked + input[type="hidden"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

input[type="checkbox"]:disabled:checked + input[type="hidden"]:disabled:checked + label:after {
    color: #999;
}

input[type="checkbox"]:disabled + input[type="hidden"]:disabled + label {
    color: #aaa;
}



.addDto ul li .dto-checkbox label {
    height: 26px;
    font-size: 0px;
    margin-top: -5px;
}

    .addDto ul li .dto-checkbox label:after {
        font-size: 0px !important;
        margin-top: 0px;
    }


/***********registrationForm*************/

.searchPanel {
    border: 1px solid #c9c9c9;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 15px;
}

    .searchPanel:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

    .searchPanel h4 {
        color: #4c4c4c;
        font-size: 16px;
        font-family: 'open_sanssemibold';
        margin-bottom: 5px;
    }

.searchPanelForm label {
    float: left;
    color: #000;
    font-size: 13px;
    font-family: 'open_sansregular';
    max-width: 125px;
    position: relative;
    z-index: 9;
}

    .searchPanelForm label span {
        font-size: 11px;
        line-height: 12px;
        display: block;
        position: relative;
        top: -1px;
    }

.searchPanelForm .Formfield {
    float: left;
    margin-left: -125px;
    padding-left: 130px;
    width: 100%;
}

.searchPanelForm .col .row .col label {
    line-height: 43px;
    width: 64px;
}

.searchPanelForm .col .row .col .Formfield {
    margin-left: -64px;
    padding-left: 72px;
}

.searchPanelForm .searchBtn {
    background: #c15433;
    color: #fff;
    font-family: 'open_sanssemibold';
    font-size: 16px;
}

    .searchPanelForm .searchBtn:hover {
        background: #235185;
    }




.searchFile {
    border-top: 4px solid #ef8d8d;
    background: #fff;
    padding: 20px;
}

.searchFileDiv {
    position: relative;
}

    .searchFileDiv:after {
        content: '';
        display: table;
        clear: both;
        width: 100%;
    }

.searchFileBox {
    padding-right: 105px;
}



    .searchFileBox ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px -5px;
    }

        .searchFileBox ul li {
            float: left;
            width: 100%;
            padding-bottom: 10px;
        }

            .searchFileBox ul li .inputField {
                float: left;
                width: 33.3%;
                padding: 0 5px;
            }

            .searchFileBox ul li input {
                border-color: #cfd8dc;
                height: 40px;
                font-size: 15px;
            }

            .searchFileBox ul li .customSelectOuter {
                height: 47px;
            }

                .searchFileBox ul li .customSelectOuter .customSelect {
                    font-size: 15px;
                    color: #2f3b4c;
                    height: 45px;
                    line-height: 28px;
                    overflow: hidden;
                }

            .searchFileBox ul li ul li {
                width: 50%;
                padding: 0 5px;
            }

.searchFile .dasboardTable table {
    margin-bottom: 0px;
}

.searchFile .dasboardTable {
    margin-bottom: 25px;
}

.searchFileBox ul li .datepicker {
    background: url(../images/calender-icon-admin.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -4px;
}

.searchFileBox ul li .userIcon .customSelect {
    background: url(../images/userIcon.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.searchFileBox ul li .rosterIcon {
    background: url(../images/rosterIcon.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.searchFileBox ul li .LokSabhaIcon .customSelect {
    background: url(../images/lok-sabha-icon.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.searchFileBox ul li .eventIcon {
    background: url(../images/eventIcon.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

input.eventIcon {
    background: url(../images/eventIcon.png) no-repeat scroll 10px center;
    padding-left: 45px;
}

.searchFileBox ul li .timeIcon {
    padding-left: 40px;
}

input.timeIcon {
    background: url(../images/time-icon.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.searchFileDiv .searchBtnCol {
    position: absolute;
    right: 0px;
    bottom: 10px;
}

.searchBtnCol .searchBtn {
    background: #1a63b0 url(../images/seachIcon.png) no-repeat scroll 10px center;
    font-size: 15px;
    height: 38px;
    padding: 5px 12px 4px;
    font-family: 'open_sansbold';
    padding-left: 27px;
    border: 0;
    height: 47px;
}

::-webkit-input-placeholder {
    opacity: .6 !important;
}

::-moz-placeholder {
    opacity: .6 !important;
}

:-ms-input-placeholder {
    opacity: .6 !important;
}

:-moz-placeholder {
    opacity: .6 !important;
}

.searchFile .dasboardTable {
    margin-top: 17px;
}

    .searchFile .dasboardTable th {
        font-size: 15px;
        font-family: 'open_sansregular';
    }

    .searchFile .dasboardTable td {
        font-size: 13px;
        font-family: 'open_sansregular';
    }

        .searchFile .dasboardTable td .reportIcon a {
            font-size: 20px;
            color: #626262;
        }

            .searchFile .dasboardTable td .reportIcon a:hover {
                color: #1a63b0;
            }

            .searchFile .dasboardTable td .reportIcon a.edit:hover {
                color: green;
            }

            .searchFile .dasboardTable td .reportIcon a.delete:hover {
                color: red;
            }

/**Select Language CSS**/
/******************Custom Select********************/
.customSelectOuter {
    position: relative;
    background: #fff url(../images/custom-select-arrow-admin.png) no-repeat right center;
    border: #cfd8dc 1px solid;
}

.customSelect {
    font-size: 14px;
    padding: 5px 10px;
    color: #77787b;
    font-family: 'open_sansregular';
}

.hasJS select.customSelect {
    position: absolute !important;
    width: 100% !important;
    cursor: pointer;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    border: 0;
}

span.customSelect {
    display: block;
    display: block !important;
    padding-right: 30px;
    white-space: nowrap;
}

.customSelectInner {
    display: block !important;
    width: auto !important;
    word-break: keep-all;
    overflow: hidden;
    margin-right: 10px;
}

.inputOuter select {
    margin-bottom: 10px;
    background: #fff;
    outlinen: 0;
    padding-left: 5px;
    border-color: #c6c6c6;
}


/**Select Language CSS**/
.copyRight {
    color: #000;
    font-size: 12px;
    padding-top: 15px;
    font-family: 'open_sansregular';
}
/**HeaderTop CSS**/

.sidebar-collapse .main-sidebar .sidebar .reporterDashboard {
    font-size: 20px;
    padding: 10px 5px;
    display: none;
}

.sidebar-collapse .main-sidebar .sidebar .userName {
    display: none;
}

.sidebar-collapse .main-sidebar .sidebar .inlineUser {
    padding: 0 7px;
}

.main-sidebar {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.pdfDownload {
    margin-bottom: 20px;
}

    .pdfDownload.fright {
        padding-bottom: 0px;
    }

        .pdfDownload.fright:after {
            content: '';
            clear: both;
            display: table;
            width: 100%;
        }

    .pdfDownload ul {
        list-style-type: none;
        float: right;
        margin-bottom: 0px;
    }

        .pdfDownload ul li {
            float: left;
            margin-left: 10px;
        }

            .pdfDownload ul li a {
                background: #1a63b0;
                text-decoration: none;
                color: #fff;
                display: block;
                padding: 10px 20px 10px 15px;
                font-size: 15px;
                font-family: 'open_sansbold';
            }

                .pdfDownload ul li a:hover {
                    background: #333;
                }

            .pdfDownload ul li .exportIcon {
                width: 20px;
                height: 23px;
                background: url(../images/spritImg.png) no-repeat;
                background-position: 0 -48px;
                float: left;
                margin-right: 6px;
            }

            .pdfDownload ul li .PDFIcon {
                width: 20px;
                height: 23px;
                background: url(../images/spritImg.png) no-repeat;
                background-position: -34px -48px;
                float: left;
                margin-right: 6px;
            }

            .pdfDownload ul li .PrintIcon {
                width: 20px;
                height: 23px;
                background: url(../images/spritImg.png) no-repeat;
                background-position: -69px -48px;
                float: left;
                margin-right: 6px;
            }

.manufacturerForm {
}

    .manufacturerForm ul li.mandoryfiled .FormName:after {
        content: '*';
        color: red;
        margin-top: -20px;
    }

    .manufacturerForm ul li.notmandoryfiled .FormName:after {
        content: '*';
        color: white;
        margin-top: -20px;
    }

    .manufacturerForm ul li .Formfield {
        float: left;
        width: 93%;
        margin-left: -240px;
        margin-top: -20px;
        padding-left: 255px;
    }

    .manufacturerForm ul li .textAerafield {
        background: #fff;
        border: 1px solid #afafaf;
        height: 40px;
        max-width: 100%;
        width: 100%;
        min-width: inherit;
        color: #616161;
        font-size: 15px;
        resize: none;
        height: 100px;
        margin-bottom: 10px
    }

/*.sidebar-collapse .searchBox { margin-top:17px; }
.sidebar-collapse .navbar-custom-menu { margin-top:8px; }*/
.sidebar-collapse .main-sidebar {
    padding-top: 65px;
}

.sidebar-collapse .dashboardMenu {
    padding-top: 10px;
    overflow: visible;
}

    .sidebar-collapse .dashboardMenu ul li.open a:after {
        background: #3487de !important;
    }

    .sidebar-collapse .dashboardMenu ul li.open a:hover:after {
        background: #3487de !important;
    }

    .sidebar-collapse .dashboardMenu ul li.open a {
        color: #fff;
    }

    .sidebar-collapse .dashboardMenu ul li a {
        padding: 8px 12px 9px 12px;
    }

    .sidebar-collapse .dashboardMenu ul li span.menuText {
        visibility: hidden;
        position: absolute;
        background: #00527b;
        top: 0px;
        padding: 10px 0px;
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        min-width: 0;
        width: 0px !important;
    }

    .sidebar-collapse .dashboardMenu ul li:hover span.menuText {
        visibility: visible;
        min-width: 105px;
        width: 100%;
        padding: 10px 10px;
    }

.sidebar-collapse .selectDiv {
    margin-top: 6px;
}
/*Admin custom css popup*/
.adminPopup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}

.adminPopupInner {
    max-width: 800px;
    margin: 0 auto;
    padding: 4% 0 0 !important;
    height: 94%;
    max-height: 650px;
}

.popupWdh500 .adminPopupInner.eventPopup {
    height: 170px;
    width: 310px;
    margin: -85px 0 0 -155px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.smallPopup .adminPopupInner {
    height: auto;
    padding-top: 7% !important;
}

.adminPopupContent {
    background: #fff;
    padding: 0 0px;
    position: relative;
    height: 100%;
}

    .adminPopupContent p {
        margin-bottom: 15px;
    }

    .adminPopupContent h2 {
        background: #004185;
        color: #fff;
        font-size: 18px;
        margin-bottom: 0;
        padding: 15px 20px 15px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-transform: uppercase;
        text-shadow: 0 0 0 #00527b;
        font-family: 'open_sansbold';
    }

.popupContentScroll {
    position: relative;
    overflow: auto;
    height: 100%;
    padding-right: 30px;
    margin-right: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.adminPoupContentWrap {
    padding: 57px 30px 70px;
    height: 100%;
}

.popupWdh400 .adminPopupInner {
    max-width: 400px;
    margin: 0 auto;
}

.popupWdh500 .adminPopupInner {
    max-width: 570px;
    margin: 0 auto;
}

.popupWdh600 .adminPopupInner {
    max-width: 620px;
    margin: 0 auto;
}

.popupWdh700 .adminPopupInner {
    max-width: 700px;
    margin: 0 auto;
}

.popupWdh900 .adminPopupInner {
    max-width: 900px;
    margin: 0 auto;
}

.popupWdh1070 .adminPopupInner {
    max-width: 1070px;
    margin: 0 auto;
}

.adminPoupfooterWrap {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #e6e7e8;
    width: 100%;
    left: 0;
    padding: 10px 30px;
}

.btnRow {
    text-align: right;
}

    .btnRow .button {
        background-color: #36a9e1;
        border: 1px solid #36a9e1;
        color: #fff;
        outline: none;
        padding: 7px 15px;
        font-size: 17px;
        font-weight: normal;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

        .btnRow .button:hover {
            background-color: transparent;
            color: #36a9e1;
        }

    .btnRow .cancelBtn {
        background-color: #888;
        border: 1px solid #888;
        color: #fff;
        outline: none;
        padding: 7px 15px;
        font-size: 17px;
        font-weight: normal;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

        .btnRow .cancelBtn:hover {
            background-color: transparent;
            color: #888;
        }

.adminPoupHeaderWrap {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0px;
    z-index: 1;
}

.aja_multi_slider_default .handle_horizontal_down, .aja_multi_slider_default .handle_vertical, .aja_multi_slider_default .handle_vertical_down {
    background: #ddd !important;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 18px !important;
    width: 18px !important;
    margin-top: -4px;
    cursor: pointer;
}

.aja_multi_slider_default a {
    transition: all 0s ease 0ms;
    -webkit-transition: all 0s ease 0ms;
}

.advancedSearch .buttons {
    margin-top: 30px;
}

.advancedSearch h3 {
    border-bottom: 1px solid #cac6c1;
    padding-bottom: 5px;
}

.popupshield {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.popupWrap {
    position: fixed;
    left: 0;
    top: 5%;
    bottom: 0;
    right: 0;
    z-index: 99999;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    -moz-transform: translateY(-600px);
    -webkit-transform: translateY(-600px);
    -o-transform: translateY(-600px);
    -ms-transform: translateY(-600px);
    transform: translateY(-600px);
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}

    .popupWrap.show {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

.popupContent {
    background: #fff url(../../images/loading1.gif) center center no-repeat;
    padding: 0;
    text-align: left;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    max-width: 1150px;
    width: 100%;
    max-height: 95%;
    overflow: hidden; /*overflow-x: hidden;overflow-y: auto;*/
}

.closePopup {
    display: block;
    color: #2f3b4c;
    font-size: 26px;
    z-index: 99999;
    opacity: 1;
    position: absolute;
    top: 9px;
    right: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .closePopup:hover {
        opacity: .8;
        cursor: pointer;
        color: #2f3b4c;
    }

.fixedErrorMsg {
    background-color: rgba(233, 48, 30, 0.92);
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 15px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    display: none;
}

.fixedSuccessMsg {
    background-color: rgba(20, 155, 65, 0.92);
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 15px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    text-transform: uppercase;
    display: none;
}

.InterestCheck {
    padding-top: 20px;
}

.registrationProceed p, .registrationProceed .bulletText {
    margin-bottom: 10px;
}

.popupContent h2 {
    color: #fff;
    background: #18b3ff;
    padding: 6px 20px;
    margin: 0;
}

.customePopupOuter {
    padding: 20px;
    background-color: #fff;
}

    .customePopupOuter .mCSB_inside > .mCSB_container {
        padding-right: 30px;
    }

.popupScroll {
    max-height: 560px;
    overflow: auto;
    position: relative;
}

.popupDisplayNone {
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s, opacity 1s linear;
    -webkit-transition: visibility 1s, opacity 1s linear;
}

.popupDisplay {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
}

/***********/
.scan {
    outline: 0 !important;
}

.OrderOPicking {
}

    .OrderOPicking tr td {
        vertical-align: top;
    }

table.ContentDetail {
    border: 0px;
}

    table.ContentDetail tr td {
        border: 0px;
    }

    table.ContentDetail tr:nth-child(2n+1) td {
    }

.updateButton {
    padding: 5px 15px;
    float: none;
    margin-top: 5px;
    margin-bottom: 10px;
}

table.picDetail {
    border: 0px;
}

    table.picDetail tr td {
        border: 0px;
    }

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

.OrderPicking {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.orderPacking:after {
    content: '';
    clear: both;
    display: table;
    width: 100%;
}


.OrderPickingArea .row {
    border: 1px solid #e9e9ea;
    padding: 15px;
    margin-bottom: 15px;
}

.ContentDetail {
    margin-bottom: 0px;
}

.OrderPickingArea .row .cols8 {
    border-right: 1px solid #e9e9ea;
    padding-left: 0;
}

.OrderPickingArea .row .cols4 {
    padding-right: 0px;
}

.orderPacking .OrderPickingImg {
    width: 25%;
    padding-left: 0px;
}

.OrderPickingImg img {
    width: 100% !important;
    max-width: none;
    border: 1px solid #eee;
}

.orderPacking .rightDiv {
    padding-right: 0px;
}

.OrderPickingImg {
    width: 28%;
    float: left;
}

.OrderPickingList {
    width: 72%;
    float: left;
    padding-left: 20px;
}

.orderPacking .cols2 {
    padding: 0 0;
}

.stockRequest .row .cols8 {
    border-right: 0px;
    padding-right: 0px;
}
/***********/

/*******Create Roster CSS*******/
.createRoster h2 {
    margin-bottom: 8px;
}

.createRoster {
    padding-bottom: 20px;
    display: table;
    width: 100%;
}

    .createRoster .row {
        margin: 0 -15px;
    }

        .createRoster .row .cols9 {
            width: 100%;
            margin-right: -250px;
            padding-right: 280px;
        }

        .createRoster .row .cols3 {
            width: 250px;
            padding-left: 0px;
        }

    .createRoster:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

.createRosterLeft {
    float: left;
    width: 100%;
    background: #fff; /*margin-right:-250px; padding-right:280px;*/
    margin-bottom: 20px;
}

    .createRosterLeft p {
        margin-bottom: 10px;
    }

.AccountForm .row {
    margin: 0 -10px;
}

.AccountForm .col {
    margin-bottom: 20px;
    padding: 0 10px;
}

    .AccountForm .col .row {
        margin: 0 -10px;
    }

        .AccountForm .col .row .col {
            margin-bottom: 0px;
            padding: 0 10px;
        }


.timeFrm {
    width: 35px;
    float: left;
    text-align: right;
    line-height: 43px;
}

.timeSet {
    width: 100%;
    margin-left: -35px;
    float: left;
    padding-left: 40px;
}

.likeRoster {
    position: relative;
    margin-bottom: 10px;
    padding-left: 22px;
}

    .likeRoster input {
        position: absolute;
        left: 0px;
        top: 4px;
    }

input.datepicker {
    background: url(../images/calender-icon-admin.png) no-repeat scroll 10px center;
    padding-left: 40px;
}

.createRosterRight {
    float: left; /*width:250px;*/
    width: 100%;
    background: #ccc;
    margin-bottom: 39px;
}

.rosterCalendar {
    background: #eceef2;
    padding-bottom: 6px;
}

    .rosterCalendar .ui-datepicker {
        width: 100%;
        background: #eceef2;
        color: #2e303d;
    }

    .rosterCalendar .ui-datepicker-title {
        color: #2e303d;
    }

    .rosterCalendar .ui-datepicker-prev, .rosterCalendar .ui-datepicker-next {
        color: #2e303d;
        outline: none;
    }

    .rosterCalendar .ui-datepicker-prev {
        background: url(../images/calendar-arrow.png) no-repeat;
        background-position: 0 center;
        margin-left: 10px;
    }

    .rosterCalendar .ui-datepicker-next {
        background: url(../images/calendar-arrow.png) no-repeat;
        background-position: right center;
        margin-right: 10px;
    }

    .rosterCalendar .ui-datepicker-prev span {
        display: none;
    }

    .rosterCalendar .ui-datepicker-next span {
        display: none;
    }

    .rosterCalendar .ui-datepicker table {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .rosterCalendar .ui-datepicker tbody a {
        color: #525252;
        text-shadow: 0 0 0 #525252;
    }

        .rosterCalendar a.ui-state-active, .rosterCalendar .ui-datepicker tbody a:hover {
            color: #f47920 !important;
            background: none;
        }

    .rosterCalendar .ui-datepicker .ui-datepicker-header {
        padding-top: 0.05em;
    }

    .rosterCalendar .ui-datepicker td span, .rosterCalendar .ui-datepicker td a {
        line-height: 20px;
        padding-top: 0.2em;
        padding-bottom: 0.1em;
    }

    .rosterCalendar .ui-datepicker th {
        background: #047f9a;
        font-family: 'open_sansbold';
        font-size: 14px;
        padding: 0.3em 0.3em;
    }

    .rosterCalendar .ui-state-highlight {
        background: none !important;
        color: #f47920 !important;
    }

.ViewallEvent {
    background: #dfe2e9;
    padding: 10px 20px;
}

    .ViewallEvent a {
        padding: 0 14px 0 0;
        text-decoration: none;
        color: #2f3b4c;
        font-size: 15px;
        background: url(../images/event-arrow.png) no-repeat;
        background-position: right center;
        outline: none;
    }

        .ViewallEvent a:hover {
            opacity: 0.6;
        }

.noReporters {
    background: url(../images/noReporters.jpg) no-repeat 0 0;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 15px 20px 100px;
    position: relative;
}

    .noReporters span {
        text-transform: uppercase;
        font-family: 'open_sansbold';
        font-size: 18px;
        max-width: 150px;
        display: block;
        margin: 0 auto;
        line-height: 22px;
    }

.reportCount {
    font-family: 'open_sansbold';
    font-size: 75px;
    line-height: 92px;
}

.totalCnt {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

    .totalCnt .reportAvail {
        width: 49.6%;
        float: left;
        background: rgba(255,135,97,.66);
        font-size: 25px;
        font-family: 'open_sansbold';
        padding: 11px 0 15px;
    }

        .totalCnt .reportAvail + .reportAvail {
            float: right;
        }

        .totalCnt .reportAvail span {
            display: block;
            text-transform: none;
        }

.red {
    color: red;
}
/*******Create Roster CSS*******/




/*******************************************LogIn Page CSSS*******************************************/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

    body.logInPage {
        /*background: url(images/login-bg1.jpg) no-repeat center top fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
        background: #f1f1f1;
    }

        body.logInPage #wrapper {
            background: none;
        }

        body.logInPage #footer {
            background-color: transparent;
            border: none;
        }

            body.logInPage #footer a {
                color: #fff;
            }

.logInPage header {
    background: url(images/login-headerbg.jpg) no-repeat center top;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    text-align: center;
    width: 100%;
    display: table;
    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-bottom: 6px solid #d28a01;
}

    .logInPage header .headerLogin {
        padding-left: 15px;
        padding-right: 15px;
    }

.logInPage .heading {
    text-align: center;
    background: #235185;
    padding: 15px 15px 10px;
}

    .logInPage .heading h2 {
        font-size: 25px;
        color: #fff;
        font-family: 'open_sansbold';
        padding: 20px 0;
        margin-bottom: 0;
    }

.logInPage .logo {
    margin: 0 auto;
    width: auto;
    float: none;
    display: table;
}

.logInPage .login { /*background: url(../images/login-bg.png) no-repeat 0 0; background-size:cover;*/
    max-width: 450px;
    width: 100%;
    margin: 0 auto 0;
    /*transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;*/
}

.logInPage .loginForm {
    font-size: 24px;
    color: #0b2476;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    margin-top: 50px;
}

    .logInPage .loginForm ul {
        list-style-type: none;
        padding: 20px 20px 0;
        margin: 0px;
    }

        .logInPage .loginForm ul li {
            display: table;
            width: 100%;
            margin-bottom: 15px;
        }

.logInPage .forgotPass {
    display: none;
}

    .logInPage .forgotPass ul li {
        margin-bottom: 20px;
    }

.logInPage .loginFormBox .customSelectOuter {
    font-family: 'open_sansregular';
    width: 100%;
    border: 1px solid #aeaeae;
    padding: 0 3px 0 0px !important;
    height: 44px;
    line-height: 44px;
    display: block;
    margin: 0 0 0px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    border-radius: 5px;
}

.logInPage .loginFormBox span.customSelect {
    padding-left: 15px;
    line-height: 42px;
}

.logInPage .loginForm ul li a {
    font-size: 14px;
    color: #1f1f1f;
    text-decoration: underline;
    font-family: 'open_sansregular';
    font-weight: normal;
    text-shadow: 0 0 0 #1f1f1f;
    outline: none;
}

    .logInPage .loginForm ul li a:hover {
        color: #0b2476;
        text-decoration: none;
    }

.logInPage .forgotPassword {
    text-align: center;
    display: block;
    line-height: 25px;
}

.logInPage .loginForm input {
    font-family: 'open_sansregular';
    width: 100%;
    border: 1px solid #aeaeae;
    padding: 0 10px 0 10px;
    height: 45px;
    display: block;
    margin: 0 0 0px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    background: #fff;
}

.logInPage .userName, .logInPage .userPassword {
    position: relative;
}
/*.logInPage .userName:before { content:''; height:44px; background: url(../images/userIcons.png) no-repeat 0 0; width:55px; float:left; position:absolute; }*/
.logInPage li i {
    position: absolute;
    background: #818285;
    color: #fff;
    height: 44px;
    line-height: 50px;
    width: 48px;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    border-radius: 3px 0 0 3px;
}

.logInPage li.userName label {
    width: 100px;
    float: left;
    font-family: 'open_sansregular';
    font-size: 16px;
    color: #4d4d4f;
    line-height: 50px;
    padding-bottom: 0px;
    position: relative;
    z-index: 9;
}

.logInPage li.userName .Inputbox {
    float: left;
    width: 100%;
    margin-left: -100px;
    padding-left: 100px;
}

.logInPage li.loginCaptcha {
    margin: 0;
    padding: 15px 0 8px;
}

    .logInPage li.loginCaptcha input {
        height: 45px;
    }

    .logInPage li.loginCaptcha div {
        width: 50%;
        float: left;
    }

        .logInPage li.loginCaptcha div.loginCaptchaImg {
            border: 1px solid #aeaeae;
            padding: 0;
            background: #fff;
            overflow: hidden;
            height: 45px;
            width: 48%;
        }

            .logInPage li.loginCaptcha div.loginCaptchaImg img {
                width: auto;
                height: 43px;
                margin: 0 auto;
                display: block;
            }

        .logInPage li.loginCaptcha div.loginCaptchaInput {
            padding-left: 2%;
            width: 52%;
        }

.logInPage .checkBox {
    padding-top: 5px;
}

    .logInPage .checkBox .rememberMe {
        float: left;
        font-family: 'open_sanssemibold';
    }

    .logInPage .checkBox .forgotPassword {
        float: right;
        line-height: 20px;
    }

        .logInPage .checkBox .forgotPassword a {
            font-family: 'open_sanssemibold';
            font-size: 16px;
            color: #4d4d4f;
            text-shadow: none;
        }

    .logInPage .checkBox label {
        font-size: 16px;
        line-height: 29px;
        display: block;
        padding-left: 30px !important;
        color: #4d4d4f;
        font-family: 'open_sanssemibold';
    }

.logInPage .loginForm .loginBtn {
    margin-bottom: 5px;
}

    .logInPage .loginForm .loginBtn .logBtn {
        background: #333;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        padding: 14px 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 700;
        cursor: pointer;
        border: 0px;
        height: auto;
    }

        .logInPage .loginForm .loginBtn .logBtn:hover {
            background: #818285;
        }

.logInPage .checkBox [type="checkbox"]:not(:checked), .logInPage .checkBox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        padding-bottom: 0px;
    }

        .logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:before, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 22px;
            height: 22px;
            border: 1px solid #aeaeae;
            background: #f8f8f8;
        }

        .logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:after {
            content: '';
            position: absolute;
            top: 7px;
            left: 5px;
            font-size: 18px;
            line-height: 0.8;
            color: #666;
            transition: all .2s;
            background: url(images/checkIcon.png) no-repeat center center;
            height: 14px;
            width: 14px;
        }

        .logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:after {
            opacity: 1;
            transform: scale(1);
        }

.logInPage .checkBox [type="checkbox"]:disabled:not(:checked) + [type="hidden"] + label:before, .logInPage .checkBox [type="checkbox"]:disabled:checked + [type="hidden"] + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.logInPage .checkBox [type="checkbox"]:disabled:checked + [type="hidden"] + label:after {
    color: #999;
}

.logInPage .checkBox [type="checkbox"]:disabled + [type="hidden"] + label {
    color: #aaa;
}

.logInPage .checkBox label:hover:before {
    border: 1px solid #bbb !important;
}

.logInPage .loginFooter {
    font-family: 'open_sanssemibold';
    font-size: 19px;
    color: #0b2476;
    background: #fbfbfb;
    height: 55px;
    line-height: 55px;
    padding: 0px 35px;
    border-radius: 0 0 7px 7px;
    margin: 0px -25px -25px -25px;
    text-align: center;
}

    .logInPage .loginFooter a {
        color: #0b2476;
        font-size: 19px;
        font-weight: 600;
        text-decoration: underline;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

        .logInPage .loginFooter a:hover {
            color: #000;
            text-decoration: none;
        }

.logInPage footer {
    background: rgba(0,0,0,.67);
    text-align: center;
    font-family: 'open_sanssemibold';
    color: #fff;
    padding: 0px 10px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0px;
}

    .logInPage footer .copyright {
        padding: 10px 0;
        color: #333;
    }

.logInPage #wrapper {
    min-height: 100%;
    position: relative;
}

    .logInPage #wrapper #main {
        min-height: 100%;
    }

.logInPage #content {
    padding-bottom: 100px;
}

.logInPage .accoutnCreate {
    text-align: center;
    border-top: 2px solid #ccc;
}
/*******************************************LogIn Page CSSS*******************************************/


/***Create New Event CSS***/
.create-new-event {
}

    .create-new-event input {
        height: 45px;
        background-color: #f6f6f6;
    }

    .create-new-event .customSelectOuter {
        background-color: #f6f6f6;
    }

    .create-new-event span.customSelect {
        height: 45px;
        line-height: 30px;
        color: #393939;
    }

    .create-new-event .row {
        margin: 0 -15px;
    }

        .create-new-event .row .col {
            margin-bottom: 15px;
        }

        .create-new-event .row .row {
            margin: 0 -10px;
        }

            .create-new-event .row .row .col {
                margin-bottom: 0px;
                padding: 0 10px;
            }

    .create-new-event .timeFrm {
        text-align: center;
        line-height: 50px;
    }

    .create-new-event .timeSet {
        padding-left: 40px;
    }

    .create-new-event input.timeIcon {
        padding-left: 35px;
    }

input.location-icon {
    background: url(../images/location-icon.png) no-repeat;
    background-position: right center;
    padding-right: 50px;
}

.CreateEventbtn .button {
    background: url(../images/btn-arrow.png) no-repeat #004185;
    background-position: 10px center;
    border: 0px;
    padding-left: 40px;
    height: 50px;
}

    .CreateEventbtn .button:hover {
        background-color: #222;
        color: #fff;
    }

.CreateEventbtn .resetBtn {
    background: url(../images/btn-loader.png) no-repeat #ff8761;
    background-position: 14px center;
    border: 0px;
    padding-left: 43px;
    height: 50px;
}

.CreateEventbtn .button:hover {
    background-color: #222;
    color: #fff;
}
/***Create New Event CSS***/


/*****Time Picker CSS******/
.ti_tx, .mi_tx, .mer_tx {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}

.time, .mins, .meridian {
    width: 60px;
    float: left;
    margin: 0 0px;
    font-size: 20px;
    color: #2d2e2e;
    font-family: arial;
    font-weight: 700;
}

.prev, .next {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background: url(../images/arrow.png) no-repeat;
    border-radius: 5px;
}

    .prev:hover, .next:hover {
        background-color: #ccc;
    }

.next {
    background-position: 50% 150%;
}

.prev {
    background-position: 50% -50%;
}

.time_pick {
    position: relative;
}

.timepicker_wrap {
    padding: 10px 0px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
    background: #f6f6f6;
    border: 1px solid #ccc;
    float: left;
    position: absolute;
    top: 27px;
    left: 0;
    width: 183px;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(../images/top_arr.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 999;
}

input.timepicki-input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: none;
    margin: 0;
    text-align: center;
    width: 70%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 17px !important;
}

a.reset_time {
    float: left;
    margin-top: 5px;
    color: #000;
}
/*****Time Picker CSS******/

/*****Create Committee CSS*****/
.createCommittee {
    margin-bottom: 15px;
    position: relative;
}

    .createCommittee:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

.committeeShow {
    float: left;
    width: 230px;
}

    .committeeShow label {
        float: left;
        line-height: 41px;
        font-weight: bold;
        font-size: 14px;
        padding-right: 10px;
    }

    .committeeShow .inputOuter {
        float: left;
        width: 110px;
    }

        .committeeShow .inputOuter.customSelectOuter {
            width: 100%;
        }

.entries {
    line-height: 41px;
    padding: 0 10px;
    float: left;
}

.searchcommit {
    float: right;
    width: 200px;
}

    .searchcommit label {
        float: left;
        line-height: 41px;
        font-weight: bold;
        font-size: 14px;
        padding-right: 10px;
        margin-left: -65px;
    }

    .searchcommit input {
        float: left;
        width: 100%;
    }

.Newbtn {
    position: absolute;
    right: 0px;
    top: 0px;
}

    .Newbtn a {
        background: #1a63b0;
        color: #fff;
        text-decoration: none;
        padding: 4px 22px;
        display: block;
        font-size: 16px;
        font-family: 'open_sansbold';
        border: 1px solid transparent;
    }

        .Newbtn a:hover {
            border: 1px solid #1a63b0;
            background: #fff;
            color: #1a63b0;
        }

.committeeBottom {
}

    .committeeBottom:after {
        content: '';
        clear: both;
        display: table;
        width: 100%;
    }

.showingEntery {
    float: left;
    line-height: 33px;
}

.paging {
    float: right;
}

    .paging span {
        float: left;
    }

    .paging ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        float: left;
    }

        .paging ul li {
            float: left;
        }

            .paging ul li a, .paging span a {
                border: 1px solid #c9c9c9;
                text-decoration: none;
                margin: 0 0 0 -1px;
                padding: 0 12px;
                background: #fff;
                color: #787878;
                display: block;
                font-family: 'open_sansregular';
                height: 30px;
                line-height: 28px;
                font-size: 14px;
            }

    .paging span.prevArrow a {
        background: url(../images/paging-arrow-left.png) no-repeat #fff;
        background-position: 11px center;
        padding: 0px;
        width: 34px;
    }

    .paging span.nextArrow a {
        background: url(../images/paging-arrow-right.png) no-repeat #fff;
        background-position: 11px center;
        padding: 0px;
        width: 34px;
    }

    .paging ul li a:hover, .paging ul li.active a {
        color: #000;
        font-family: 'open_sansbold';
    }

    .paging span a:hover {
        background-color: #000;
    }
/*****Create Committee CSS*****/


.popupAbsoulate {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
}

.popupOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
}

.popup_cover {
    width: 350px;
    height: 150px;
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999991;
    -webkit-box-shadow: 0 0 3px #111;
    box-shadow: 0 0 3px #111;
    background-color: #fff;
}

    .popup_cover.green {
        background: #dff2bf url(../images/success-icon.png) no-repeat 10px center;
        padding-left: 34px;
        border: 1px solid #adde5c;
        height: auto;
        width: auto;
        -webkit-box-shadow: 0 0 3px #adde5c;
    }

    .popup_cover p {
        margin-bottom: 0px;
    }

#spanUserMessage {
    font-weight: bold;
    text-align: center;
    color: green;
    margin-bottom: 0px;
}

.popup_cover.red {
    background: #fde4e1 url(../images/error-icon.png) no-repeat 10px center;
    padding-left: 34px;
    border: 1px solid #fbd3c6;
    height: auto;
    width: auto;
    -webkit-box-shadow: 0 0 3px #fbd3c6;
}

    .popup_cover.red #spanUserMessage {
        color: #b10009;
    }

.popupAbsoulate .pop_close {
    background: #adde5c;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #008000;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: -15px;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;
}

.popupAbsoulate .popup_cover.red .pop_close {
    background: #fdcbc5;
    border: 1px solid #fde4e1;
    border-radius: 100px;
    color: #b10009;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: absolute;
    right: -15px;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;
}


/****AdministratorPage CSS ***/
.administratorPage {
    background: #f9f9f9;
    padding: 30px 25px;
}

.leftPadAdd .administratorPage {
    padding: 30px 25px 30px 50px;
}

.administratorPage .row {
    margin: 0 -15px;
}

.administratorPage .cols3 {
    margin-bottom: 25px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

    .administratorPage .cols3 .adminiBox {
        border: 1px solid #ddd;
        padding: 15px 12px 12px;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

        .administratorPage .cols3 .adminiBox:hover {
            box-shadow: inset 0 0 5px rgba(0,0,0,.1);
            background: #f1f1f1;
        }

        .administratorPage .cols3 .adminiBox a {
            display: block;
            text-align: center;
            text-decoration: none;
            font-family: 'open_sanssemibold';
            font-size: 16px;
            color: #333;
            outline: none;
        }

            .administratorPage .cols3 .adminiBox a span {
                display: block;
            }

                .administratorPage .cols3 .adminiBox a span.adminName {
                    height: 30px;
                    line-height: 16px;
                }

            .administratorPage .cols3 .adminiBox a img {
                margin-bottom: 15px;
                transform: scale(1);
                -webkit-transform: scale(1);
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
            }

        .administratorPage .cols3 .adminiBox:hover a img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

.administratorPage table.tableData thead tr th {
    background: #235185;
    color: #fff;
    font-family: 'open_sanssemibold';
    padding: 5px 10px;
    text-align: left;
}

.tabBtn {
    padding-bottom: 0px;
    margin-bottom: -20px;
}

    .tabBtn input {
        font-size: 14px;
        margin-top: 3px;
        padding: 8px 15px;
        background: #444;
        outline: none;
    }

        .tabBtn input:hover, .tabBtn input.active {
            background: #014863;
        }

    .tabBtn a {
        background: #235185;
        color: #fff;
        display: block;
        float: left;
        font-size: 14px;
        margin-right: 3px;
        margin-top: 3px;
        outline: medium none;
        padding: 9px 15px 8px;
        text-decoration: none;
        text-shadow: 0 0 0;
    }

        .tabBtn a:hover, .tabBtn a.active {
            background: #014863;
        }


.dashboardUser {
    padding: 0px 0px 32px;
}

    .dashboardUser ul {
        list-style-type: none;
        margin: 0px -7px;
        padding: 0px;
    }
        /*.dashboardUser ul li{ float:left; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:16.66666666666667%; padding:0 7px;}*/
        .dashboardUser ul li {
            float: left;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            width: 20%;
            padding: 0 7px;
        }

            .dashboardUser ul li .adminiBox {
                padding: 0px 15px 0px;
                height: 80px;
                transition: all 0.4s ease;
                -webkit-transition: all 0.4s ease;
                background: #ddd;
                position: relative;
            }

                .dashboardUser ul li .adminiBox:before {
                    content: '';
                    background: transparent;
                    position: absolute;
                    top: 16%;
                    left: 64%;
                    right: 9%;
                    bottom: 15%;
                    z-index: 0;
                    transition: all 0.4s ease;
                    -webkit-transition: all 0.4s ease;
                    border-radius: 100px;
                    -webkit-border-radius: 100px;
                }

                .dashboardUser ul li .adminiBox:hover:before {
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    border-radius: 0px;
                    -webkit-border-radius: 0px;
                    background: #fff;
                }

                .dashboardUser ul li .adminiBox a {
                    display: block;
                    text-decoration: none;
                    font-family: 'open_sansbold';
                    font-size: 14px;
                    color: #fff;
                    outline: none;
                    text-transform: uppercase;
                    line-height: 16px;
                    position: relative;
                    z-index: 8;
                }

            .dashboardUser ul li span.adminName {
                float: left;
                width: 100%;
                margin-right: -57px;
                padding-right: 60px;
            }

                .dashboardUser ul li span.adminName b {
                    height: 80px;
                    vertical-align: middle;
                    display: table-cell;
                }

            .dashboardUser ul li .iconImg {
                background: #fff;
                display: block;
                float: left;
                height: 57px;
                width: 57px;
                border-radius: 100px;
                -webkit-border-radius: 100px;
                position: relative;
                z-index: 9;
            }

            .dashboardUser ul li .dashboardUserIcon {
                height: 80px;
                vertical-align: middle;
                display: table-cell;
            }

            .dashboardUser ul li .blueClr {
                background: #235185;
            }

            .dashboardUser ul li .redClr {
                background: #fe5b4c;
            }

            .dashboardUser ul li .yellowClr {
                background: #f5c029;
            }

            .dashboardUser ul li .orangeClr {
                background: #dc7201;
            }

            .dashboardUser ul li .greenClr {
                background: #8bc34a;
            }

            .dashboardUser ul li .lightBlueClr {
                background: #03a9f4;
            }

            .dashboardUser ul li .blueClr:hover a {
                color: #235185;
            }

            .dashboardUser ul li .redClr:hover a {
                color: #fe5b4c;
            }

            .dashboardUser ul li .yellowClr:hover a {
                color: #f5c029;
            }

            .dashboardUser ul li .orangeClr:hover a {
                color: #dc7201;
            }

            .dashboardUser ul li .greenClr:hover a {
                color: #8bc34a;
            }

            .dashboardUser ul li .lightBlueClr:hover a {
                color: #03a9f4;
            }

            .dashboardUser ul li:hover .blueClr {
                box-shadow: 0 0 5px #235185;
            }

            .dashboardUser ul li:hover .redClr {
                box-shadow: 0 0 5px #fe5b4c;
            }

            .dashboardUser ul li:hover .yellowClr {
                box-shadow: 0 0 5px #f5c029;
            }

            .dashboardUser ul li:hover .orangeClr {
                box-shadow: 0 0 5px #dc7201;
            }

            .dashboardUser ul li:hover .greenClr {
                box-shadow: 0 0 5px #8bc34a;
            }

            .dashboardUser ul li:hover .lightBlueClr {
                box-shadow: 0 0 5px #03a9f4;
            }

.loginUser {
    top: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.user-header {
    text-align: center;
    background: #274058;
    color: #fff;
    padding: 10px 0;
}

    .user-header p {
        margin-bottom: 0px;
    }

    .user-header small {
        display: block;
    }

.img-circle {
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 1px solid #fff;
    margin: 0px 0 5px;
}

.follFriens {
    background: #f1f1f1;
    float: left;
    width: 100%;
}

    .follFriens .follBox {
        float: left;
        width: 33.3%;
        text-align: center;
        padding: 0 0px;
    }

        .follFriens .follBox a {
            color: #274058;
            padding: 0px;
        }

            .follFriens .follBox a:hover {
                color: #fff;
                background: #333
            }

.user-footer {
    padding: 6px 15px;
    float: left;
    width: 100%;
}

    .user-footer a {
        color: #fe5b4c;
        text-shadow: 0 0 0 #fe5b4c;
    }

        .user-footer a:hover {
            color: #235185;
            text-shadow: 0 0 0 #235185;
        }

    .user-footer .pull-left {
        float: left;
    }

    .user-footer .pull-right {
        float: right;
    }

.regionalDetails {
    margin-bottom: 50px;
}

    .regionalDetails h4 {
        font-family: 'open_sansregular';
        font-size: 16px;
        color: #000;
        margin-bottom: 10px;
    }

    .regionalDetails .cols4 {
    }

    .regionalDetails .regionalBox {
        border: 1px solid #eee;
        padding: 15px;
        background: #fff;
    }

        .regionalDetails .regionalBox strong {
            font-family: 'open_sansregular';
            color: #939393;
            font-weight: normal;
            font-size: 14px;
            padding-bottom: 10px;
            display: block;
        }

.ChartbtmLink {
    height: 42px;
    line-height: 42px;
    margin: 15px -15px -15px -15px;
    border-top: 1px solid #eee;
}

    .ChartbtmLink a {
        color: #03a9f4;
        font-size: 14px;
        font-family: 'open_sanssemibold';
        text-decoration: none;
        padding: 0 20px;
        display: block;
        position: relative;
        outline: none;
    }

        .ChartbtmLink a:after {
            left: 100%;
            top: 50%;
            margin-left: -25px;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .ChartbtmLink a:after {
            border-color: rgba(136, 183, 213, 0);
            border-left-color: #03a9f4;
            border-width: 5px;
            margin-top: -5px;
        }

    .ChartbtmLink.green a {
        color: #608a30;
    }

        .ChartbtmLink.green a:after {
            border-left-color: #608a30;
        }

    .ChartbtmLink.red a {
        color: #c61f10;
    }

        .ChartbtmLink.red a:after {
            border-left-color: #c61f10;
        }



.formDto {
    font-size: 14px;
    color: #000;
    font-family: 'open_sansregular';
}

    .formDto .tableOut {
        clear: both;
    }

    .formDto table.tableData thead tr th {
        background: #235185;
        color: #fff;
        font-family: 'open_sanssemibold';
        padding: 5px 10px;
        font-size: 12px;
    }

    .formDto table.tableData tbody tr td {
        padding: 3px 10px;
    }

        .formDto table.tableData tbody tr td a {
            color: #333;
        }

.reportIcon {
    text-align: center;
    min-width: 70px;
}

    .reportIcon a {
        font-size: 20px;
        font-family: 'open_sansregular';
        color: #747474;
        display: inline-block;
        cursor: pointer;
    }

        .reportIcon a.delete {
            color: #c15433;
        }

        .reportIcon a:hover {
            color: red;
        }

    .reportIcon button {
        background: none;
        color: #747474;
        padding: 0px;
        color: green;
        font-size: 19px;
        display: inline-block;
    }

        .reportIcon button:hover {
            opacity: .6;
        }

/*.formDto h4{margin-bottom:15px; font-size:16px; font-weight:normal; float:left; width:100%; margin-right:-200px; padding-right:200px;}*/
.formDto h4 {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    width: 100%;
    margin-right: -104px;
    padding-right: 104px;
}

.formMonthYear {
    float: right;
    margin-top: -4px;
}

    .formMonthYear .inputOuter {
        float: left;
        margin-left: 10px;
    }

    .formMonthYear .customSelect {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .formMonthYear .customSelectOuter {
        border-color: #c6c6c6;
        background: url(../images/form-date-select-arrow.png) no-repeat right center;
    }

    .formMonthYear span.customSelect {
        padding-right: 20px;
        font-size: 14px;
    }

    .formMonthYear .inputOuter:first-child {
        margin-left: 0px;
        width: 104px;
    }












/****AdministratorPage CSS ***/

/****************************/
.container {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

html.mm-background .container {
    padding-left: 0px;
}

html.mm-background .main-sidebar {
    left: -314px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

div.dataTables_paginate {
    float: right;
    margin: 0px 5px 5px;
    font-size: 13px;
}

.goto {
    border-right: 1px solid #252C4C;
    float: none;
    display: inline-block;
    height: 19px;
    margin: 0px 0 0;
    padding: 0 8px 0 0;
    position: relative;
    top: 0px;
}

    .goto select {
        width: 45px;
        padding: 0px;
        height: 30px;
        margin: -5px 5px 0;
    }

.paginate_button {
    border-right: 1px solid #252c4c;
    color: #252c4c;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.next.paginate_button {
    border: 0px;
    border-right: 1px solid #252c4c;
    color: #252c4c;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    height: auto;
    background: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.paginate_active {
    border-right: 1px solid #252c4c;
    color: #09573d;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: inline-block;
}

.bridcrumbs_div {
    padding: 10px 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 29px;
}

    .bridcrumbs_div strong {
        padding-right: 5px;
    }

.dataTables_wrapper .top .dataTables_filter, .dataTables_wrapper .top .dataTables_length {
    display: none;
}

.dataTables_wrapper .bottom .dataTables_filter, .dataTables_wrapper .bottom .dataTables_length {
    display: none;
}

.dataTables_paginate {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

    .dataTables_paginate .delete_btn {
        background: url(../images/delete_btn.jpg) no-repeat right center !important;
        padding-left: 4px;
    }

        .dataTables_paginate .delete_btn:hover {
            opacity: .5;
        }

.dataTables_info {
    float: left;
    line-height: 20px;
}

.menu_right {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    margin-top: -10px;
}

.menu_right_inner {
    float: right;
}

    .menu_right_inner a {
        background: #09573d;
        color: #fff;
        text-decoration: none;
        margin: 0 5px;
        padding: 6px 12px;
        font-size: 14px;
        display: inline-table;
        font-family: 'open_sansbold';
        text-transform: none;
    }

        .menu_right_inner a:hover {
            background: #000;
        }

.StatusImageIcon {
    margin-right: 5px;
    margin-top: -3px;
}

.table-bordered thead th {
    text-align: left;
}

    .table-bordered thead th:first-child {
        width: 2% !important;
    }

.headTopDrop {
    margin: 5px 0 0 10px;
}

    .headTopDrop .customSelectOuter {
        background-position: 48px center;
        border: 1px solid #fff;
    }

    .headTopDrop .customSelect {
        padding: 4px 15px 4px 6px;
    }

    .headTopDrop span.selctName {
        color: #fff;
        float: left;
        line-height: 30px;
        padding-right: 10px;
        font-family: 'open_sansbold';
    }

    .headTopDrop .inputOuter {
        float: left;
    }

    .headTopDrop input.setRol {
        background: #fff;
        color: #09573d;
        padding: 4px;
        font-size: 14px;
        height: 30px;
    }

        .headTopDrop input.setRol:hover {
            background: #000;
            color: #fff;
        }

.jointOperation {
}

    .jointOperation .fieldBox {
        height: 35px;
    }

        .jointOperation .fieldBox input[type=radio] {
            height: auto !important;
            margin: 7px !important;
        }

            .jointOperation .fieldBox input[type=radio]:first-child {
                margin-left: 0px !important;
            }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dataTables_paginate .delete_btn {
        height: 30px;
    }
}
/****************************/


/*******Green Theme CSS*********/
/*.skin-white .leftMenu ul li a i{font-size:22px; float:left; height:27px; width:29px; margin-right:10px; text-align:center; margin-top:5px; background:url(../images/menu-icons-blk.png) no-repeat; background-position:center 0; display:block;}
.skin-white .leftMenu ul li a i.memberP-icon{background-position:0 -29px;}
.skin-white .leftMenu ul li a i.searchIcon{background-position:0 -56px;}
.skin-white .leftMenu ul li a i.directoryIcon{background-position:0 -83px;}
.skin-white .leftMenu ul li a i.eventsIcon{background-position:0 -113px;}
.skin-white .leftMenu ul li a i.sharePointIcon{background-position:0 -142px;}
.skin-white .leftMenu ul li a i.systemC-icon{background-position:0 -169px;}

.skin-white .mm-listview > li:not(.mm-divider):after{border-color:rgba(0,0,0, 0.1);}
.skin-white .mm-navbar{border-color:rgba(0,0,0, 0.1);}

.skin-white .main-header .navbar{background-color:#2f6c52; box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
.skin-white .logo {background:#09573d !important;}
.skin-white .wrapper, .skin-white .main-sidebar, .skin-white .left-side{background-color:#fff;}
.skin-white .mm-menu{ background:#fff; }
.skin-white .mm-panels > .mm-panel.mm-hasnavbar{	border-right:2px solid #e8e8e8;}
.skin-white .sidebar{ background:#fff; border-right:2px solid #e8e8e8;}
.skin-white .mm-listview > li > a, .skin-white .mm-listview > li > span{ color:#222;}
.skin-white .mm-menu .mm-navbar a, .skin-white .mm-menu .mm-navbar > *{color:#222;}
.skin-white .mm-menu .mm-listview > li .mm-next:after{border-color:#222;}
.skin-white .mm-menu .mm-btn::after, .skin-white .mm-menu .mm-btn:before {border-color:#222;}

#sheetswitch { position:relative; top:20px; left:0px; padding-top:3px; padding-bottom:10px; padding-left:5px; padding-right:5px; z-index:999999;  width:auto; float:left;}
#sheetswitch img {border:none; }
#sheetswitch .swatch{margin-right:10px; display:block; width:20px; height:20px; float:left; border:2px solid #82cedf; border-radius:6px; -webkit-border-radius:6px; cursor:pointer;}
#sheetswitch .swatch_hi{border:2px solid #82cedf;}
.sheetswitch_prev {margin-right:15px;}
.sheetswitch_next, .sheetswitch_prev{float:left;}

.skin-green .main-header .navbar{background:#59a521 !important;}
.skin-green .logo {background:#448912 !important;}
.skin-green .sidebar{background:#273a36 !important;}
.skin-green .reporterDashboard {background:#143932;}
.skin-green .dashboardMenu ul li a:before{ background:#92d85e;}
.skin-green .dashboardMenu ul li a:hover:after{background:#82aa64;}
.skin-green .dashboardMenu ul li.addclass a:before{background:#92d85e;}
.skin-green .dashboardMenu ul li a:after{background:#82aa64;}
.skin-green .dashboardMenu ul li li a{color:#b0bec5;}

.skin-green .searchBtnCol .searchBtn{ background-color:#448912;}
.skin-green .searchBtnCol .searchBtn:hover{ background-color:#333;}
.skin-green .pdfDownload ul li a{background:#448912;}
.skin-green .pdfDownload ul li a:hover{ background-color:#333;}
.skin-green .searchFile .dasboardTable td .reportIcon a:hover{color:#448912;}
.skin-green .Newbtn a{ background:#448912; border-color:#448912;}
.skin-green .Newbtn a:hover {border: 1px solid #448912; color:#448912; background:none;}
.skin-green .paging ul li a, .skin-green .paging span a{background:#448912; border: 1px solid #448912;}
.skin-green .paging span a:hover{background:#206511;}
.skin-green .paging ul li a:hover, .skin-green .paging ul li.active a{border:1px solid #206511; color:#206511;}

.skin-green .dashboardMenu ul li.open a{color:#448912; text-shadow:0 0 0 #448912;}
.skin-green .rosterCalendar .ui-datepicker th{ background:#448912;}

.skin-green .fullBanner{background:#448912;}
.skin-green .fullBannerLeft:before{border-color:transparent #448912 transparent transparent;}
.skin-green .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .skin-green .navbar-nav > .messages-menu > .dropdown-menu > li.header, .skin-green .navbar-nav > .tasks-menu > .dropdown-menu > li.header{background-color: #448912;}
.skin-green .paging ul li a:hover, .skin-green .paging ul li.active a{ background:none; border-color:#448912;}
.skin-green .navbar-options ul li li.footer a{background-color:#448912;}


.skin-darkBlue .main-header .navbar{background:#1a63b0 !important;}
.skin-darkBlue .logo {background:#004185 !important;}
.skin-darkBlue .sidebar{background:#2e303d !important;}
.skin-darkBlue .reporterDashboard {background:#12131a;}
.skin-darkBlue .dashboardMenu ul li a:before{ background:#3487de;}
.skin-darkBlue .dashboardMenu ul li a:hover:after{background:#3b3d4b;}
.skin-darkBlue .dashboardMenu ul li.addclass a:before{background:#3b3d4b;}
.skin-darkBlue .dashboardMenu ul li a:after{background:#3b3d4b;}
.skin-darkBlue .dashboardMenu ul li li a{color:#b0bec5;}

.skin-darkBlue .searchBtnCol .searchBtn{ background-color:#004185;}
.skin-darkBlue .searchBtnCol .searchBtn:hover{ background-color:#333;}
.skin-darkBlue .pdfDownload ul li a{background:#004185;}
.skin-darkBlue .pdfDownload ul li a:hover{ background-color:#333;}
.skin-darkBlue .searchFile .dasboardTable td .reportIcon a:hover{color:#004185;}
.skin-darkBlue .Newbtn a{ background:#004185; border-color:#004185;}
.skin-darkBlue .Newbtn a:hover {border: 1px solid #004185; color:#004185; background:none;}
.skin-darkBlue .paging ul li a, .skin-darkBlue .paging span a{background:#004185; border: 1px solid #004185;}
.skin-darkBlue .paging span a:hover{background:#00414c;}
.skin-darkBlue .paging ul li a:hover, .skin-darkBlue .paging ul li.active a{border:1px solid #004185; color:#004185; background:none;}

.skin-darkBlue .dashboardMenu ul li.open a{color:#004185; text-shadow:0 0 0 #004185;}
.skin-darkBlue .rosterCalendar .ui-datepicker th{ background:#004185;}

.skin-darkBlue .fullBanner{background:#004185;}
.skin-darkBlue .fullBannerLeft:before{border-color:transparent #004185 transparent transparent;}
.skin-darkBlue .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .skin-darkBlue .navbar-nav > .messages-menu > .dropdown-menu > li.header, .skin-darkBlue .navbar-nav > .tasks-menu > .dropdown-menu > li.header{background-color: #004185;}
.skin-darkBlue .navbar-options ul li li.footer a{background-color:#004185;}


.skin-darkGreen .main-header .navbar{background:#2f554e !important;}
.skin-darkGreen .logo {background:#133932 !important;}
.skin-darkGreen .sidebar{background:#287a6b !important;}
.skin-darkGreen .reporterDashboard {background:#0a1f1b;}
.skin-darkGreen .dashboardMenu ul li a:before{ background:#000;}
.skin-darkGreen .dashboardMenu ul li a:hover:after{background:#216357;}
.skin-darkGreen .dashboardMenu ul li.addclass a:before{background:#000;}
.skin-darkGreen .dashboardMenu ul li a:after{background:#216357;}
.skin-darkGreen .dashboardMenu ul li li a{color:#b0bec5;}

.skin-darkGreen .searchBtnCol .searchBtn{ background-color:#133932;}
.skin-darkGreen .searchBtnCol .searchBtn:hover{ background-color:#333;}
.skin-darkGreen .pdfDownload ul li a{background:#133932;}
.skin-darkGreen .pdfDownload ul li a:hover{ background-color:#333;}
.skin-darkGreen .searchFile .dasboardTable td .reportIcon a:hover{color:#133932;}
.skin-darkGreen .Newbtn a{ background:#133932; border-color:#133932;}
.skin-darkGreen .Newbtn a:hover {border: 1px solid #133932; color:#133932; background:none;}
.skin-darkGreen .paging ul li a, .skin-darkGreen .paging span a{background:#133932; border: 1px solid #133932;}
.skin-darkGreen .paging span a:hover{background:#0a1f1b;}
.skin-darkGreen .paging ul li a:hover, .skin-darkGreen .paging ul li.active a{border:1px solid #133932; color:#133932; background:none;}

.skin-darkGreen .dashboardMenu ul li.open a{color:#133932; text-shadow:0 0 0 #133932;}
.skin-darkGreen .rosterCalendar .ui-datepicker th{ background:#133932;}

.skin-darkGreen .fullBanner{background:#2f554e;}
.skin-darkGreen .fullBannerLeft:before{border-color:transparent #2f554e transparent transparent;}
.skin-darkGreen .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .skin-darkGreen  .navbar-nav > .messages-menu > .dropdown-menu > li.header, .skin-darkGreen .navbar-nav > .tasks-menu > .dropdown-menu > li.header{background-color: #133932;}
.skin-darkGreen .navbar-options ul li li.footer a{background-color:#133932;}*/

/******************************************/
.swatch.blue {
    background-color: #047f9a;
}

.swatch.green {
    background-color: #33b86c;
}

.swatch.darkBlue {
    background-color: #061e54;
}

.swatch.darkGreen {
    background-color: #133932;
}

.swatch.white {
    background-color: #ffffff;
}
/******************************************/


.chkControl-group {
    margin-top: -3px !important;
    margin-left: -10px;
    margin-bottom: -3px;
    margin-right: -5px;
    padding-top: 10px;
    padding-left: 10px;
    width: 600px;
    display: inline-block;
    height: 400px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    overflow-y: scroll;
}

.chkControl {
    position: relative;
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    display: inline-table;
    width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .chkControl-group {
        margin-top: -3px !important;
        margin-bottom: -3px;
    }
}

.lnkMMrReports {
    padding: 30px;
}

    .lnkMMrReports ul {
        list-style-type: none;
        margin: 0px 0 10px;
        padding: 0px;
    }

        .lnkMMrReports ul li a {
            padding: 4px 0 4px 18px;
            display: block;
            background: url(../images/event-arrow.png) no-repeat 0 12px;
            color: #222;
        }

            .lnkMMrReports ul li a:hover {
                color: #235185;
                background-position: 4px 12px;
                padding-left: 22px;
            }


/***Sorting CSS***/
.tableData.dataTable tr th.sorting, .tableData.dataTable tr th.sorting_asc, .tableData.dataTable tr th.sorting_desc {
    position: relative;
    padding-right: 20px;
    line-height: 16px;
    cursor: pointer;
}

    .tableData.dataTable tr th.sorting:before {
        bottom: 54%;
        left: 100%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-bottom: 0;
        transform: translateX(-10px);
    }

    .tableData.dataTable tr th.sorting:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ccc;
        border-width: 5px;
        margin-left: -5px;
    }

    .tableData.dataTable tr th.sorting:after {
        top: 54%;
        left: 100%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-top: 0;
        transform: translateX(-10px);
    }

    .tableData.dataTable tr th.sorting:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #ccc;
        border-width: 5px;
        margin-left: -5px;
    }

    .tableData.dataTable tr th.sorting_asc:before {
        bottom: 50%;
        margin-top: 0;
        left: 100%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        transform: translateX(-10px);
    }

    .tableData.dataTable tr th.sorting_asc:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        margin-left: -5px;
    }

    .tableData.dataTable tr th.sorting_desc:after {
        top: 50%;
        margin-top: 0;
        left: 100%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        transform: translateX(-10px);
    }

    .tableData.dataTable tr th.sorting_desc:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #fff;
        border-width: 5px;
        margin-left: -5px;
    }

/***Sorting CSS***/

#someelem {
    cursor: pointer;
    padding-top: 20px;
    display: block;
}

    #someelem .tooltip {
        display: block;
        position: absolute;
        background-color: #047f9a;
        padding: 5px 15px;
        color: #fff;
        margin: -36px 0 0 146px;
        text-shadow: 0 0 0;
    }

        #someelem .tooltip:before {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #someelem .tooltip:before {
            border-color: rgba(194, 225, 245, 0);
            border-right-color: #047f9a;
            border-width: 8px;
            margin-top: -8px;
        }

#tblPersons tr td img {
    height: auto !important;
    width: auto !important;
}



.slidefix .ui-tabs .ui-tabs-nav {
    padding: 0.2em 0.2em;
}



.slidefix .ui-tabs .ui-tabs-nav {
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.slidefix .innrPagetitle {
    padding: 0 12px 0 12px;
}

.MMRTitle .innrPagetitle h3 {
    padding: 0 0 0 40px;
}

.leftPadRem .innrPagetitle h3 {
    padding: 0 12px 0 12px;
}

.mmrFiveYearsearchpanel.addDto {
    padding: 22px 20px 0;
}

    .mmrFiveYearsearchpanel.addDto ul li {
        float: left;
        width: auto;
    }

        .mmrFiveYearsearchpanel.addDto ul li label {
            width: auto;
            float: left;
        }

        .mmrFiveYearsearchpanel.addDto ul li .fieldBox {
            width: auto;
            max-width: none;
            width: auto;
            margin: 0 10px 0 0;
            padding: 0px
        }

.formfAirportwise {
    border: 1px solid #c9c9c9;
    padding: 22px 20px;
}

    .formfAirportwise ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .formfAirportwise .mandoryfiled {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

        .formfAirportwise .mandoryfiled label {
            float: left;
            margin-right: 10px;
            line-height: 26px;
        }

        .formfAirportwise .mandoryfiled .fieldBox {
            float: left;
            margin-right: 10px;
        }

    .formfAirportwise .fetch_results {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .formfAirportwise .fetch_results ul li:not(:first-child) {
            float: left;
            margin-right: 10px;
        }

        .formfAirportwise .fetch_results label {
            float: left;
            margin-right: 10px;
            line-height: 29px;
        }

        .formfAirportwise .fetch_results .fieldBox {
            float: left;
        }

        .formfAirportwise .fetch_results fieldset {
            margin-bottom: 10px;
        }







/*chart css*/
.chartbgmain {
    height: 392px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

    .chartbgmain h2 {
        font-size: 16px;
        color: #323232;
        font-weight: 500;
        margin: 0;
    }

#monthMMRsReceived, #mmrsReceived, #formSubmitted, #activeUsers, #monthSubmitted, #majorDrugs {
    height: 300px;
    width: 100%;
}

.monthselet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .monthselet select.form-select {
        width: auto;
        height: 40px;
    }

.viewDetail {
    transition: all 0.4s;
    text-decoration: none;
    color: #FC8822;
    font-size: 12px;
    font-weight: 600;
}

    .viewDetail:hover {
        color: #4256A7;
    }

#majorDrugs {
    width: 40%;
    height: 370px;
}

/*    #majorDrugs > div:first-child {
        margin-left: -60px;
    }*/

.leg-container {
    display: block;
    min-width: 320px;
    position: absolute;
    right:0;
    top: 45%;
    transform: translateY(-50%);
    height: 320px;
    overflow-y: auto;
}
.notfound {
    color: #FC8822;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 600;
    font-size: 20px;
    justify-content: center;
}
    .leg-container > div:nth-child(odd) {
        /*border-right: 1px solid #E3E3E3;*/
        margin-bottom: 0;
        padding: 10px 0;
    }

    .leg-container > div:nth-child(even) {
        padding: 0;
    }

.percentChart {
    position: relative;
    overflow: hidden;
}

.legend-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 10px;
    transition: background 0.2s ease-in-out;
}

    .legend-item:hover {
        background: rgba(0, 0, 0, 0.1);
    }

.legend-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
}

.legend-label {
    font-weight: 500;
    color: #333;
    flex-grow: 1;
}

.legend-value {
    font-size: 12px;
    font-weight: bold;
    color: #575757;
}

.updatetitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .updatetitle h2 {
        font-size: 18px;
        color: #323232;
        margin: 0;
    }

a.viewAll {
    font-size: 12px;
    color: #FC8822;
    text-decoration: none;
    font-weight: 600;
}

.updatewrp {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    /*box-shadow: 0px 0px 30px #00000029;*/
}

.datetime p {
    font-size: 14px;
    color: #323232;
    margin-top: 10px;
    font-weight: 400;
    line-height: 20px;
}

.departlogo {
    overflow: hidden;
}

.updatebox {
    position: relative;
}

.swiper-slide-next .updatebox:before,
.swiper-slide-active .updatebox:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #C0C8E9;
    right: 0;
    top: 0;
}

/*CNB MMR detail page*/
.sendAlert {
    background: #fff;
    border: 1px solid #FC8822;
    color: #FC8822;
    text-decoration: none;
    padding: 7px 15px;
    border-radius: 100px;
    transition: all 0.4s;
}

    .sendAlert:hover {
        background: #FC8822;
        color: #fff;
    }

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.has-search-right {
    position: relative;
    width: 200px;
}

    .has-search-right .form-control {
        padding: .375rem 2.25rem .375rem .75rem;
        border-radius: 45px;
        font-size: 14px;
        font-weight: 300;
    }

    .has-search-right .form-control-feedback {
        position: absolute;
        top: 0;
        right: 3px;
        display: block;
        width: 35px;
        height: 33px;
        line-height: 32px;
        text-align: center;
        color: #323232;
    }

.accordion-header .topselect {
    order: 2;
}

.accordion-header ul {
    background: #fff;
    padding: 0;
    border-radius: 4px;
    border: none;
}

    .accordion-header ul li .nav-link {
        font-size: 18px;
        color: #323232;
        padding: 8px 20px;
        border: none;
    }

        .accordion-header ul li .nav-link.active {
            background: #FC8822;
            color: #fff;
            border: none;
            border-radius: 4px;
            box-shadow: none;
        }

.mmrCustomtab .accordion-body {
    padding: 0;
    border: none;
}

.mmrCustomtab .tableOut .tableData thead th {
    text-transform: capitalize;
    font-family: 'Open Sans';
    font-weight: 500;
}

.mmrCustomtab .tableOut table tr:nth-child(odd) td {
    background-color: #fff;
}

.mmrCustomtab .tableOut table tr:nth-child(even) td {
    background-color: #F6F8FF;
}

.mmrCustomtab .tableOut .tableData thead th:last-child {
    border-radius: 0 10px 0 0;
}

.mmrCustomtab .tableOut .tableData thead th:first-child {
    width: 350px;
    border-radius: 10px 0 0 0;
}

.mmrCustomtab .tableOut tbody tr td {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    border-right: 1px solid rgb(0 0 0 / 20%);
}

.mmrCustomtab .tableOut .table-wrapper {
    height: 500px;
    border: 1px solid rgb(243 243 243 / 40%);
    overflow: auto;
}

.mmrCustomtab .tableOut table {
    border-spacing: 0;
}

.mmrCustomtab .tableOut tbody {
    font-size: 16px;
}

.mmrCustomtab .tableOut th, .mmrCustomtab .tableOut td {
    padding: 18px 24px;
    white-space: nowrap;
    border-bottom: 1px solid rgb(243 243 243 / 40%);
}

.mmrCustomtab .tableOut tr:last-child td {
    border-bottom: none;
}

.mmrCustomtab .tableOut .table-wrapper tr.sticky {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #4256A7;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.mmrCustomtab .tableOut .table-wrapper th.sticky {
    position: sticky;
    background: #4256A7;
}

.mmrCustomtab .tableOut .table-wrapper td.sticky {
    position: sticky;
    left: 0;
    background: #fff;
}

.mmrCustomtab .tableOut .table-wrapper th.sticky::after, td.sticky::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    bottom: -1px;
    width: 5px;
    border-left: 1px solid rgb(243 243 243 / 40%);
}

.mmrCustomtab .tableOut .table-wrapper th.sticky::before, td.sticky::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    bottom: -1px;
    width: 5px;
    border-right: 1px solid rgb(243 243 243 / 40%);
}

.mmrCustomtab .tableOut .table-wrapper .tableData {
    width: 100%;
}

.mmrCustomtab .tableOut .table-wrapper th.sticky, .mmrCustomtab .tableOut .table-wrapper td.sticky {
    position: sticky;
    left: 0;
}

.mmrCustomtab .tableOut .table-wrapper .tableData tbody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.mmrCustomtab .tableOut .table-wrapper .tableData tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #cccccc7e;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.mmrCustomtab .tableOut .table-wrapper .tableData tbody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #4256A7;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.dashGreenHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.topselect {
    display: flex;
    grid-gap: 15px;
}

    .topselect select.form-select {
        width: 160px;
        border-radius: 45px;
        background: #fff url(/dashboardstyle/images/arrow-blue.png) no-repeat 92% 17px;
        appearance: none;
        height: 40px;
    }

.adminInnerContent {
    padding: 100px 0px 50px 0px;
}
/*.leftPadRem {
    transition: all 0.4s ease-out;
    margin-left: 280px;
    height: 100%;
    min-height: 100%;
    padding-top: 80px;
}*/

body, html {
    height: 100%;
    width: 100%;
    background: #F1F7FF;
}

.displayNone, .hasJS noscript, .hideThis {
    display: none !important;
    visibility: hidden
}

@media (min-width:1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1414px;
    }
}

.jsRequired {
    display: none;
}
/*#wrapper { position: absolute; min-height: 100%; background: #F1F7FF; width: 100%; }*/
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.heading28 {
    font-size: 28px;
    color: #323232;
    font-weight: 700;
    margin-bottom: 0;
}


#main{  margin-left: 0px; height: 100%; min-height: 100%; transition:all 0.4s; }
.slidefix .main-sidebar { left: -280px; }
.slidefix main#main { margin-left:280px; }
@media (max-width:1566px){
.searchPanelForm .cols5 {width: 40.667%;}
}
/* ************* Media Queries Tablets ****************** */
@media only screen and (max-height: 600px) {
.logInPage .login {margin-top:22px;}
}

@media only screen and (max-width:1480px){
.addReports4 ul li .addReports-Box b{width:105px; display:inline-block; line-height:20px;}
.addDto ul li{ width:90%;}
.mmrFiveYearsearchpanel ul li { float:left; width:auto;}
}
@media only screen and (max-width:1320px){
.searchFileBox{ padding-right:0px;}
.searchFileDiv .searchBtnCol{ position:relative; bottom:0px;}

.dashboardUser ul li{width:33.3%; margin-bottom:14px;}

.searchPanelForm .row .row {margin:0 -5px;}
.searchPanelForm .row .row .col{padding:0 5px;}
.addDto ul li{ width:100%;}
.mmrFiveYearsearchpanel ul li { float:left; width:auto;}

}

@media only screen and (max-width:1280px){
.createRosterForm .col .row .col{width:50%;}
input.timeIcon{ padding-left:36px;}

.addReports ul li{ padding:0 10px;}
.fullBannerRight .addReports{ margin-top:4%;}
.addReports4 ul li{width:50%;}

/*.administratorPage .cols3{ width:33.3%;}*/

.searchPanelForm .row .cols5.col{ width:100%; margin-bottom:10px;}
.searchPanelForm .row .cols7.col{ width:100%;}
.searchPanelForm .row .row .cols5.col{width:40%;}
}

@media only screen and (max-width:1220px){
.searchFileBox ul li{padding-bottom:0px; float:none;}
.searchFileBox ul li .inputField{width:50%; margin-bottom:15px;}
.searchFileBox ul li li{ float:left;}
}

@media only screen and (max-width: 1169px) {
	
.OrderPickingArea .row .cols8{ width:60%;}
.OrderPickingArea .row .cols4{ width:40%;}
.OrderPickingImg{float:none; margin:0 auto; width:200px;}
.OrderPickingList{width:100%; padding-left:0px; }

.stockRequest .row .cols8{ width:100%;}
/*.addReports ul li .addReports-Box{ padding-left:84px;}*/


.createRosterForm .col { width:100%;}

.dasbordBannerRight{ margin-left:0px; padding-left:0px;}
/*.StatusProgress ul li{ width:50%;}*/
.dasbordBannerLeft{ width:100%; margin-bottom:25px;}
.fullBannerRight{ padding-left:30px;}
.fullBannerRight .addReports ul li{padding:0 6px;}
.fullBannerRight .addReports{ margin-top:3%;}
}
@media only screen and (max-width: 1100px) {
.fullBannerRight .addReports{ margin-top:1.4%;}
}
@media only screen and (max-width: 1023px) {
.toggleIcon a.navTog, .toggleIcon a.navTog.show{left:218px;}
.mm-menu.mm-offcanvas{ top:83px;}
.inlineUser{ padding:9px 15px 0 5px;}
.main-sidebar, .left-side{ width:260px;}
.container{padding-left:260px;}
.main-header .logo{width:305px; padding-left:86px;}
.main-header .logo img{width:70px; left:8px;}
.logo > a{ font-size:14px;}
.logo > a span{font-size:10px;}
.main-header .navbar{ margin-left:260px;}
.dasbordContent{padding:0px;}
.resTab .tabNav li{ margin:2px 0 0;}
#sheetswitch{ margin-left:0px;}
.navbar-options{ margin-right:10px;}
.navbar-options ul li{margin-left:0px;}

.addReports ul li{ width:50%;}

.fullBanner{ margin-left:0px; margin-right:0px; padding-right:0px;}
.fullBannerLeft{ width:100%;}
.fullBannerLeft:before{ display:none; width:100%;}
.fullBannerRight{ width:100%; padding:0 10px}
.fullBannerRight .addReports{ transform:none; margin-top:10px; margin-bottom:10px;}
.fullBannerRight .addReports ul{ margin:0 -5px;}
.fullBannerRight .addReports ul li{ padding:0 5px;}

.showingEntery{ float:none; text-align:center; padding-bottom:10px;}
.paging{ float:none; text-align:center;}
.paging span{float:none; display:inline-table; margin-bottom:5px;}
.paging ul{float:none; display:inline-table;}
.paging ul li{float:none; display:inline-block; margin-bottom:0px;}

.administratorPage .cols3{ width:50%;}

.AccountForm .col{ width:100%;}
.AccountForm .col .row .col{width:33.3%;}

html.mm-opening .container { }
html.mm-opening .main-sidebar{left:-314px; }
#mm-blocker{ left:306px;}
.mm-menu.mm-offcanvas{ width:260px;}
html.mm-background .dashboardBread{padding-left:67px;}

.MasterForm{ padding-right:0px;}

.addDto{padding:22px 20px;}
.addDto ul li label{ width:208px; font-size:14px;}
.addDto ul li .fieldBox{ margin-left:-208px; padding-left:225px; width:100%;}

}



@media (max-width:991px) {

.navbar-custom-menu .navbar-nav>li {float:left}
.navbar-custom-menu .navbar-nav {margin:0;float:left}
.navbar-custom-menu .navbar-nav>li>a {line-height:20px}

.searchFileBox ul li{ margin-bottom:0px; float:none;}
.searchFileBox ul li .inputField{ width:50%; margin-bottom:10px;}
.searchFileBox ul li ul li{ float:left;}

.committeeShow .inputOuter{ width:50%;}
.committeeShow label{padding-right:6px;}
.searchcommit label{padding-right:6px;}
.entries{ padding:0 0 0 5px;}

.dataTables_info{width:100%;}
div.dataTables_paginate{ margin:0px; width:100%;}

.dashboardUser ul li{width:50%; margin-bottom:14px;}
.regionalDetails .cols4{width:100%; margin-bottom:14px;}
.formDto .cols6{ width:100%; margin-bottom:14px;}
}

@media only screen and (max-width: 959px) {
.createRosterForm .col .row .col{width:100%;margin-bottom:15px;}
.createRosterForm .col .row .col:last-child{ margin-bottom:0px;}
.formfAirportwise .fetch_results label{ display:block; width:100%;}
.formfAirportwise .fetch_results .fieldBox { width:100%;}
.formfAirportwise .fetch_results ul li:not(:first-child) { width:100%;}
.formfAirportwise .mandoryfiled label { width:50%; margin-bottom:10px;}

}

@media only screen and (max-width:900px) {
.dasbordBannerRight{margin-left:0px; padding-left:0px; margin-top:20px;}
.StatusProgress ul li{width:50%;}
.dasbordBannerLeft{width:100%;}

.createRosterLeft{ margin:0px; padding:0px;}
.createRosterRight{ width:100%;}
.createRoster .row .cols9{ margin-right:0px; padding-right:15px;}
.sidebar-collapse .createRosterLeft{float:left; width:100%; background:#fff; /*margin-right:-250px; padding-right:280px;*/}
.sidebar-collapse .createRosterRight{ width:100%; }
.createRoster .row .cols3{ width:100%;padding-left:15px;}

.searchcommit{ float:left; clear:both; width:260px; padding-top:10px;}
.searchcommit label{ margin-left:0px; }
.searchcommit input{ width:200px;}

.searchFileBox ul li .inputField{width:100%;}

.searchBox input[type="search"]:focus{width:170px;}

.searchPanelForm .row .row .col{ width:100% !important;}
.searchPanelForm .col .row .col label{width:125px;}
.searchPanelForm .col .row .col .Formfield{margin-left:-125px; padding-left:130px;}
.searchPanelForm .searchBtn{ float:right;}
}


@media only screen and (max-width: 819px) {

}

@media only screen and (min-width: 801px) {#nav ul {display:block !important;}
.closePopup {display:block; color:#fff; font-size:26px; z-index:99999; opacity: 1; position: fixed; top: 9px; right:9px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border:2px solid #fff; height:40px; width:40px; text-align:center; line-height:35px; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;}
.closePopup:hover { opacity:.7; cursor: pointer; color:#fff;}

}
@media only screen and (max-width: 800px) {
/*Navigation*/
#nav {display:none;position:absolute;left:0;right:0;background:#073e74;}
#nav ul{background:#305d93;}
.toggleMenu, #nav .menuIcon {display:block;}
#nav li {float:none;display:block;border:none;}
#nav li a{border-top:1px solid #002d63}
#nav li.parent {position:relative;}
#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}
#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nav ul{opacity:1;}
#nav li ul li, #nav ul a {width:100%}
#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}
#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}
#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:14px;}
#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nav li ul li ul li a {padding-left:45px;background-position:33px center}
#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#305d93;color: #fff;}
#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#305d93;color: #fff;}

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}

.administratorPage .cols3 .adminiBox a{font-size:15px;}
.toggleIcon{margin-right:12px;}
#sheetswitch .swatch{ margin-right:7px;}
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
}
/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p {width:100%;}

.toggleIcon a.navTog{left:auto; right:0px; top:0px;}
.toggleIcon a.navTog.show{left:auto; right:0px; top:0px;}
.toggleIcon a.navTog.hide{left:auto; right:0px; top:0px;}

.toggleIcon a.navTog span:nth-child(1), .toggleIcon a.navTog.show span:nth-child(1){transform: rotate(-50deg); -webkit-transform: rotate(-50deg); margin-top:4px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.toggleIcon a.navTog span:nth-child(2), .toggleIcon a.navTog.show span:nth-child(2){transform: rotate(50deg); -webkit-transform: rotate(50deg); margin-top:-7px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.toggleIcon a.navTog span:nth-child(3), .toggleIcon a.navTog.show span:nth-child(3){ display:none;}

.toggleIcon a.navTog span:nth-child(1){ transform:none; -webkit-transform:none; margin-top:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.toggleIcon a.navTog span:nth-child(2){ transform:none; -webkit-transform:none; margin-top:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.toggleIcon a.navTog span:nth-child(3){ transform:none; -webkit-transform:none; display:block;}

.toggleIcon a.navTog.hide span:nth-child(1){ transform:none; -webkit-transform:none; margin-top:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.toggleIcon a.navTog.hide span:nth-child(2){ transform:none; -webkit-transform:none; margin-top:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.toggleIcon a.navTog.hide span:nth-child(3){ transform:none; -webkit-transform:none; display:block;}
.device .main-sidebar, .device .left-side{transform:translate(0px, 0px) !important;}

.navMain li.parent a, .submenu a{ padding-left:10px; }

.leftSidebar{ left:-35px;}
.leftMenu{margin-top:0px;}


.main-header .logo img{width:46px;}
.main-header .logo{padding-left:62px;}
.logo > a{padding-top:5px;}
/************/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{ background:none;}
.logo{ z-index:9991;}
.device .main-sidebar, .device .left-side {
-webkit-transform:translate(-200px, 0);
-ms-transform:translate(-200px, 0);
-o-transform:translate(-200px, 0);
transform:translate(-200px, 0);
padding-top:110px;
}
.sidebar-open .main-sidebar, .sidebar-open .left-side {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}

.main-header{ z-index:9999 !important; position:relative; }
.dashboardMenu ul li a{ padding:8px 25px 8px 10px; }
.dashboardMenu ul li em{ right:8px;}

.main-sidebar, .left-side{ width:200px;}
.main-header .navbar{ margin-left:0px;}
.main-header .logo{ width:100%;}
.navbar-options{ margin-top:0px;}

#sheetswitch{ top:10px;}
#sheetswitch{ margin-top:2px; margin-left:10px;}
.searchBox{margin-top:12px;}
.inlineUser{padding:8px 15px 5px 0px;}
.device .container{ padding-left:200px; }
.device .leftPadAdd .container{padding-left:0px;}
.device .leftPadRem .container{padding-left:200px;}
.leftPadAdd .administratorPage{ padding-left:25px;}
.sidebar-open .container{ padding-left:200px; }
.tableOut{  width:100%;}
#wrapper{overflow:hidden;}
.dasbordContent{ padding:0px;}
.administratorPage{padding:20px;}
.userDetail{padding:15px 20px 0;}
.navbar-options ul li{ margin-left:2px;}
.navbar-options ul li a i{ font-size:23px;}
.main-header .navbar .nav > li > a > .label{ font-size:9px; height:auto; width:auto; line-height:normal; padding:3px; top:6px; right:1px;}
.reporterDashboard{ padding:20px 20px 20px; font-size:22px; line-height:22px;}

.companyDetail{ max-width:100%;}
.r-tabs .r-tabs-accordion-title{ margin-bottom:4px;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{color: #fff;background-color:#36a9e1;}
.copyRight{ padding:15px 0 0; text-align:center;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ background:#fff;}

.tableOut{padding-top:25px; background:url(../images/swipeIconGray.png) right top no-repeat; margin-bottom:20px;}

.selectDiv{ margin-top:5px;}
.sidebar-collapse.device .main-sidebar{ display:none;}
.sidebar-collapse.device .container{ padding-left:0px; }
.sidebar-collapse.device .logo{ width:100% !important;}
.sidebar-collapse.device .navbar{ margin-left:0px!important;}

.main-header .navbar .nav > li > a > .label{right:-4px; top:5px;}
.main-header .navbar .nav > li > a > .label.label-warning{ right:-1px; }
.navbar-options ul li a i{ top:1px; position:relative;}

.createRosterLeft{float:left; width:100%; background:#fff; /*margin-right:-250px; padding-right:280px;*/}


.sidebar-open .createRosterLeft{margin-right:0; padding-right:0;}
.sidebar-open .createRosterRight{ width:100%;}
.createRosterRight{ margin-top:0px !important; margin-bottom:20px;}

.committeeShow{ width:100%;}
.committeeShow .inputOuter{width:100%;}
.entries{ display:none;}
.searchcommit{ width:100%;}
.searchcommit label, .committeeShow label{ line-height:normal;}
.searchcommit input{ width:100%;}
/************/
.toggleIcon {margin-top:12px; margin-left:5px; margin-right:10px;}
.mm-menu.mm-offcanvas{max-width:260px; left:-260px; top:111px;}
.mm-menu.mm-offcanvas.mm-current{display:block; left:0;}
#mm-blocker {right:0px; left:auto; top:0px; height:50px;}
.toggleIcon{ position:absolute; right:0px; top:0px; z-index:9999;}
.container {transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
html.mm-background .container { padding-left:260px; }
html.mm-background .main-sidebar{left:0px; width:260px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transform:translateX(0)}

.navbar-custom-menu{margin:0 auto; float:none; width:100%; border-top:1px dashed rgba(255,255,255,.2); margin-top:10px; text-align:center;}
.navbar-custom-menu .navbar-nav{ margin:0 auto; float:none; display:table;}
.navbar-nav li:last-child a{ margin-top:-2px;}

.addDto{ padding:5px 20px 20px;}
.addDto ul li label{width:100%; text-align:left;}
.addDto ul li .fieldBox{ margin-left:0px; padding-left:0px;}
.addfield .addBox1{ width:55%; }
.addfield .addBox2{ width:45%; }
html.mm-background .dashboardBread{padding-left:0px;}
.addDto ul li.last label{line-height:normal; height:1px;}
}
@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}

.companyDetail ul li .cNametitle{ width:100%;}
.companyDetail ul li .fullName{ margin:0px; padding-left:12px;}

.OrderPickingArea .row .cols8{ width:100%; border-bottom:1px solid #e9e9ea; border-right:0; padding:0px; padding-bottom:18px; margin-bottom:15px; }
.OrderPickingArea .row .cols4{ width:100%; padding:0px; }
.OrderPickingImg{float:none; margin:0 auto; width:200px;}
.OrderPickingList{width:100%; padding-left:0px; }

.stockRequest .row .cols8{ border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}

.createRosterForm .col{ margin-bottom:15px;}
.createRosterForm .col .row .col{width:100%; margin-bottom:15px;}
.createRosterForm .col .row .col:last-child{margin-bottom:0px;}
.createRosterLeft{ margin-right:0px; padding-right:0px;}
.createRosterRight{ margin-top:20px; width:100%;}
.createRosterLeft .tableOut{ margin-bottom:0px;}

a.closePopup{color:#fff !important;}
.create-new-event .row .col{width:100%;}
.create-new-event .row .row .col{width:50%;}
.create-new-event .row .row .col:last-child{margin-bottom:0px}

.device .container{transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
html.mm-background .device .container{padding-left:0px; margin-left:260px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}

#bar-chart, #bar-chart1, #bar-chart2{width:520px !important;}
}
@media only screen and (max-width:580px) {

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ left:50%; transform: translateX(-50%);}
.main-header .navbar{ text-align:center;} 

#sheetswitch {display:inline-block; float:none; margin-left:0px; margin-top:2px;}


.logInPage .login{ padding:15px 10px; background:none;}
.dasbordContent h1{font-size:20px;}

.searchFileBox ul li .inputField{ width:100%; margin-bottom:10px;}
.addReports ul li{ width:100%; margin-bottom:12px;}

.MasterForm ul li .FormName{width:100%; text-align:left; line-height:normal; padding-bottom:5px;}
.MasterForm ul li .Formfield{ margin-left:0px; padding-left:0px;}

.StatusProgress ul li{ width:50%;}
.bannerDate ul li{ margin-left:2px;}
.fullBannerRight .addReports ul li{padding:0 5px; width:100%; margin-bottom:10px;}
.fullBannerRight .addReports ul li:last-child{ margin-bottom:0px;}
.inlineUser .userName{ font-size:14px; padding-right:10px; line-height:22px;}

.managSystem{ font-size:14px; line-height:16px; padding:5px 0;}
.managSystem span{ font-size:12px; }

.pdfDownload.fright ul{ float:left; padding-left:0px;}
.pdfDownload.fright ul li{ margin-right:6px; margin-bottom:6px; margin-left:0px;}
.addReports4 ul li .addReports-Box b{ width:100%;}

.Newbtn{position:relative; float:left; margin-bottom:10px; width:100%;}
.Newbtn a{ padding:8px 20px; text-align:center;}
.committeeShow{width:100%; padding-bottom:15px;}
.searchcommit{width:100%;}
.searchcommit input{width:100%;}
.searchcommit label, .committeeShow label{width:100%; line-height:normal; padding:0px 0 5px; margin:0px;}
.committeeShow .inputOuter{ width:100%; }
.entries{ display:none;}

.device .container{ padding-left:0px; margin-left:0px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.sidebar-open .container{ padding-left:0px; margin-left:200px;}
.searchcommit{padding-top:0px;}

.administratorPage{ padding:20px;}
.administratorPage .cols3{ width:100%;}


/*#mm-blocker{ left:50%; transform:translateX(-50%); margin-left:-70px; height:42px;}*/
#bar-chart, #bar-chart1, #bar-chart2{width:430px !important;}

.addfield{border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:15px;}
.addfield:after{ content:''; clear:both; display:table; width:100%;}
.addfield .addBox1{ width:100%; }
.addfield .addBox2{ width:100%; }


}
@media only screen and (min-width: 480px) {
.searchBox .search{display:block !important;}
.searchBox .search{ height:32px  !important;}
}
@media only screen and (max-width: 480px) {
.dasbordContent{ padding:0px;}
.administratorPage{padding:10px;}
.addReports ul{ margin:0 -10px; }
.addReports ul li{ padding-left:10px; padding-right:10px;}
.addReports{ margin-bottom:15px;}
.dasbordBannerLeft{ margin-bottom:0px;}
.searchFile{ padding:15px;}


.pdfDownload.fright ul li{ width:100%; text-align:center; margin-right:0px;}
.pdfDownload.fright ul{width:100%;}
.pdfDownload ul li span{ float:none !important; display:inline-table; position:relative; top:6px; margin-bottom:10px; margin-top:-2px;}
.searchBtnCol .searchBtn{ width:100%; background-position:42% center;}
.searchFileBox ul li ul li{width:100%; margin-bottom:10px;}
.searchFileBox ul li ul li:last-child{ margin-bottom:0px;}

.navbar-custom-menu .navbar-nav > li{ padding:0 5px; margin:0px; }
.inlineUser{padding:12px 0px; width:100%;}
.inlineUser .userImg img{width:30px !important;}
.inlineUser .userImg{height:25px; width:25px;}
.managSystem{font-size:14px; line-height:16px; padding:8px 0; width:100%; background:#f1f1f1; text-align:center; margin-top:5px; }
.toggleIcon{ margin-left:10px; margin-right:10px; top:12px; }
}
@media only screen and (max-width: 479px) {
.logInPage .loginForm ul li{ margin-bottom:10px;}
.logInPage li.userName label{ line-height:normal; padding-bottom:6px; font-size:14px;}
.logInPage li.userName .Inputbox{ padding-left:0px; margin-left:0px; }
.logInPage li.loginCaptcha div.loginCaptchaImg{width:100%; margin-bottom:14px;}
.logInPage li.loginCaptcha div.loginCaptchaInput{width:100%; padding-left:0px;}
.logInPage li.loginCaptcha{ padding-top:4px;}
li.srchBox{ position:static !important;}

.mm-menu.mm-offcanvas{top:101px;}

.navbar-options ul li a{padding-left:4px; padding-right:4px;}
.selectDiv{ width:90px;}
.toggleIcon{ margin-left:10px; margin-right:10px; top:0; }
.navbar-options ul li:first-child{ margin-left:0px;}
.navbar-options{ margin-right:0px; }

.logInPage .loginFooter{padding:0 10px;}
.logInPage .loginFooter a{ font-size:16px;}

.searchBox .searchIocn{ display:block;}
.searchBox .search{ background:#36a9e1; width:100%; left:0px; padding:12px 20px; position:absolute; display:none; margin-top:13px;}
.searchBox input[type=search] { width:100% !important; height:35px; background-color:#235185; border:0px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{left:5% !important; transform:translateX(-5%) !important;}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu.loginUser{left:-25% !important; transform:translateX(-5%) !important;}

.filesStatus{ padding:10px;}
.bannerHeading{text-align:center;}
.filesStatus h4{float:none; padding-bottom:4px;}
.bannerDate{float:none; margin:0px auto; display:table;}
.bannerDate ul li{width:49%;}

.AccountForm .col .row .col{width:100%; margin-bottom:15px;}
.AccountForm .col .row .col:last-child{margin-bottom:0px;}

.dashboardUser ul li{width:100%; margin-bottom:10px;}
#bar-chart, #bar-chart1, #bar-chart2{width:360px !important;}
.dropdown-menu.loginUser{ margin-left:-15% !important; width:230px !important;}
.main-header .logo img{ width:35px;}
.main-header .logo{ padding-left:51px;}
.logo > a{ font-size:13px; padding-top:0px;}
.navbar-custom-menu{ margin-top:0px;}

.manufactDate .dateBox{ width:100%;}
.searchPanelForm label{ width:100%; max-width:100%;}
.searchPanelForm .Formfield{margin-left:0px; padding-left:0px; }
.searchPanelForm .col .row .col label{ width:100%; line-height:normal;}
.searchPanelForm .col .row .col .Formfield{margin-left:0px; padding-left:0px;}

.inlineUser .userName{line-height:15px;}
}

@media only screen and (max-width:400px){
.logInPage .loginForm{padding:20px 20px 10px;}
.logInPage .checkBox .forgotPassword a{font-size:14px;}
.logInPage .checkBox label{font-size:14px;}

.create-new-event .row .row .col{width:100%;margin-bottom:15px;}
.create-new-event .row .row .col:last-child{margin-bottom:0px}
.searchBtnCol .searchBtn{ background-position:35% center;}


#bar-chart, #bar-chart1, #bar-chart2{width:280px !important;}
}
@media only screen and (max-width:359px){
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{left:100%; transform: translateX(-41%);}
.dropdown-menu.loginUser{left:-15% !important; width:230px !important;}
}
/* MaterialDesignIcons.com */@font-face{font-family:"Material Design Icons";src:url("fonts/materialdesignicons-webfont.eot?v=1.6.50");src:url("fonts/materialdesignicons-webfont.eot?#iefix&v=1.6.50") format("embedded-opentype"),url("fonts/materialdesignicons-webfont.woff2?v=1.6.50") format("woff2"),url("fonts/materialdesignicons-webfont.woff?v=1.6.50") format("woff"),url("fonts/materialdesignicons-webfont.ttf?v=1.6.50") format("truetype"),url("fonts/materialdesignicons-webfont.svg?v=1.6.50#materialdesigniconsregular") format("svg");font-weight:normal;font-style:normal}.mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.mdi-access-point:before{content:"\F002"}.mdi-access-point-network:before{content:"\F003"}.mdi-account:before{content:"\F004"}.mdi-account-alert:before{content:"\F005"}.mdi-account-box:before{content:"\F006"}.mdi-account-box-outline:before{content:"\F007"}.mdi-account-card-details:before{content:"\F5D2"}.mdi-account-check:before{content:"\F008"}.mdi-account-circle:before{content:"\F009"}.mdi-account-convert:before{content:"\F00A"}.mdi-account-key:before{content:"\F00B"}.mdi-account-location:before{content:"\F00C"}.mdi-account-minus:before{content:"\F00D"}.mdi-account-multiple:before{content:"\F00E"}.mdi-account-multiple-minus:before{content:"\F5D3"}.mdi-account-multiple-outline:before{content:"\F00F"}.mdi-account-multiple-plus:before{content:"\F010"}.mdi-account-network:before{content:"\F011"}.mdi-account-off:before{content:"\F012"}.mdi-account-outline:before{content:"\F013"}.mdi-account-plus:before{content:"\F014"}.mdi-account-remove:before{content:"\F015"}.mdi-account-search:before{content:"\F016"}.mdi-account-settings:before{content:"\F630"}.mdi-account-settings-variant:before{content:"\F631"}.mdi-account-star:before{content:"\F017"}.mdi-account-star-variant:before{content:"\F018"}.mdi-account-switch:before{content:"\F019"}.mdi-adjust:before{content:"\F01A"}.mdi-air-conditioner:before{content:"\F01B"}.mdi-airballoon:before{content:"\F01C"}.mdi-airplane:before{content:"\F01D"}.mdi-airplane-landing:before{content:"\F5D4"}.mdi-airplane-off:before{content:"\F01E"}.mdi-airplane-takeoff:before{content:"\F5D5"}.mdi-airplay:before{content:"\F01F"}.mdi-alarm:before{content:"\F020"}.mdi-alarm-check:before{content:"\F021"}.mdi-alarm-multiple:before{content:"\F022"}.mdi-alarm-off:before{content:"\F023"}.mdi-alarm-plus:before{content:"\F024"}.mdi-album:before{content:"\F025"}.mdi-alert:before{content:"\F026"}.mdi-alert-box:before{content:"\F027"}.mdi-alert-circle:before{content:"\F028"}.mdi-alert-circle-outline:before{content:"\F5D6"}.mdi-alert-octagon:before{content:"\F029"}.mdi-alert-outline:before{content:"\F02A"}.mdi-alpha:before{content:"\F02B"}.mdi-alphabetical:before{content:"\F02C"}.mdi-altimeter:before{content:"\F5D7"}.mdi-amazon:before{content:"\F02D"}.mdi-amazon-clouddrive:before{content:"\F02E"}.mdi-ambulance:before{content:"\F02F"}.mdi-amplifier:before{content:"\F030"}.mdi-anchor:before{content:"\F031"}.mdi-android:before{content:"\F032"}.mdi-android-debug-bridge:before{content:"\F033"}.mdi-android-studio:before{content:"\F034"}.mdi-animation:before{content:"\F5D8"}.mdi-apple:before{content:"\F035"}.mdi-apple-finder:before{content:"\F036"}.mdi-apple-ios:before{content:"\F037"}.mdi-apple-keyboard-caps:before{content:"\F632"}.mdi-apple-keyboard-command:before{content:"\F633"}.mdi-apple-keyboard-control:before{content:"\F634"}.mdi-apple-keyboard-option:before{content:"\F635"}.mdi-apple-keyboard-shift:before{content:"\F636"}.mdi-apple-mobileme:before{content:"\F038"}.mdi-apple-safari:before{content:"\F039"}.mdi-application:before{content:"\F614"}.mdi-appnet:before{content:"\F03A"}.mdi-apps:before{content:"\F03B"}.mdi-archive:before{content:"\F03C"}.mdi-arrange-bring-forward:before{content:"\F03D"}.mdi-arrange-bring-to-front:before{content:"\F03E"}.mdi-arrange-send-backward:before{content:"\F03F"}.mdi-arrange-send-to-back:before{content:"\F040"}.mdi-arrow-all:before{content:"\F041"}.mdi-arrow-bottom-left:before{content:"\F042"}.mdi-arrow-bottom-right:before{content:"\F043"}.mdi-arrow-compress:before{content:"\F615"}.mdi-arrow-compress-all:before{content:"\F044"}.mdi-arrow-down:before{content:"\F045"}.mdi-arrow-down-bold:before{content:"\F046"}.mdi-arrow-down-bold-circle:before{content:"\F047"}.mdi-arrow-down-bold-circle-outline:before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline:before{content:"\F049"}.mdi-arrow-down-drop-circle:before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline:before{content:"\F04B"}.mdi-arrow-expand:before{content:"\F616"}.mdi-arrow-expand-all:before{content:"\F04C"}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-left-bold:before{content:"\F04E"}.mdi-arrow-left-bold-circle:before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline:before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline:before{content:"\F051"}.mdi-arrow-left-drop-circle:before{content:"\F052"}.mdi-arrow-left-drop-circle-outline:before{content:"\F053"}.mdi-arrow-right:before{content:"\F054"}.mdi-arrow-right-bold:before{content:"\F055"}.mdi-arrow-right-bold-circle:before{content:"\F056"}.mdi-arrow-right-bold-circle-outline:before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline:before{content:"\F058"}.mdi-arrow-right-drop-circle:before{content:"\F059"}.mdi-arrow-right-drop-circle-outline:before{content:"\F05A"}.mdi-arrow-top-left:before{content:"\F05B"}.mdi-arrow-top-right:before{content:"\F05C"}.mdi-arrow-up:before{content:"\F05D"}.mdi-arrow-up-bold:before{content:"\F05E"}.mdi-arrow-up-bold-circle:before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline:before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline:before{content:"\F061"}.mdi-arrow-up-drop-circle:before{content:"\F062"}.mdi-arrow-up-drop-circle-outline:before{content:"\F063"}.mdi-assistant:before{content:"\F064"}.mdi-at:before{content:"\F065"}.mdi-attachment:before{content:"\F066"}.mdi-audiobook:before{content:"\F067"}.mdi-auto-fix:before{content:"\F068"}.mdi-auto-upload:before{content:"\F069"}.mdi-autorenew:before{content:"\F06A"}.mdi-av-timer:before{content:"\F06B"}.mdi-baby:before{content:"\F06C"}.mdi-backburger:before{content:"\F06D"}.mdi-backspace:before{content:"\F06E"}.mdi-backup-restore:before{content:"\F06F"}.mdi-bank:before{content:"\F070"}.mdi-barcode:before{content:"\F071"}.mdi-barcode-scan:before{content:"\F072"}.mdi-barley:before{content:"\F073"}.mdi-barrel:before{content:"\F074"}.mdi-basecamp:before{content:"\F075"}.mdi-basket:before{content:"\F076"}.mdi-basket-fill:before{content:"\F077"}.mdi-basket-unfill:before{content:"\F078"}.mdi-battery:before{content:"\F079"}.mdi-battery-10:before{content:"\F07A"}.mdi-battery-20:before{content:"\F07B"}.mdi-battery-30:before{content:"\F07C"}.mdi-battery-40:before{content:"\F07D"}.mdi-battery-50:before{content:"\F07E"}.mdi-battery-60:before{content:"\F07F"}.mdi-battery-70:before{content:"\F080"}.mdi-battery-80:before{content:"\F081"}.mdi-battery-90:before{content:"\F082"}.mdi-battery-alert:before{content:"\F083"}.mdi-battery-charging:before{content:"\F084"}.mdi-battery-charging-100:before{content:"\F085"}.mdi-battery-charging-20:before{content:"\F086"}.mdi-battery-charging-30:before{content:"\F087"}.mdi-battery-charging-40:before{content:"\F088"}.mdi-battery-charging-60:before{content:"\F089"}.mdi-battery-charging-80:before{content:"\F08A"}.mdi-battery-charging-90:before{content:"\F08B"}.mdi-battery-minus:before{content:"\F08C"}.mdi-battery-negative:before{content:"\F08D"}.mdi-battery-outline:before{content:"\F08E"}.mdi-battery-plus:before{content:"\F08F"}.mdi-battery-positive:before{content:"\F090"}.mdi-battery-unknown:before{content:"\F091"}.mdi-beach:before{content:"\F092"}.mdi-beats:before{content:"\F097"}.mdi-beer:before{content:"\F098"}.mdi-behance:before{content:"\F099"}.mdi-bell:before{content:"\F09A"}.mdi-bell-off:before{content:"\F09B"}.mdi-bell-outline:before{content:"\F09C"}.mdi-bell-plus:before{content:"\F09D"}.mdi-bell-ring:before{content:"\F09E"}.mdi-bell-ring-outline:before{content:"\F09F"}.mdi-bell-sleep:before{content:"\F0A0"}.mdi-beta:before{content:"\F0A1"}.mdi-bible:before{content:"\F0A2"}.mdi-bike:before{content:"\F0A3"}.mdi-bing:before{content:"\F0A4"}.mdi-binoculars:before{content:"\F0A5"}.mdi-bio:before{content:"\F0A6"}.mdi-biohazard:before{content:"\F0A7"}.mdi-bitbucket:before{content:"\F0A8"}.mdi-black-mesa:before{content:"\F0A9"}.mdi-blackberry:before{content:"\F0AA"}.mdi-blender:before{content:"\F0AB"}.mdi-blinds:before{content:"\F0AC"}.mdi-block-helper:before{content:"\F0AD"}.mdi-blogger:before{content:"\F0AE"}.mdi-bluetooth:before{content:"\F0AF"}.mdi-bluetooth-audio:before{content:"\F0B0"}.mdi-bluetooth-connect:before{content:"\F0B1"}.mdi-bluetooth-off:before{content:"\F0B2"}.mdi-bluetooth-settings:before{content:"\F0B3"}.mdi-bluetooth-transfer:before{content:"\F0B4"}.mdi-blur:before{content:"\F0B5"}.mdi-blur-linear:before{content:"\F0B6"}.mdi-blur-off:before{content:"\F0B7"}.mdi-blur-radial:before{content:"\F0B8"}.mdi-bone:before{content:"\F0B9"}.mdi-book:before{content:"\F0BA"}.mdi-book-minus:before{content:"\F5D9"}.mdi-book-multiple:before{content:"\F0BB"}.mdi-book-multiple-variant:before{content:"\F0BC"}.mdi-book-open:before{content:"\F0BD"}.mdi-book-open-page-variant:before{content:"\F5DA"}.mdi-book-open-variant:before{content:"\F0BE"}.mdi-book-plus:before{content:"\F5DB"}.mdi-book-variant:before{content:"\F0BF"}.mdi-bookmark:before{content:"\F0C0"}.mdi-bookmark-check:before{content:"\F0C1"}.mdi-bookmark-music:before{content:"\F0C2"}.mdi-bookmark-outline:before{content:"\F0C3"}.mdi-bookmark-plus:before{content:"\F0C5"}.mdi-bookmark-plus-outline:before{content:"\F0C4"}.mdi-bookmark-remove:before{content:"\F0C6"}.mdi-boombox:before{content:"\F5DC"}.mdi-border-all:before{content:"\F0C7"}.mdi-border-bottom:before{content:"\F0C8"}.mdi-border-color:before{content:"\F0C9"}.mdi-border-horizontal:before{content:"\F0CA"}.mdi-border-inside:before{content:"\F0CB"}.mdi-border-left:before{content:"\F0CC"}.mdi-border-none:before{content:"\F0CD"}.mdi-border-outside:before{content:"\F0CE"}.mdi-border-right:before{content:"\F0CF"}.mdi-border-style:before{content:"\F0D0"}.mdi-border-top:before{content:"\F0D1"}.mdi-border-vertical:before{content:"\F0D2"}.mdi-bowl:before{content:"\F617"}.mdi-bowling:before{content:"\F0D3"}.mdi-box:before{content:"\F0D4"}.mdi-box-cutter:before{content:"\F0D5"}.mdi-box-shadow:before{content:"\F637"}.mdi-bridge:before{content:"\F618"}.mdi-briefcase:before{content:"\F0D6"}.mdi-briefcase-check:before{content:"\F0D7"}.mdi-briefcase-download:before{content:"\F0D8"}.mdi-briefcase-upload:before{content:"\F0D9"}.mdi-brightness-1:before{content:"\F0DA"}.mdi-brightness-2:before{content:"\F0DB"}.mdi-brightness-3:before{content:"\F0DC"}.mdi-brightness-4:before{content:"\F0DD"}.mdi-brightness-5:before{content:"\F0DE"}.mdi-brightness-6:before{content:"\F0DF"}.mdi-brightness-7:before{content:"\F0E0"}.mdi-brightness-auto:before{content:"\F0E1"}.mdi-broom:before{content:"\F0E2"}.mdi-brush:before{content:"\F0E3"}.mdi-buffer:before{content:"\F619"}.mdi-bug:before{content:"\F0E4"}.mdi-bulletin-board:before{content:"\F0E5"}.mdi-bullhorn:before{content:"\F0E6"}.mdi-bullseye:before{content:"\F5DD"}.mdi-burst-mode:before{content:"\F5DE"}.mdi-bus:before{content:"\F0E7"}.mdi-cached:before{content:"\F0E8"}.mdi-cake:before{content:"\F0E9"}.mdi-cake-layered:before{content:"\F0EA"}.mdi-cake-variant:before{content:"\F0EB"}.mdi-calculator:before{content:"\F0EC"}.mdi-calendar:before{content:"\F0ED"}.mdi-calendar-blank:before{content:"\F0EE"}.mdi-calendar-check:before{content:"\F0EF"}.mdi-calendar-clock:before{content:"\F0F0"}.mdi-calendar-multiple:before{content:"\F0F1"}.mdi-calendar-multiple-check:before{content:"\F0F2"}.mdi-calendar-plus:before{content:"\F0F3"}.mdi-calendar-remove:before{content:"\F0F4"}.mdi-calendar-text:before{content:"\F0F5"}.mdi-calendar-today:before{content:"\F0F6"}.mdi-call-made:before{content:"\F0F7"}.mdi-call-merge:before{content:"\F0F8"}.mdi-call-missed:before{content:"\F0F9"}.mdi-call-received:before{content:"\F0FA"}.mdi-call-split:before{content:"\F0FB"}.mdi-camcorder:before{content:"\F0FC"}.mdi-camcorder-box:before{content:"\F0FD"}.mdi-camcorder-box-off:before{content:"\F0FE"}.mdi-camcorder-off:before{content:"\F0FF"}.mdi-camera:before{content:"\F100"}.mdi-camera-enhance:before{content:"\F101"}.mdi-camera-front:before{content:"\F102"}.mdi-camera-front-variant:before{content:"\F103"}.mdi-camera-iris:before{content:"\F104"}.mdi-camera-off:before{content:"\F5DF"}.mdi-camera-party-mode:before{content:"\F105"}.mdi-camera-rear:before{content:"\F106"}.mdi-camera-rear-variant:before{content:"\F107"}.mdi-camera-switch:before{content:"\F108"}.mdi-camera-timer:before{content:"\F109"}.mdi-candle:before{content:"\F5E2"}.mdi-candycane:before{content:"\F10A"}.mdi-car:before{content:"\F10B"}.mdi-car-battery:before{content:"\F10C"}.mdi-car-connected:before{content:"\F10D"}.mdi-car-wash:before{content:"\F10E"}.mdi-cards:before{content:"\F638"}.mdi-cards-outline:before{content:"\F639"}.mdi-cards-playing-outline:before{content:"\F63A"}.mdi-carrot:before{content:"\F10F"}.mdi-cart:before{content:"\F110"}.mdi-cart-off:before{content:"\F66B"}.mdi-cart-outline:before{content:"\F111"}.mdi-cart-plus:before{content:"\F112"}.mdi-case-sensitive-alt:before{content:"\F113"}.mdi-cash:before{content:"\F114"}.mdi-cash-100:before{content:"\F115"}.mdi-cash-multiple:before{content:"\F116"}.mdi-cash-usd:before{content:"\F117"}.mdi-cast:before{content:"\F118"}.mdi-cast-connected:before{content:"\F119"}.mdi-castle:before{content:"\F11A"}.mdi-cat:before{content:"\F11B"}.mdi-cellphone:before{content:"\F11C"}.mdi-cellphone-android:before{content:"\F11D"}.mdi-cellphone-basic:before{content:"\F11E"}.mdi-cellphone-dock:before{content:"\F11F"}.mdi-cellphone-iphone:before{content:"\F120"}.mdi-cellphone-link:before{content:"\F121"}.mdi-cellphone-link-off:before{content:"\F122"}.mdi-cellphone-settings:before{content:"\F123"}.mdi-certificate:before{content:"\F124"}.mdi-chair-school:before{content:"\F125"}.mdi-chart-arc:before{content:"\F126"}.mdi-chart-areaspline:before{content:"\F127"}.mdi-chart-bar:before{content:"\F128"}.mdi-chart-bubble:before{content:"\F5E3"}.mdi-chart-gantt:before{content:"\F66C"}.mdi-chart-histogram:before{content:"\F129"}.mdi-chart-line:before{content:"\F12A"}.mdi-chart-pie:before{content:"\F12B"}.mdi-chart-scatterplot-hexbin:before{content:"\F66D"}.mdi-chart-timeline:before{content:"\F66E"}.mdi-check:before{content:"\F12C"}.mdi-check-all:before{content:"\F12D"}.mdi-check-circle:before{content:"\F5E0"}.mdi-check-circle-outline:before{content:"\F5E1"}.mdi-checkbox-blank:before{content:"\F12E"}.mdi-checkbox-blank-circle:before{content:"\F12F"}.mdi-checkbox-blank-circle-outline:before{content:"\F130"}.mdi-checkbox-blank-outline:before{content:"\F131"}.mdi-checkbox-marked:before{content:"\F132"}.mdi-checkbox-marked-circle:before{content:"\F133"}.mdi-checkbox-marked-circle-outline:before{content:"\F134"}.mdi-checkbox-marked-outline:before{content:"\F135"}.mdi-checkbox-multiple-blank:before{content:"\F136"}.mdi-checkbox-multiple-blank-circle:before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline:before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline:before{content:"\F137"}.mdi-checkbox-multiple-marked:before{content:"\F138"}.mdi-checkbox-multiple-marked-circle:before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline:before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline:before{content:"\F139"}.mdi-checkerboard:before{content:"\F13A"}.mdi-chemical-weapon:before{content:"\F13B"}.mdi-chevron-double-down:before{content:"\F13C"}.mdi-chevron-double-left:before{content:"\F13D"}.mdi-chevron-double-right:before{content:"\F13E"}.mdi-chevron-double-up:before{content:"\F13F"}.mdi-chevron-down:before{content:"\F140"}.mdi-chevron-left:before{content:"\F141"}.mdi-chevron-right:before{content:"\F142"}.mdi-chevron-up:before{content:"\F143"}.mdi-chip:before{content:"\F61A"}.mdi-church:before{content:"\F144"}.mdi-cisco-webex:before{content:"\F145"}.mdi-city:before{content:"\F146"}.mdi-clipboard:before{content:"\F147"}.mdi-clipboard-account:before{content:"\F148"}.mdi-clipboard-alert:before{content:"\F149"}.mdi-clipboard-arrow-down:before{content:"\F14A"}.mdi-clipboard-arrow-left:before{content:"\F14B"}.mdi-clipboard-check:before{content:"\F14C"}.mdi-clipboard-outline:before{content:"\F14D"}.mdi-clipboard-text:before{content:"\F14E"}.mdi-clippy:before{content:"\F14F"}.mdi-clock:before{content:"\F150"}.mdi-clock-alert:before{content:"\F5CE"}.mdi-clock-end:before{content:"\F151"}.mdi-clock-fast:before{content:"\F152"}.mdi-clock-in:before{content:"\F153"}.mdi-clock-out:before{content:"\F154"}.mdi-clock-start:before{content:"\F155"}.mdi-close:before{content:"\F156"}.mdi-close-box:before{content:"\F157"}.mdi-close-box-outline:before{content:"\F158"}.mdi-close-circle:before{content:"\F159"}.mdi-close-circle-outline:before{content:"\F15A"}.mdi-close-network:before{content:"\F15B"}.mdi-close-octagon:before{content:"\F15C"}.mdi-close-octagon-outline:before{content:"\F15D"}.mdi-closed-caption:before{content:"\F15E"}.mdi-cloud:before{content:"\F15F"}.mdi-cloud-check:before{content:"\F160"}.mdi-cloud-circle:before{content:"\F161"}.mdi-cloud-download:before{content:"\F162"}.mdi-cloud-outline:before{content:"\F163"}.mdi-cloud-outline-off:before{content:"\F164"}.mdi-cloud-print:before{content:"\F165"}.mdi-cloud-print-outline:before{content:"\F166"}.mdi-cloud-sync:before{content:"\F63F"}.mdi-cloud-upload:before{content:"\F167"}.mdi-code-array:before{content:"\F168"}.mdi-code-braces:before{content:"\F169"}.mdi-code-brackets:before{content:"\F16A"}.mdi-code-equal:before{content:"\F16B"}.mdi-code-greater-than:before{content:"\F16C"}.mdi-code-greater-than-or-equal:before{content:"\F16D"}.mdi-code-less-than:before{content:"\F16E"}.mdi-code-less-than-or-equal:before{content:"\F16F"}.mdi-code-not-equal:before{content:"\F170"}.mdi-code-not-equal-variant:before{content:"\F171"}.mdi-code-parentheses:before{content:"\F172"}.mdi-code-string:before{content:"\F173"}.mdi-code-tags:before{content:"\F174"}.mdi-codepen:before{content:"\F175"}.mdi-coffee:before{content:"\F176"}.mdi-coffee-to-go:before{content:"\F177"}.mdi-coin:before{content:"\F178"}.mdi-collage:before{content:"\F640"}.mdi-color-helper:before{content:"\F179"}.mdi-comment:before{content:"\F17A"}.mdi-comment-account:before{content:"\F17B"}.mdi-comment-account-outline:before{content:"\F17C"}.mdi-comment-alert:before{content:"\F17D"}.mdi-comment-alert-outline:before{content:"\F17E"}.mdi-comment-check:before{content:"\F17F"}.mdi-comment-check-outline:before{content:"\F180"}.mdi-comment-multiple-outline:before{content:"\F181"}.mdi-comment-outline:before{content:"\F182"}.mdi-comment-plus-outline:before{content:"\F183"}.mdi-comment-processing:before{content:"\F184"}.mdi-comment-processing-outline:before{content:"\F185"}.mdi-comment-question-outline:before{content:"\F186"}.mdi-comment-remove-outline:before{content:"\F187"}.mdi-comment-text:before{content:"\F188"}.mdi-comment-text-outline:before{content:"\F189"}.mdi-compare:before{content:"\F18A"}.mdi-compass:before{content:"\F18B"}.mdi-compass-outline:before{content:"\F18C"}.mdi-console:before{content:"\F18D"}.mdi-contact-mail:before{content:"\F18E"}.mdi-content-copy:before{content:"\F18F"}.mdi-content-cut:before{content:"\F190"}.mdi-content-duplicate:before{content:"\F191"}.mdi-content-paste:before{content:"\F192"}.mdi-content-save:before{content:"\F193"}.mdi-content-save-all:before{content:"\F194"}.mdi-content-save-settings:before{content:"\F61B"}.mdi-contrast:before{content:"\F195"}.mdi-contrast-box:before{content:"\F196"}.mdi-contrast-circle:before{content:"\F197"}.mdi-cookie:before{content:"\F198"}.mdi-copyright:before{content:"\F5E6"}.mdi-counter:before{content:"\F199"}.mdi-cow:before{content:"\F19A"}.mdi-credit-card:before{content:"\F19B"}.mdi-credit-card-multiple:before{content:"\F19C"}.mdi-credit-card-off:before{content:"\F5E4"}.mdi-credit-card-scan:before{content:"\F19D"}.mdi-crop:before{content:"\F19E"}.mdi-crop-free:before{content:"\F19F"}.mdi-crop-landscape:before{content:"\F1A0"}.mdi-crop-portrait:before{content:"\F1A1"}.mdi-crop-square:before{content:"\F1A2"}.mdi-crosshairs:before{content:"\F1A3"}.mdi-crosshairs-gps:before{content:"\F1A4"}.mdi-crown:before{content:"\F1A5"}.mdi-cube:before{content:"\F1A6"}.mdi-cube-outline:before{content:"\F1A7"}.mdi-cube-send:before{content:"\F1A8"}.mdi-cube-unfolded:before{content:"\F1A9"}.mdi-cup:before{content:"\F1AA"}.mdi-cup-off:before{content:"\F5E5"}.mdi-cup-water:before{content:"\F1AB"}.mdi-currency-btc:before{content:"\F1AC"}.mdi-currency-eur:before{content:"\F1AD"}.mdi-currency-gbp:before{content:"\F1AE"}.mdi-currency-inr:before{content:"\F1AF"}.mdi-currency-ngn:before{content:"\F1B0"}.mdi-currency-rub:before{content:"\F1B1"}.mdi-currency-try:before{content:"\F1B2"}.mdi-currency-usd:before{content:"\F1B3"}.mdi-cursor-default:before{content:"\F1B4"}.mdi-cursor-default-outline:before{content:"\F1B5"}.mdi-cursor-move:before{content:"\F1B6"}.mdi-cursor-pointer:before{content:"\F1B7"}.mdi-cursor-text:before{content:"\F5E7"}.mdi-database:before{content:"\F1B8"}.mdi-database-minus:before{content:"\F1B9"}.mdi-database-plus:before{content:"\F1BA"}.mdi-debug-step-into:before{content:"\F1BB"}.mdi-debug-step-out:before{content:"\F1BC"}.mdi-debug-step-over:before{content:"\F1BD"}.mdi-decimal-decrease:before{content:"\F1BE"}.mdi-decimal-increase:before{content:"\F1BF"}.mdi-delete:before{content:"\F1C0"}.mdi-delete-forever:before{content:"\F5E8"}.mdi-delete-sweep:before{content:"\F5E9"}.mdi-delete-variant:before{content:"\F1C1"}.mdi-delta:before{content:"\F1C2"}.mdi-deskphone:before{content:"\F1C3"}.mdi-desktop-mac:before{content:"\F1C4"}.mdi-desktop-tower:before{content:"\F1C5"}.mdi-details:before{content:"\F1C6"}.mdi-deviantart:before{content:"\F1C7"}.mdi-dialpad:before{content:"\F61C"}.mdi-diamond:before{content:"\F1C8"}.mdi-dice-1:before{content:"\F1CA"}.mdi-dice-2:before{content:"\F1CB"}.mdi-dice-3:before{content:"\F1CC"}.mdi-dice-4:before{content:"\F1CD"}.mdi-dice-5:before{content:"\F1CE"}.mdi-dice-6:before{content:"\F1CF"}.mdi-dice-d20:before{content:"\F5EA"}.mdi-dice-d4:before{content:"\F5EB"}.mdi-dice-d6:before{content:"\F5EC"}.mdi-dice-d8:before{content:"\F5ED"}.mdi-dictionary:before{content:"\F61D"}.mdi-directions:before{content:"\F1D0"}.mdi-directions-fork:before{content:"\F641"}.mdi-discord:before{content:"\F66F"}.mdi-disk:before{content:"\F5EE"}.mdi-disk-alert:before{content:"\F1D1"}.mdi-disqus:before{content:"\F1D2"}.mdi-disqus-outline:before{content:"\F1D3"}.mdi-division:before{content:"\F1D4"}.mdi-division-box:before{content:"\F1D5"}.mdi-dns:before{content:"\F1D6"}.mdi-domain:before{content:"\F1D7"}.mdi-dots-horizontal:before{content:"\F1D8"}.mdi-dots-vertical:before{content:"\F1D9"}.mdi-download:before{content:"\F1DA"}.mdi-drag:before{content:"\F1DB"}.mdi-drag-horizontal:before{content:"\F1DC"}.mdi-drag-vertical:before{content:"\F1DD"}.mdi-drawing:before{content:"\F1DE"}.mdi-drawing-box:before{content:"\F1DF"}.mdi-dribbble:before{content:"\F1E0"}.mdi-dribbble-box:before{content:"\F1E1"}.mdi-drone:before{content:"\F1E2"}.mdi-dropbox:before{content:"\F1E3"}.mdi-drupal:before{content:"\F1E4"}.mdi-duck:before{content:"\F1E5"}.mdi-dumbbell:before{content:"\F1E6"}.mdi-earth:before{content:"\F1E7"}.mdi-earth-off:before{content:"\F1E8"}.mdi-edge:before{content:"\F1E9"}.mdi-eject:before{content:"\F1EA"}.mdi-elevation-decline:before{content:"\F1EB"}.mdi-elevation-rise:before{content:"\F1EC"}.mdi-elevator:before{content:"\F1ED"}.mdi-email:before{content:"\F1EE"}.mdi-email-open:before{content:"\F1EF"}.mdi-email-open-outline:before{content:"\F5EF"}.mdi-email-outline:before{content:"\F1F0"}.mdi-email-secure:before{content:"\F1F1"}.mdi-email-variant:before{content:"\F5F0"}.mdi-emoticon:before{content:"\F1F2"}.mdi-emoticon-cool:before{content:"\F1F3"}.mdi-emoticon-devil:before{content:"\F1F4"}.mdi-emoticon-happy:before{content:"\F1F5"}.mdi-emoticon-neutral:before{content:"\F1F6"}.mdi-emoticon-poop:before{content:"\F1F7"}.mdi-emoticon-sad:before{content:"\F1F8"}.mdi-emoticon-tongue:before{content:"\F1F9"}.mdi-engine:before{content:"\F1FA"}.mdi-engine-outline:before{content:"\F1FB"}.mdi-equal:before{content:"\F1FC"}.mdi-equal-box:before{content:"\F1FD"}.mdi-eraser:before{content:"\F1FE"}.mdi-eraser-variant:before{content:"\F642"}.mdi-escalator:before{content:"\F1FF"}.mdi-ethernet:before{content:"\F200"}.mdi-ethernet-cable:before{content:"\F201"}.mdi-ethernet-cable-off:before{content:"\F202"}.mdi-etsy:before{content:"\F203"}.mdi-ev-station:before{content:"\F5F1"}.mdi-evernote:before{content:"\F204"}.mdi-exclamation:before{content:"\F205"}.mdi-exit-to-app:before{content:"\F206"}.mdi-export:before{content:"\F207"}.mdi-eye:before{content:"\F208"}.mdi-eye-off:before{content:"\F209"}.mdi-eyedropper:before{content:"\F20A"}.mdi-eyedropper-variant:before{content:"\F20B"}.mdi-face:before{content:"\F643"}.mdi-face-profile:before{content:"\F644"}.mdi-facebook:before{content:"\F20C"}.mdi-facebook-box:before{content:"\F20D"}.mdi-facebook-messenger:before{content:"\F20E"}.mdi-factory:before{content:"\F20F"}.mdi-fan:before{content:"\F210"}.mdi-fast-forward:before{content:"\F211"}.mdi-fax:before{content:"\F212"}.mdi-ferry:before{content:"\F213"}.mdi-file:before{content:"\F214"}.mdi-file-chart:before{content:"\F215"}.mdi-file-check:before{content:"\F216"}.mdi-file-cloud:before{content:"\F217"}.mdi-file-delimited:before{content:"\F218"}.mdi-file-document:before{content:"\F219"}.mdi-file-document-box:before{content:"\F21A"}.mdi-file-excel:before{content:"\F21B"}.mdi-file-excel-box:before{content:"\F21C"}.mdi-file-export:before{content:"\F21D"}.mdi-file-find:before{content:"\F21E"}.mdi-file-hidden:before{content:"\F613"}.mdi-file-image:before{content:"\F21F"}.mdi-file-import:before{content:"\F220"}.mdi-file-lock:before{content:"\F221"}.mdi-file-multiple:before{content:"\F222"}.mdi-file-music:before{content:"\F223"}.mdi-file-outline:before{content:"\F224"}.mdi-file-pdf:before{content:"\F225"}.mdi-file-pdf-box:before{content:"\F226"}.mdi-file-powerpoint:before{content:"\F227"}.mdi-file-powerpoint-box:before{content:"\F228"}.mdi-file-presentation-box:before{content:"\F229"}.mdi-file-restore:before{content:"\F670"}.mdi-file-send:before{content:"\F22A"}.mdi-file-tree:before{content:"\F645"}.mdi-file-video:before{content:"\F22B"}.mdi-file-word:before{content:"\F22C"}.mdi-file-word-box:before{content:"\F22D"}.mdi-file-xml:before{content:"\F22E"}.mdi-film:before{content:"\F22F"}.mdi-filmstrip:before{content:"\F230"}.mdi-filmstrip-off:before{content:"\F231"}.mdi-filter:before{content:"\F232"}.mdi-filter-outline:before{content:"\F233"}.mdi-filter-remove:before{content:"\F234"}.mdi-filter-remove-outline:before{content:"\F235"}.mdi-filter-variant:before{content:"\F236"}.mdi-fingerprint:before{content:"\F237"}.mdi-fire:before{content:"\F238"}.mdi-firefox:before{content:"\F239"}.mdi-fish:before{content:"\F23A"}.mdi-flag:before{content:"\F23B"}.mdi-flag-checkered:before{content:"\F23C"}.mdi-flag-outline:before{content:"\F23D"}.mdi-flag-outline-variant:before{content:"\F23E"}.mdi-flag-triangle:before{content:"\F23F"}.mdi-flag-variant:before{content:"\F240"}.mdi-flash:before{content:"\F241"}.mdi-flash-auto:before{content:"\F242"}.mdi-flash-off:before{content:"\F243"}.mdi-flashlight:before{content:"\F244"}.mdi-flashlight-off:before{content:"\F245"}.mdi-flask:before{content:"\F093"}.mdi-flask-empty:before{content:"\F094"}.mdi-flask-empty-outline:before{content:"\F095"}.mdi-flask-outline:before{content:"\F096"}.mdi-flattr:before{content:"\F246"}.mdi-flip-to-back:before{content:"\F247"}.mdi-flip-to-front:before{content:"\F248"}.mdi-floppy:before{content:"\F249"}.mdi-flower:before{content:"\F24A"}.mdi-folder:before{content:"\F24B"}.mdi-folder-account:before{content:"\F24C"}.mdi-folder-download:before{content:"\F24D"}.mdi-folder-google-drive:before{content:"\F24E"}.mdi-folder-image:before{content:"\F24F"}.mdi-folder-lock:before{content:"\F250"}.mdi-folder-lock-open:before{content:"\F251"}.mdi-folder-move:before{content:"\F252"}.mdi-folder-multiple:before{content:"\F253"}.mdi-folder-multiple-image:before{content:"\F254"}.mdi-folder-multiple-outline:before{content:"\F255"}.mdi-folder-outline:before{content:"\F256"}.mdi-folder-plus:before{content:"\F257"}.mdi-folder-remove:before{content:"\F258"}.mdi-folder-upload:before{content:"\F259"}.mdi-food:before{content:"\F25A"}.mdi-food-apple:before{content:"\F25B"}.mdi-food-fork-drink:before{content:"\F5F2"}.mdi-food-off:before{content:"\F5F3"}.mdi-food-variant:before{content:"\F25C"}.mdi-football:before{content:"\F25D"}.mdi-football-australian:before{content:"\F25E"}.mdi-football-helmet:before{content:"\F25F"}.mdi-format-align-center:before{content:"\F260"}.mdi-format-align-justify:before{content:"\F261"}.mdi-format-align-left:before{content:"\F262"}.mdi-format-align-right:before{content:"\F263"}.mdi-format-annotation-plus:before{content:"\F646"}.mdi-format-bold:before{content:"\F264"}.mdi-format-clear:before{content:"\F265"}.mdi-format-color-fill:before{content:"\F266"}.mdi-format-float-center:before{content:"\F267"}.mdi-format-float-left:before{content:"\F268"}.mdi-format-float-none:before{content:"\F269"}.mdi-format-float-right:before{content:"\F26A"}.mdi-format-header-1:before{content:"\F26B"}.mdi-format-header-2:before{content:"\F26C"}.mdi-format-header-3:before{content:"\F26D"}.mdi-format-header-4:before{content:"\F26E"}.mdi-format-header-5:before{content:"\F26F"}.mdi-format-header-6:before{content:"\F270"}.mdi-format-header-decrease:before{content:"\F271"}.mdi-format-header-equal:before{content:"\F272"}.mdi-format-header-increase:before{content:"\F273"}.mdi-format-header-pound:before{content:"\F274"}.mdi-format-horizontal-align-center:before{content:"\F61E"}.mdi-format-horizontal-align-left:before{content:"\F61F"}.mdi-format-horizontal-align-right:before{content:"\F620"}.mdi-format-indent-decrease:before{content:"\F275"}.mdi-format-indent-increase:before{content:"\F276"}.mdi-format-italic:before{content:"\F277"}.mdi-format-line-spacing:before{content:"\F278"}.mdi-format-line-style:before{content:"\F5C8"}.mdi-format-line-weight:before{content:"\F5C9"}.mdi-format-list-bulleted:before{content:"\F279"}.mdi-format-list-bulleted-type:before{content:"\F27A"}.mdi-format-list-numbers:before{content:"\F27B"}.mdi-format-paint:before{content:"\F27C"}.mdi-format-paragraph:before{content:"\F27D"}.mdi-format-quote:before{content:"\F27E"}.mdi-format-size:before{content:"\F27F"}.mdi-format-strikethrough:before{content:"\F280"}.mdi-format-strikethrough-variant:before{content:"\F281"}.mdi-format-subscript:before{content:"\F282"}.mdi-format-superscript:before{content:"\F283"}.mdi-format-text:before{content:"\F284"}.mdi-format-textdirection-l-to-r:before{content:"\F285"}.mdi-format-textdirection-r-to-l:before{content:"\F286"}.mdi-format-title:before{content:"\F5F4"}.mdi-format-underline:before{content:"\F287"}.mdi-format-vertical-align-bottom:before{content:"\F621"}.mdi-format-vertical-align-center:before{content:"\F622"}.mdi-format-vertical-align-top:before{content:"\F623"}.mdi-format-wrap-inline:before{content:"\F288"}.mdi-format-wrap-square:before{content:"\F289"}.mdi-format-wrap-tight:before{content:"\F28A"}.mdi-format-wrap-top-bottom:before{content:"\F28B"}.mdi-forum:before{content:"\F28C"}.mdi-forward:before{content:"\F28D"}.mdi-foursquare:before{content:"\F28E"}.mdi-fridge:before{content:"\F28F"}.mdi-fridge-filled:before{content:"\F290"}.mdi-fridge-filled-bottom:before{content:"\F291"}.mdi-fridge-filled-top:before{content:"\F292"}.mdi-fullscreen:before{content:"\F293"}.mdi-fullscreen-exit:before{content:"\F294"}.mdi-function:before{content:"\F295"}.mdi-gamepad:before{content:"\F296"}.mdi-gamepad-variant:before{content:"\F297"}.mdi-gas-cylinder:before{content:"\F647"}.mdi-gas-station:before{content:"\F298"}.mdi-gate:before{content:"\F299"}.mdi-gauge:before{content:"\F29A"}.mdi-gavel:before{content:"\F29B"}.mdi-gender-female:before{content:"\F29C"}.mdi-gender-male:before{content:"\F29D"}.mdi-gender-male-female:before{content:"\F29E"}.mdi-gender-transgender:before{content:"\F29F"}.mdi-ghost:before{content:"\F2A0"}.mdi-gift:before{content:"\F2A1"}.mdi-git:before{content:"\F2A2"}.mdi-github-box:before{content:"\F2A3"}.mdi-github-circle:before{content:"\F2A4"}.mdi-glass-flute:before{content:"\F2A5"}.mdi-glass-mug:before{content:"\F2A6"}.mdi-glass-stange:before{content:"\F2A7"}.mdi-glass-tulip:before{content:"\F2A8"}.mdi-glassdoor:before{content:"\F2A9"}.mdi-glasses:before{content:"\F2AA"}.mdi-gmail:before{content:"\F2AB"}.mdi-gnome:before{content:"\F2AC"}.mdi-google:before{content:"\F2AD"}.mdi-google-cardboard:before{content:"\F2AE"}.mdi-google-chrome:before{content:"\F2AF"}.mdi-google-circles:before{content:"\F2B0"}.mdi-google-circles-communities:before{content:"\F2B1"}.mdi-google-circles-extended:before{content:"\F2B2"}.mdi-google-circles-group:before{content:"\F2B3"}.mdi-google-controller:before{content:"\F2B4"}.mdi-google-controller-off:before{content:"\F2B5"}.mdi-google-drive:before{content:"\F2B6"}.mdi-google-earth:before{content:"\F2B7"}.mdi-google-glass:before{content:"\F2B8"}.mdi-google-maps:before{content:"\F5F5"}.mdi-google-nearby:before{content:"\F2B9"}.mdi-google-pages:before{content:"\F2BA"}.mdi-google-physical-web:before{content:"\F2BB"}.mdi-google-play:before{content:"\F2BC"}.mdi-google-plus:before{content:"\F2BD"}.mdi-google-plus-box:before{content:"\F2BE"}.mdi-google-translate:before{content:"\F2BF"}.mdi-google-wallet:before{content:"\F2C0"}.mdi-grease-pencil:before{content:"\F648"}.mdi-grid:before{content:"\F2C1"}.mdi-grid-off:before{content:"\F2C2"}.mdi-group:before{content:"\F2C3"}.mdi-guitar-electric:before{content:"\F2C4"}.mdi-guitar-pick:before{content:"\F2C5"}.mdi-guitar-pick-outline:before{content:"\F2C6"}.mdi-hackernews:before{content:"\F624"}.mdi-hand-pointing-right:before{content:"\F2C7"}.mdi-hanger:before{content:"\F2C8"}.mdi-hangouts:before{content:"\F2C9"}.mdi-harddisk:before{content:"\F2CA"}.mdi-headphones:before{content:"\F2CB"}.mdi-headphones-box:before{content:"\F2CC"}.mdi-headphones-settings:before{content:"\F2CD"}.mdi-headset:before{content:"\F2CE"}.mdi-headset-dock:before{content:"\F2CF"}.mdi-headset-off:before{content:"\F2D0"}.mdi-heart:before{content:"\F2D1"}.mdi-heart-box:before{content:"\F2D2"}.mdi-heart-box-outline:before{content:"\F2D3"}.mdi-heart-broken:before{content:"\F2D4"}.mdi-heart-outline:before{content:"\F2D5"}.mdi-heart-pulse:before{content:"\F5F6"}.mdi-help:before{content:"\F2D6"}.mdi-help-circle:before{content:"\F2D7"}.mdi-help-circle-outline:before{content:"\F625"}.mdi-hexagon:before{content:"\F2D8"}.mdi-hexagon-outline:before{content:"\F2D9"}.mdi-highway:before{content:"\F5F7"}.mdi-history:before{content:"\F2DA"}.mdi-hololens:before{content:"\F2DB"}.mdi-home:before{content:"\F2DC"}.mdi-home-map-marker:before{content:"\F5F8"}.mdi-home-modern:before{content:"\F2DD"}.mdi-home-variant:before{content:"\F2DE"}.mdi-hops:before{content:"\F2DF"}.mdi-hospital:before{content:"\F2E0"}.mdi-hospital-building:before{content:"\F2E1"}.mdi-hospital-marker:before{content:"\F2E2"}.mdi-hotel:before{content:"\F2E3"}.mdi-houzz:before{content:"\F2E4"}.mdi-houzz-box:before{content:"\F2E5"}.mdi-human:before{content:"\F2E6"}.mdi-human-child:before{content:"\F2E7"}.mdi-human-female:before{content:"\F649"}.mdi-human-greeting:before{content:"\F64A"}.mdi-human-handsdown:before{content:"\F64B"}.mdi-human-handsup:before{content:"\F64C"}.mdi-human-male:before{content:"\F64D"}.mdi-human-male-female:before{content:"\F2E8"}.mdi-human-pregnant:before{content:"\F5CF"}.mdi-image:before{content:"\F2E9"}.mdi-image-album:before{content:"\F2EA"}.mdi-image-area:before{content:"\F2EB"}.mdi-image-area-close:before{content:"\F2EC"}.mdi-image-broken:before{content:"\F2ED"}.mdi-image-broken-variant:before{content:"\F2EE"}.mdi-image-filter:before{content:"\F2EF"}.mdi-image-filter-black-white:before{content:"\F2F0"}.mdi-image-filter-center-focus:before{content:"\F2F1"}.mdi-image-filter-center-focus-weak:before{content:"\F2F2"}.mdi-image-filter-drama:before{content:"\F2F3"}.mdi-image-filter-frames:before{content:"\F2F4"}.mdi-image-filter-hdr:before{content:"\F2F5"}.mdi-image-filter-none:before{content:"\F2F6"}.mdi-image-filter-tilt-shift:before{content:"\F2F7"}.mdi-image-filter-vintage:before{content:"\F2F8"}.mdi-image-multiple:before{content:"\F2F9"}.mdi-import:before{content:"\F2FA"}.mdi-inbox:before{content:"\F2FB"}.mdi-incognito:before{content:"\F5F9"}.mdi-information:before{content:"\F2FC"}.mdi-information-outline:before{content:"\F2FD"}.mdi-information-variant:before{content:"\F64E"}.mdi-instagram:before{content:"\F2FE"}.mdi-instapaper:before{content:"\F2FF"}.mdi-internet-explorer:before{content:"\F300"}.mdi-invert-colors:before{content:"\F301"}.mdi-jeepney:before{content:"\F302"}.mdi-jira:before{content:"\F303"}.mdi-jsfiddle:before{content:"\F304"}.mdi-json:before{content:"\F626"}.mdi-keg:before{content:"\F305"}.mdi-kettle:before{content:"\F5FA"}.mdi-key:before{content:"\F306"}.mdi-key-change:before{content:"\F307"}.mdi-key-minus:before{content:"\F308"}.mdi-key-plus:before{content:"\F309"}.mdi-key-remove:before{content:"\F30A"}.mdi-key-variant:before{content:"\F30B"}.mdi-keyboard:before{content:"\F30C"}.mdi-keyboard-backspace:before{content:"\F30D"}.mdi-keyboard-caps:before{content:"\F30E"}.mdi-keyboard-close:before{content:"\F30F"}.mdi-keyboard-off:before{content:"\F310"}.mdi-keyboard-return:before{content:"\F311"}.mdi-keyboard-tab:before{content:"\F312"}.mdi-keyboard-variant:before{content:"\F313"}.mdi-kodi:before{content:"\F314"}.mdi-label:before{content:"\F315"}.mdi-label-outline:before{content:"\F316"}.mdi-lambda:before{content:"\F627"}.mdi-lan:before{content:"\F317"}.mdi-lan-connect:before{content:"\F318"}.mdi-lan-disconnect:before{content:"\F319"}.mdi-lan-pending:before{content:"\F31A"}.mdi-language-c:before{content:"\F671"}.mdi-language-cpp:before{content:"\F672"}.mdi-language-csharp:before{content:"\F31B"}.mdi-language-css3:before{content:"\F31C"}.mdi-language-html5:before{content:"\F31D"}.mdi-language-javascript:before{content:"\F31E"}.mdi-language-php:before{content:"\F31F"}.mdi-language-python:before{content:"\F320"}.mdi-language-python-text:before{content:"\F321"}.mdi-laptop:before{content:"\F322"}.mdi-laptop-chromebook:before{content:"\F323"}.mdi-laptop-mac:before{content:"\F324"}.mdi-laptop-windows:before{content:"\F325"}.mdi-lastfm:before{content:"\F326"}.mdi-launch:before{content:"\F327"}.mdi-layers:before{content:"\F328"}.mdi-layers-off:before{content:"\F329"}.mdi-lead-pencil:before{content:"\F64F"}.mdi-leaf:before{content:"\F32A"}.mdi-led-off:before{content:"\F32B"}.mdi-led-on:before{content:"\F32C"}.mdi-led-outline:before{content:"\F32D"}.mdi-led-variant-off:before{content:"\F32E"}.mdi-led-variant-on:before{content:"\F32F"}.mdi-led-variant-outline:before{content:"\F330"}.mdi-library:before{content:"\F331"}.mdi-library-books:before{content:"\F332"}.mdi-library-music:before{content:"\F333"}.mdi-library-plus:before{content:"\F334"}.mdi-lightbulb:before{content:"\F335"}.mdi-lightbulb-outline:before{content:"\F336"}.mdi-link:before{content:"\F337"}.mdi-link-off:before{content:"\F338"}.mdi-link-variant:before{content:"\F339"}.mdi-link-variant-off:before{content:"\F33A"}.mdi-linkedin:before{content:"\F33B"}.mdi-linkedin-box:before{content:"\F33C"}.mdi-linux:before{content:"\F33D"}.mdi-lock:before{content:"\F33E"}.mdi-lock-open:before{content:"\F33F"}.mdi-lock-open-outline:before{content:"\F340"}.mdi-lock-outline:before{content:"\F341"}.mdi-lock-plus:before{content:"\F5FB"}.mdi-login:before{content:"\F342"}.mdi-login-variant:before{content:"\F5FC"}.mdi-logout:before{content:"\F343"}.mdi-logout-variant:before{content:"\F5FD"}.mdi-looks:before{content:"\F344"}.mdi-loupe:before{content:"\F345"}.mdi-lumx:before{content:"\F346"}.mdi-magnet:before{content:"\F347"}.mdi-magnet-on:before{content:"\F348"}.mdi-magnify:before{content:"\F349"}.mdi-magnify-minus:before{content:"\F34A"}.mdi-magnify-plus:before{content:"\F34B"}.mdi-mail-ru:before{content:"\F34C"}.mdi-map:before{content:"\F34D"}.mdi-map-marker:before{content:"\F34E"}.mdi-map-marker-circle:before{content:"\F34F"}.mdi-map-marker-minus:before{content:"\F650"}.mdi-map-marker-multiple:before{content:"\F350"}.mdi-map-marker-off:before{content:"\F351"}.mdi-map-marker-plus:before{content:"\F651"}.mdi-map-marker-radius:before{content:"\F352"}.mdi-margin:before{content:"\F353"}.mdi-markdown:before{content:"\F354"}.mdi-marker:before{content:"\F652"}.mdi-marker-check:before{content:"\F355"}.mdi-martini:before{content:"\F356"}.mdi-material-ui:before{content:"\F357"}.mdi-math-compass:before{content:"\F358"}.mdi-matrix:before{content:"\F628"}.mdi-maxcdn:before{content:"\F359"}.mdi-medium:before{content:"\F35A"}.mdi-memory:before{content:"\F35B"}.mdi-menu:before{content:"\F35C"}.mdi-menu-down:before{content:"\F35D"}.mdi-menu-left:before{content:"\F35E"}.mdi-menu-right:before{content:"\F35F"}.mdi-menu-up:before{content:"\F360"}.mdi-message:before{content:"\F361"}.mdi-message-alert:before{content:"\F362"}.mdi-message-draw:before{content:"\F363"}.mdi-message-image:before{content:"\F364"}.mdi-message-outline:before{content:"\F365"}.mdi-message-plus:before{content:"\F653"}.mdi-message-processing:before{content:"\F366"}.mdi-message-reply:before{content:"\F367"}.mdi-message-reply-text:before{content:"\F368"}.mdi-message-text:before{content:"\F369"}.mdi-message-text-outline:before{content:"\F36A"}.mdi-message-video:before{content:"\F36B"}.mdi-meteor:before{content:"\F629"}.mdi-microphone:before{content:"\F36C"}.mdi-microphone-off:before{content:"\F36D"}.mdi-microphone-outline:before{content:"\F36E"}.mdi-microphone-settings:before{content:"\F36F"}.mdi-microphone-variant:before{content:"\F370"}.mdi-microphone-variant-off:before{content:"\F371"}.mdi-microscope:before{content:"\F654"}.mdi-microsoft:before{content:"\F372"}.mdi-minecraft:before{content:"\F373"}.mdi-minus:before{content:"\F374"}.mdi-minus-box:before{content:"\F375"}.mdi-minus-circle:before{content:"\F376"}.mdi-minus-circle-outline:before{content:"\F377"}.mdi-minus-network:before{content:"\F378"}.mdi-mixcloud:before{content:"\F62A"}.mdi-monitor:before{content:"\F379"}.mdi-monitor-multiple:before{content:"\F37A"}.mdi-more:before{content:"\F37B"}.mdi-motorbike:before{content:"\F37C"}.mdi-mouse:before{content:"\F37D"}.mdi-mouse-off:before{content:"\F37E"}.mdi-mouse-variant:before{content:"\F37F"}.mdi-mouse-variant-off:before{content:"\F380"}.mdi-move-resize:before{content:"\F655"}.mdi-move-resize-variant:before{content:"\F656"}.mdi-movie:before{content:"\F381"}.mdi-multiplication:before{content:"\F382"}.mdi-multiplication-box:before{content:"\F383"}.mdi-music-box:before{content:"\F384"}.mdi-music-box-outline:before{content:"\F385"}.mdi-music-circle:before{content:"\F386"}.mdi-music-note:before{content:"\F387"}.mdi-music-note-bluetooth:before{content:"\F5FE"}.mdi-music-note-bluetooth-off:before{content:"\F5FF"}.mdi-music-note-eighth:before{content:"\F388"}.mdi-music-note-half:before{content:"\F389"}.mdi-music-note-off:before{content:"\F38A"}.mdi-music-note-quarter:before{content:"\F38B"}.mdi-music-note-sixteenth:before{content:"\F38C"}.mdi-music-note-whole:before{content:"\F38D"}.mdi-nature:before{content:"\F38E"}.mdi-nature-people:before{content:"\F38F"}.mdi-navigation:before{content:"\F390"}.mdi-near-me:before{content:"\F5CD"}.mdi-needle:before{content:"\F391"}.mdi-nest-protect:before{content:"\F392"}.mdi-nest-thermostat:before{content:"\F393"}.mdi-new-box:before{content:"\F394"}.mdi-newspaper:before{content:"\F395"}.mdi-nfc:before{content:"\F396"}.mdi-nfc-tap:before{content:"\F397"}.mdi-nfc-variant:before{content:"\F398"}.mdi-nodejs:before{content:"\F399"}.mdi-note:before{content:"\F39A"}.mdi-note-outline:before{content:"\F39B"}.mdi-note-plus:before{content:"\F39C"}.mdi-note-plus-outline:before{content:"\F39D"}.mdi-note-text:before{content:"\F39E"}.mdi-notification-clear-all:before{content:"\F39F"}.mdi-numeric:before{content:"\F3A0"}.mdi-numeric-0-box:before{content:"\F3A1"}.mdi-numeric-0-box-multiple-outline:before{content:"\F3A2"}.mdi-numeric-0-box-outline:before{content:"\F3A3"}.mdi-numeric-1-box:before{content:"\F3A4"}.mdi-numeric-1-box-multiple-outline:before{content:"\F3A5"}.mdi-numeric-1-box-outline:before{content:"\F3A6"}.mdi-numeric-2-box:before{content:"\F3A7"}.mdi-numeric-2-box-multiple-outline:before{content:"\F3A8"}.mdi-numeric-2-box-outline:before{content:"\F3A9"}.mdi-numeric-3-box:before{content:"\F3AA"}.mdi-numeric-3-box-multiple-outline:before{content:"\F3AB"}.mdi-numeric-3-box-outline:before{content:"\F3AC"}.mdi-numeric-4-box:before{content:"\F3AD"}.mdi-numeric-4-box-multiple-outline:before{content:"\F3AE"}.mdi-numeric-4-box-outline:before{content:"\F3AF"}.mdi-numeric-5-box:before{content:"\F3B0"}.mdi-numeric-5-box-multiple-outline:before{content:"\F3B1"}.mdi-numeric-5-box-outline:before{content:"\F3B2"}.mdi-numeric-6-box:before{content:"\F3B3"}.mdi-numeric-6-box-multiple-outline:before{content:"\F3B4"}.mdi-numeric-6-box-outline:before{content:"\F3B5"}.mdi-numeric-7-box:before{content:"\F3B6"}.mdi-numeric-7-box-multiple-outline:before{content:"\F3B7"}.mdi-numeric-7-box-outline:before{content:"\F3B8"}.mdi-numeric-8-box:before{content:"\F3B9"}.mdi-numeric-8-box-multiple-outline:before{content:"\F3BA"}.mdi-numeric-8-box-outline:before{content:"\F3BB"}.mdi-numeric-9-box:before{content:"\F3BC"}.mdi-numeric-9-box-multiple-outline:before{content:"\F3BD"}.mdi-numeric-9-box-outline:before{content:"\F3BE"}.mdi-numeric-9-plus-box:before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple-outline:before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline:before{content:"\F3C1"}.mdi-nutrition:before{content:"\F3C2"}.mdi-octagon:before{content:"\F3C3"}.mdi-octagon-outline:before{content:"\F3C4"}.mdi-odnoklassniki:before{content:"\F3C5"}.mdi-office:before{content:"\F3C6"}.mdi-oil:before{content:"\F3C7"}.mdi-oil-temperature:before{content:"\F3C8"}.mdi-omega:before{content:"\F3C9"}.mdi-onedrive:before{content:"\F3CA"}.mdi-opacity:before{content:"\F5CC"}.mdi-open-in-app:before{content:"\F3CB"}.mdi-open-in-new:before{content:"\F3CC"}.mdi-openid:before{content:"\F3CD"}.mdi-opera:before{content:"\F3CE"}.mdi-ornament:before{content:"\F3CF"}.mdi-ornament-variant:before{content:"\F3D0"}.mdi-outbox:before{content:"\F3D1"}.mdi-owl:before{content:"\F3D2"}.mdi-package:before{content:"\F3D3"}.mdi-package-down:before{content:"\F3D4"}.mdi-package-up:before{content:"\F3D5"}.mdi-package-variant:before{content:"\F3D6"}.mdi-package-variant-closed:before{content:"\F3D7"}.mdi-page-first:before{content:"\F600"}.mdi-page-last:before{content:"\F601"}.mdi-palette:before{content:"\F3D8"}.mdi-palette-advanced:before{content:"\F3D9"}.mdi-panda:before{content:"\F3DA"}.mdi-pandora:before{content:"\F3DB"}.mdi-panorama:before{content:"\F3DC"}.mdi-panorama-fisheye:before{content:"\F3DD"}.mdi-panorama-horizontal:before{content:"\F3DE"}.mdi-panorama-vertical:before{content:"\F3DF"}.mdi-panorama-wide-angle:before{content:"\F3E0"}.mdi-paper-cut-vertical:before{content:"\F3E1"}.mdi-paperclip:before{content:"\F3E2"}.mdi-parking:before{content:"\F3E3"}.mdi-pause:before{content:"\F3E4"}.mdi-pause-circle:before{content:"\F3E5"}.mdi-pause-circle-outline:before{content:"\F3E6"}.mdi-pause-octagon:before{content:"\F3E7"}.mdi-pause-octagon-outline:before{content:"\F3E8"}.mdi-paw:before{content:"\F3E9"}.mdi-paw-off:before{content:"\F657"}.mdi-pen:before{content:"\F3EA"}.mdi-pencil:before{content:"\F3EB"}.mdi-pencil-box:before{content:"\F3EC"}.mdi-pencil-box-outline:before{content:"\F3ED"}.mdi-pencil-lock:before{content:"\F3EE"}.mdi-pencil-off:before{content:"\F3EF"}.mdi-percent:before{content:"\F3F0"}.mdi-pharmacy:before{content:"\F3F1"}.mdi-phone:before{content:"\F3F2"}.mdi-phone-bluetooth:before{content:"\F3F3"}.mdi-phone-classic:before{content:"\F602"}.mdi-phone-forward:before{content:"\F3F4"}.mdi-phone-hangup:before{content:"\F3F5"}.mdi-phone-in-talk:before{content:"\F3F6"}.mdi-phone-incoming:before{content:"\F3F7"}.mdi-phone-locked:before{content:"\F3F8"}.mdi-phone-log:before{content:"\F3F9"}.mdi-phone-minus:before{content:"\F658"}.mdi-phone-missed:before{content:"\F3FA"}.mdi-phone-outgoing:before{content:"\F3FB"}.mdi-phone-paused:before{content:"\F3FC"}.mdi-phone-plus:before{content:"\F659"}.mdi-phone-settings:before{content:"\F3FD"}.mdi-phone-voip:before{content:"\F3FE"}.mdi-pi:before{content:"\F3FF"}.mdi-pi-box:before{content:"\F400"}.mdi-pig:before{content:"\F401"}.mdi-pill:before{content:"\F402"}.mdi-pin:before{content:"\F403"}.mdi-pin-off:before{content:"\F404"}.mdi-pine-tree:before{content:"\F405"}.mdi-pine-tree-box:before{content:"\F406"}.mdi-pinterest:before{content:"\F407"}.mdi-pinterest-box:before{content:"\F408"}.mdi-pizza:before{content:"\F409"}.mdi-play:before{content:"\F40A"}.mdi-play-box-outline:before{content:"\F40B"}.mdi-play-circle:before{content:"\F40C"}.mdi-play-circle-outline:before{content:"\F40D"}.mdi-play-pause:before{content:"\F40E"}.mdi-play-protected-content:before{content:"\F40F"}.mdi-playlist-check:before{content:"\F5C7"}.mdi-playlist-minus:before{content:"\F410"}.mdi-playlist-play:before{content:"\F411"}.mdi-playlist-plus:before{content:"\F412"}.mdi-playlist-remove:before{content:"\F413"}.mdi-playstation:before{content:"\F414"}.mdi-plus:before{content:"\F415"}.mdi-plus-box:before{content:"\F416"}.mdi-plus-circle:before{content:"\F417"}.mdi-plus-circle-multiple-outline:before{content:"\F418"}.mdi-plus-circle-outline:before{content:"\F419"}.mdi-plus-network:before{content:"\F41A"}.mdi-plus-one:before{content:"\F41B"}.mdi-pocket:before{content:"\F41C"}.mdi-pokeball:before{content:"\F41D"}.mdi-polaroid:before{content:"\F41E"}.mdi-poll:before{content:"\F41F"}.mdi-poll-box:before{content:"\F420"}.mdi-polymer:before{content:"\F421"}.mdi-pool:before{content:"\F606"}.mdi-popcorn:before{content:"\F422"}.mdi-pot:before{content:"\F65A"}.mdi-pot-mix:before{content:"\F65B"}.mdi-pound:before{content:"\F423"}.mdi-pound-box:before{content:"\F424"}.mdi-power:before{content:"\F425"}.mdi-power-settings:before{content:"\F426"}.mdi-power-socket:before{content:"\F427"}.mdi-presentation:before{content:"\F428"}.mdi-presentation-play:before{content:"\F429"}.mdi-printer:before{content:"\F42A"}.mdi-printer-3d:before{content:"\F42B"}.mdi-printer-alert:before{content:"\F42C"}.mdi-priority-high:before{content:"\F603"}.mdi-priority-low:before{content:"\F604"}.mdi-professional-hexagon:before{content:"\F42D"}.mdi-projector:before{content:"\F42E"}.mdi-projector-screen:before{content:"\F42F"}.mdi-pulse:before{content:"\F430"}.mdi-puzzle:before{content:"\F431"}.mdi-qqchat:before{content:"\F605"}.mdi-qrcode:before{content:"\F432"}.mdi-qrcode-scan:before{content:"\F433"}.mdi-quadcopter:before{content:"\F434"}.mdi-quality-high:before{content:"\F435"}.mdi-quicktime:before{content:"\F436"}.mdi-radar:before{content:"\F437"}.mdi-radiator:before{content:"\F438"}.mdi-radio:before{content:"\F439"}.mdi-radio-handheld:before{content:"\F43A"}.mdi-radio-tower:before{content:"\F43B"}.mdi-radioactive:before{content:"\F43C"}.mdi-radiobox-blank:before{content:"\F43D"}.mdi-radiobox-marked:before{content:"\F43E"}.mdi-raspberrypi:before{content:"\F43F"}.mdi-ray-end:before{content:"\F440"}.mdi-ray-end-arrow:before{content:"\F441"}.mdi-ray-start:before{content:"\F442"}.mdi-ray-start-arrow:before{content:"\F443"}.mdi-ray-start-end:before{content:"\F444"}.mdi-ray-vertex:before{content:"\F445"}.mdi-rdio:before{content:"\F446"}.mdi-read:before{content:"\F447"}.mdi-readability:before{content:"\F448"}.mdi-receipt:before{content:"\F449"}.mdi-record:before{content:"\F44A"}.mdi-record-rec:before{content:"\F44B"}.mdi-recycle:before{content:"\F44C"}.mdi-reddit:before{content:"\F44D"}.mdi-redo:before{content:"\F44E"}.mdi-redo-variant:before{content:"\F44F"}.mdi-refresh:before{content:"\F450"}.mdi-regex:before{content:"\F451"}.mdi-relative-scale:before{content:"\F452"}.mdi-reload:before{content:"\F453"}.mdi-remote:before{content:"\F454"}.mdi-rename-box:before{content:"\F455"}.mdi-repeat:before{content:"\F456"}.mdi-repeat-off:before{content:"\F457"}.mdi-repeat-once:before{content:"\F458"}.mdi-replay:before{content:"\F459"}.mdi-reply:before{content:"\F45A"}.mdi-reply-all:before{content:"\F45B"}.mdi-reproduction:before{content:"\F45C"}.mdi-resize-bottom-right:before{content:"\F45D"}.mdi-responsive:before{content:"\F45E"}.mdi-rewind:before{content:"\F45F"}.mdi-ribbon:before{content:"\F460"}.mdi-road:before{content:"\F461"}.mdi-road-variant:before{content:"\F462"}.mdi-rocket:before{content:"\F463"}.mdi-rotate-3d:before{content:"\F464"}.mdi-rotate-left:before{content:"\F465"}.mdi-rotate-left-variant:before{content:"\F466"}.mdi-rotate-right:before{content:"\F467"}.mdi-rotate-right-variant:before{content:"\F468"}.mdi-rounded-corner:before{content:"\F607"}.mdi-router-wireless:before{content:"\F469"}.mdi-routes:before{content:"\F46A"}.mdi-rowing:before{content:"\F608"}.mdi-rss:before{content:"\F46B"}.mdi-rss-box:before{content:"\F46C"}.mdi-ruler:before{content:"\F46D"}.mdi-run:before{content:"\F46E"}.mdi-sale:before{content:"\F46F"}.mdi-satellite:before{content:"\F470"}.mdi-satellite-variant:before{content:"\F471"}.mdi-saxophone:before{content:"\F609"}.mdi-scale:before{content:"\F472"}.mdi-scale-balance:before{content:"\F5D1"}.mdi-scale-bathroom:before{content:"\F473"}.mdi-school:before{content:"\F474"}.mdi-screen-rotation:before{content:"\F475"}.mdi-screen-rotation-lock:before{content:"\F476"}.mdi-screwdriver:before{content:"\F477"}.mdi-script:before{content:"\F478"}.mdi-sd:before{content:"\F479"}.mdi-seal:before{content:"\F47A"}.mdi-seat-flat:before{content:"\F47B"}.mdi-seat-flat-angled:before{content:"\F47C"}.mdi-seat-individual-suite:before{content:"\F47D"}.mdi-seat-legroom-extra:before{content:"\F47E"}.mdi-seat-legroom-normal:before{content:"\F47F"}.mdi-seat-legroom-reduced:before{content:"\F480"}.mdi-seat-recline-extra:before{content:"\F481"}.mdi-seat-recline-normal:before{content:"\F482"}.mdi-security:before{content:"\F483"}.mdi-security-network:before{content:"\F484"}.mdi-select:before{content:"\F485"}.mdi-select-all:before{content:"\F486"}.mdi-select-inverse:before{content:"\F487"}.mdi-select-off:before{content:"\F488"}.mdi-selection:before{content:"\F489"}.mdi-send:before{content:"\F48A"}.mdi-serial-port:before{content:"\F65C"}.mdi-server:before{content:"\F48B"}.mdi-server-minus:before{content:"\F48C"}.mdi-server-network:before{content:"\F48D"}.mdi-server-network-off:before{content:"\F48E"}.mdi-server-off:before{content:"\F48F"}.mdi-server-plus:before{content:"\F490"}.mdi-server-remove:before{content:"\F491"}.mdi-server-security:before{content:"\F492"}.mdi-settings:before{content:"\F493"}.mdi-settings-box:before{content:"\F494"}.mdi-shape-circle-plus:before{content:"\F65D"}.mdi-shape-plus:before{content:"\F495"}.mdi-shape-polygon-plus:before{content:"\F65E"}.mdi-shape-rectangle-plus:before{content:"\F65F"}.mdi-shape-square-plus:before{content:"\F660"}.mdi-share:before{content:"\F496"}.mdi-share-variant:before{content:"\F497"}.mdi-shield:before{content:"\F498"}.mdi-shield-outline:before{content:"\F499"}.mdi-shopping:before{content:"\F49A"}.mdi-shopping-music:before{content:"\F49B"}.mdi-shredder:before{content:"\F49C"}.mdi-shuffle:before{content:"\F49D"}.mdi-shuffle-disabled:before{content:"\F49E"}.mdi-shuffle-variant:before{content:"\F49F"}.mdi-sigma:before{content:"\F4A0"}.mdi-sigma-lower:before{content:"\F62B"}.mdi-sign-caution:before{content:"\F4A1"}.mdi-signal:before{content:"\F4A2"}.mdi-signal-variant:before{content:"\F60A"}.mdi-silverware:before{content:"\F4A3"}.mdi-silverware-fork:before{content:"\F4A4"}.mdi-silverware-spoon:before{content:"\F4A5"}.mdi-silverware-variant:before{content:"\F4A6"}.mdi-sim:before{content:"\F4A7"}.mdi-sim-alert:before{content:"\F4A8"}.mdi-sim-off:before{content:"\F4A9"}.mdi-sitemap:before{content:"\F4AA"}.mdi-skip-backward:before{content:"\F4AB"}.mdi-skip-forward:before{content:"\F4AC"}.mdi-skip-next:before{content:"\F4AD"}.mdi-skip-next-circle:before{content:"\F661"}.mdi-skip-next-circle-outline:before{content:"\F662"}.mdi-skip-previous:before{content:"\F4AE"}.mdi-skip-previous-circle:before{content:"\F663"}.mdi-skip-previous-circle-outline:before{content:"\F664"}.mdi-skype:before{content:"\F4AF"}.mdi-skype-business:before{content:"\F4B0"}.mdi-slack:before{content:"\F4B1"}.mdi-sleep:before{content:"\F4B2"}.mdi-sleep-off:before{content:"\F4B3"}.mdi-smoking:before{content:"\F4B4"}.mdi-smoking-off:before{content:"\F4B5"}.mdi-snapchat:before{content:"\F4B6"}.mdi-snowman:before{content:"\F4B7"}.mdi-soccer:before{content:"\F4B8"}.mdi-sofa:before{content:"\F4B9"}.mdi-sort:before{content:"\F4BA"}.mdi-sort-alphabetical:before{content:"\F4BB"}.mdi-sort-ascending:before{content:"\F4BC"}.mdi-sort-descending:before{content:"\F4BD"}.mdi-sort-numeric:before{content:"\F4BE"}.mdi-sort-variant:before{content:"\F4BF"}.mdi-soundcloud:before{content:"\F4C0"}.mdi-source-branch:before{content:"\F62C"}.mdi-source-fork:before{content:"\F4C1"}.mdi-source-merge:before{content:"\F62D"}.mdi-source-pull:before{content:"\F4C2"}.mdi-speaker:before{content:"\F4C3"}.mdi-speaker-off:before{content:"\F4C4"}.mdi-speedometer:before{content:"\F4C5"}.mdi-spellcheck:before{content:"\F4C6"}.mdi-spotify:before{content:"\F4C7"}.mdi-spotlight:before{content:"\F4C8"}.mdi-spotlight-beam:before{content:"\F4C9"}.mdi-spray:before{content:"\F665"}.mdi-square-inc:before{content:"\F4CA"}.mdi-square-inc-cash:before{content:"\F4CB"}.mdi-stackexchange:before{content:"\F60B"}.mdi-stackoverflow:before{content:"\F4CC"}.mdi-stairs:before{content:"\F4CD"}.mdi-star:before{content:"\F4CE"}.mdi-star-circle:before{content:"\F4CF"}.mdi-star-half:before{content:"\F4D0"}.mdi-star-off:before{content:"\F4D1"}.mdi-star-outline:before{content:"\F4D2"}.mdi-steam:before{content:"\F4D3"}.mdi-steering:before{content:"\F4D4"}.mdi-step-backward:before{content:"\F4D5"}.mdi-step-backward-2:before{content:"\F4D6"}.mdi-step-forward:before{content:"\F4D7"}.mdi-step-forward-2:before{content:"\F4D8"}.mdi-stethoscope:before{content:"\F4D9"}.mdi-sticker:before{content:"\F5D0"}.mdi-stocking:before{content:"\F4DA"}.mdi-stop:before{content:"\F4DB"}.mdi-stop-circle:before{content:"\F666"}.mdi-stop-circle-outline:before{content:"\F667"}.mdi-store:before{content:"\F4DC"}.mdi-store-24-hour:before{content:"\F4DD"}.mdi-stove:before{content:"\F4DE"}.mdi-subdirectory-arrow-left:before{content:"\F60C"}.mdi-subdirectory-arrow-right:before{content:"\F60D"}.mdi-subway:before{content:"\F4DF"}.mdi-sunglasses:before{content:"\F4E0"}.mdi-surround-sound:before{content:"\F5C5"}.mdi-swap-horizontal:before{content:"\F4E1"}.mdi-swap-vertical:before{content:"\F4E2"}.mdi-swim:before{content:"\F4E3"}.mdi-switch:before{content:"\F4E4"}.mdi-sword:before{content:"\F4E5"}.mdi-sync:before{content:"\F4E6"}.mdi-sync-alert:before{content:"\F4E7"}.mdi-sync-off:before{content:"\F4E8"}.mdi-tab:before{content:"\F4E9"}.mdi-tab-unselected:before{content:"\F4EA"}.mdi-table:before{content:"\F4EB"}.mdi-table-column-plus-after:before{content:"\F4EC"}.mdi-table-column-plus-before:before{content:"\F4ED"}.mdi-table-column-remove:before{content:"\F4EE"}.mdi-table-column-width:before{content:"\F4EF"}.mdi-table-edit:before{content:"\F4F0"}.mdi-table-large:before{content:"\F4F1"}.mdi-table-row-height:before{content:"\F4F2"}.mdi-table-row-plus-after:before{content:"\F4F3"}.mdi-table-row-plus-before:before{content:"\F4F4"}.mdi-table-row-remove:before{content:"\F4F5"}.mdi-tablet:before{content:"\F4F6"}.mdi-tablet-android:before{content:"\F4F7"}.mdi-tablet-ipad:before{content:"\F4F8"}.mdi-tag:before{content:"\F4F9"}.mdi-tag-faces:before{content:"\F4FA"}.mdi-tag-multiple:before{content:"\F4FB"}.mdi-tag-outline:before{content:"\F4FC"}.mdi-tag-text-outline:before{content:"\F4FD"}.mdi-target:before{content:"\F4FE"}.mdi-taxi:before{content:"\F4FF"}.mdi-teamviewer:before{content:"\F500"}.mdi-telegram:before{content:"\F501"}.mdi-television:before{content:"\F502"}.mdi-television-guide:before{content:"\F503"}.mdi-temperature-celsius:before{content:"\F504"}.mdi-temperature-fahrenheit:before{content:"\F505"}.mdi-temperature-kelvin:before{content:"\F506"}.mdi-tennis:before{content:"\F507"}.mdi-tent:before{content:"\F508"}.mdi-terrain:before{content:"\F509"}.mdi-test-tube:before{content:"\F668"}.mdi-text-shadow:before{content:"\F669"}.mdi-text-to-speech:before{content:"\F50A"}.mdi-text-to-speech-off:before{content:"\F50B"}.mdi-textbox:before{content:"\F60E"}.mdi-texture:before{content:"\F50C"}.mdi-theater:before{content:"\F50D"}.mdi-theme-light-dark:before{content:"\F50E"}.mdi-thermometer:before{content:"\F50F"}.mdi-thermometer-lines:before{content:"\F510"}.mdi-thumb-down:before{content:"\F511"}.mdi-thumb-down-outline:before{content:"\F512"}.mdi-thumb-up:before{content:"\F513"}.mdi-thumb-up-outline:before{content:"\F514"}.mdi-thumbs-up-down:before{content:"\F515"}.mdi-ticket:before{content:"\F516"}.mdi-ticket-account:before{content:"\F517"}.mdi-ticket-confirmation:before{content:"\F518"}.mdi-tie:before{content:"\F519"}.mdi-timelapse:before{content:"\F51A"}.mdi-timer:before{content:"\F51B"}.mdi-timer-10:before{content:"\F51C"}.mdi-timer-3:before{content:"\F51D"}.mdi-timer-off:before{content:"\F51E"}.mdi-timer-sand:before{content:"\F51F"}.mdi-timetable:before{content:"\F520"}.mdi-toggle-switch:before{content:"\F521"}.mdi-toggle-switch-off:before{content:"\F522"}.mdi-tooltip:before{content:"\F523"}.mdi-tooltip-edit:before{content:"\F524"}.mdi-tooltip-image:before{content:"\F525"}.mdi-tooltip-outline:before{content:"\F526"}.mdi-tooltip-outline-plus:before{content:"\F527"}.mdi-tooltip-text:before{content:"\F528"}.mdi-tooth:before{content:"\F529"}.mdi-tor:before{content:"\F52A"}.mdi-traffic-light:before{content:"\F52B"}.mdi-train:before{content:"\F52C"}.mdi-tram:before{content:"\F52D"}.mdi-transcribe:before{content:"\F52E"}.mdi-transcribe-close:before{content:"\F52F"}.mdi-transfer:before{content:"\F530"}.mdi-translate:before{content:"\F5CA"}.mdi-tree:before{content:"\F531"}.mdi-trello:before{content:"\F532"}.mdi-trending-down:before{content:"\F533"}.mdi-trending-neutral:before{content:"\F534"}.mdi-trending-up:before{content:"\F535"}.mdi-triangle:before{content:"\F536"}.mdi-triangle-outline:before{content:"\F537"}.mdi-trophy:before{content:"\F538"}.mdi-trophy-award:before{content:"\F539"}.mdi-trophy-outline:before{content:"\F53A"}.mdi-trophy-variant:before{content:"\F53B"}.mdi-trophy-variant-outline:before{content:"\F53C"}.mdi-truck:before{content:"\F53D"}.mdi-truck-delivery:before{content:"\F53E"}.mdi-tshirt-crew:before{content:"\F53F"}.mdi-tshirt-v:before{content:"\F540"}.mdi-tumblr:before{content:"\F541"}.mdi-tumblr-reblog:before{content:"\F542"}.mdi-tune:before{content:"\F62E"}.mdi-tune-vertical:before{content:"\F66A"}.mdi-twitch:before{content:"\F543"}.mdi-twitter:before{content:"\F544"}.mdi-twitter-box:before{content:"\F545"}.mdi-twitter-circle:before{content:"\F546"}.mdi-twitter-retweet:before{content:"\F547"}.mdi-ubuntu:before{content:"\F548"}.mdi-umbraco:before{content:"\F549"}.mdi-umbrella:before{content:"\F54A"}.mdi-umbrella-outline:before{content:"\F54B"}.mdi-undo:before{content:"\F54C"}.mdi-undo-variant:before{content:"\F54D"}.mdi-unfold-less:before{content:"\F54E"}.mdi-unfold-more:before{content:"\F54F"}.mdi-ungroup:before{content:"\F550"}.mdi-untappd:before{content:"\F551"}.mdi-upload:before{content:"\F552"}.mdi-usb:before{content:"\F553"}.mdi-vector-arrange-above:before{content:"\F554"}.mdi-vector-arrange-below:before{content:"\F555"}.mdi-vector-circle:before{content:"\F556"}.mdi-vector-circle-variant:before{content:"\F557"}.mdi-vector-combine:before{content:"\F558"}.mdi-vector-curve:before{content:"\F559"}.mdi-vector-difference:before{content:"\F55A"}.mdi-vector-difference-ab:before{content:"\F55B"}.mdi-vector-difference-ba:before{content:"\F55C"}.mdi-vector-intersection:before{content:"\F55D"}.mdi-vector-line:before{content:"\F55E"}.mdi-vector-point:before{content:"\F55F"}.mdi-vector-polygon:before{content:"\F560"}.mdi-vector-polyline:before{content:"\F561"}.mdi-vector-rectangle:before{content:"\F5C6"}.mdi-vector-selection:before{content:"\F562"}.mdi-vector-square:before{content:"\F001"}.mdi-vector-triangle:before{content:"\F563"}.mdi-vector-union:before{content:"\F564"}.mdi-verified:before{content:"\F565"}.mdi-vibrate:before{content:"\F566"}.mdi-video:before{content:"\F567"}.mdi-video-off:before{content:"\F568"}.mdi-video-switch:before{content:"\F569"}.mdi-view-agenda:before{content:"\F56A"}.mdi-view-array:before{content:"\F56B"}.mdi-view-carousel:before{content:"\F56C"}.mdi-view-column:before{content:"\F56D"}.mdi-view-dashboard:before{content:"\F56E"}.mdi-view-day:before{content:"\F56F"}.mdi-view-grid:before{content:"\F570"}.mdi-view-headline:before{content:"\F571"}.mdi-view-list:before{content:"\F572"}.mdi-view-module:before{content:"\F573"}.mdi-view-quilt:before{content:"\F574"}.mdi-view-stream:before{content:"\F575"}.mdi-view-week:before{content:"\F576"}.mdi-vimeo:before{content:"\F577"}.mdi-vine:before{content:"\F578"}.mdi-violin:before{content:"\F60F"}.mdi-visualstudio:before{content:"\F610"}.mdi-vk:before{content:"\F579"}.mdi-vk-box:before{content:"\F57A"}.mdi-vk-circle:before{content:"\F57B"}.mdi-vlc:before{content:"\F57C"}.mdi-voice:before{content:"\F5CB"}.mdi-voicemail:before{content:"\F57D"}.mdi-volume-high:before{content:"\F57E"}.mdi-volume-low:before{content:"\F57F"}.mdi-volume-medium:before{content:"\F580"}.mdi-volume-off:before{content:"\F581"}.mdi-vpn:before{content:"\F582"}.mdi-walk:before{content:"\F583"}.mdi-wallet:before{content:"\F584"}.mdi-wallet-giftcard:before{content:"\F585"}.mdi-wallet-membership:before{content:"\F586"}.mdi-wallet-travel:before{content:"\F587"}.mdi-wan:before{content:"\F588"}.mdi-watch:before{content:"\F589"}.mdi-watch-export:before{content:"\F58A"}.mdi-watch-import:before{content:"\F58B"}.mdi-water:before{content:"\F58C"}.mdi-water-off:before{content:"\F58D"}.mdi-water-percent:before{content:"\F58E"}.mdi-water-pump:before{content:"\F58F"}.mdi-watermark:before{content:"\F612"}.mdi-weather-cloudy:before{content:"\F590"}.mdi-weather-fog:before{content:"\F591"}.mdi-weather-hail:before{content:"\F592"}.mdi-weather-lightning:before{content:"\F593"}.mdi-weather-night:before{content:"\F594"}.mdi-weather-partlycloudy:before{content:"\F595"}.mdi-weather-pouring:before{content:"\F596"}.mdi-weather-rainy:before{content:"\F597"}.mdi-weather-snowy:before{content:"\F598"}.mdi-weather-sunny:before{content:"\F599"}.mdi-weather-sunset:before{content:"\F59A"}.mdi-weather-sunset-down:before{content:"\F59B"}.mdi-weather-sunset-up:before{content:"\F59C"}.mdi-weather-windy:before{content:"\F59D"}.mdi-weather-windy-variant:before{content:"\F59E"}.mdi-web:before{content:"\F59F"}.mdi-webcam:before{content:"\F5A0"}.mdi-webhook:before{content:"\F62F"}.mdi-wechat:before{content:"\F611"}.mdi-weight:before{content:"\F5A1"}.mdi-weight-kilogram:before{content:"\F5A2"}.mdi-whatsapp:before{content:"\F5A3"}.mdi-wheelchair-accessibility:before{content:"\F5A4"}.mdi-white-balance-auto:before{content:"\F5A5"}.mdi-white-balance-incandescent:before{content:"\F5A6"}.mdi-white-balance-iridescent:before{content:"\F5A7"}.mdi-white-balance-sunny:before{content:"\F5A8"}.mdi-wifi:before{content:"\F5A9"}.mdi-wifi-off:before{content:"\F5AA"}.mdi-wii:before{content:"\F5AB"}.mdi-wikipedia:before{content:"\F5AC"}.mdi-window-close:before{content:"\F5AD"}.mdi-window-closed:before{content:"\F5AE"}.mdi-window-maximize:before{content:"\F5AF"}.mdi-window-minimize:before{content:"\F5B0"}.mdi-window-open:before{content:"\F5B1"}.mdi-window-restore:before{content:"\F5B2"}.mdi-windows:before{content:"\F5B3"}.mdi-wordpress:before{content:"\F5B4"}.mdi-worker:before{content:"\F5B5"}.mdi-wrap:before{content:"\F5B6"}.mdi-wrench:before{content:"\F5B7"}.mdi-wunderlist:before{content:"\F5B8"}.mdi-xaml:before{content:"\F673"}.mdi-xbox:before{content:"\F5B9"}.mdi-xbox-controller:before{content:"\F5BA"}.mdi-xbox-controller-off:before{content:"\F5BB"}.mdi-xda:before{content:"\F5BC"}.mdi-xing:before{content:"\F5BD"}.mdi-xing-box:before{content:"\F5BE"}.mdi-xing-circle:before{content:"\F5BF"}.mdi-xml:before{content:"\F5C0"}.mdi-yeast:before{content:"\F5C1"}.mdi-yelp:before{content:"\F5C2"}.mdi-youtube-play:before{content:"\F5C3"}.mdi-zip-box:before{content:"\F5C4"}.mdi-18px{font-size:18px}.mdi-24px{font-size:24px}.mdi-36px{font-size:36px}.mdi-48px{font-size:48px}.mdi-dark{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive{color:rgba(0,0,0,0.26)}.mdi-light{color:#fff}.mdi-light.mdi-inactive{color:rgba(255,255,255,0.3)}.mdi-rotate-45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}
/*# sourceMappingURL=materialdesignicons.min.css.map */