html, body { height: 100%; }
html, body, .ui-widget, .context-menu-list, .node text, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
html, body, .ui-widget, .context-menu-list, .node text { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #555555; }


/*GLOBAL LINKS*/
a, button { color: #666; background-color: transparent; }
    a:hover { color: #1FB5AD; }
    .menuButton:hover, .nav > li > a:hover, .actionsMenu .input-group:hover, .actionsMenu .input-group-addon:hover, .actionsMenu span:hover,
    .input-group-addon:hover, .input-group-addon:focus,
    .menuButton:focus, .nav > li > a:focus, a:focus, .actionsMenu .input-group:focus, .actionsMenu .input-group-addon:focus, .actionsMenu span:focus, .currentAction button, .currentAction button:focus, .currentAction button:hover { background-color: #FAECEB; color: #1FB5AD; cursor: pointer; }
.disabled button, .disabled button:focus, .disabled button:hover { color: #bbbbbb; background-color: transparent; cursor: not-allowed; outline: none; }

/*.icon-grid:after{ content: "\25bc";font-size: 9px; color: }*/
/*LAYOUT*/
.menuLayout { position: fixed; top: 2px; background-color: #f7f7f7; padding: 7px 0 5px; z-index: 1; }
.menuLayoutLeft { left: 0; top: 0; bottom: 0; width: 36px; }
.menuLayoutTop { left: 36px; top: 0; right: 0; padding-bottom: 0; }
    .menuLayoutTop .tokenfield { border-right: 1px solid #fff; box-shadow: none; }
    .menuLayoutTop .myInputGroupAddon { border: 1px solid transparent; width: 40px; border-radius: 2px; }
    .menuLayoutTop .input-group-addon:first-of-type { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-left: none; background-color: #ffffff; }
    .menuLayoutTop .input-group-addon:last-of-type { font-size: 20px; width: 40px; padding: 5px; color: #ffffff; background-color: #1FB5AD; border: none; }
.contentLayout { position: absolute; left: 36px; top: 81px; right: 0px; bottom: 0; border-left: 0px solid #ddd; background-color: #fff; z-index: 0; }

.rightBarContent { padding: 5px; background-color: #ffffff; }

.menuRow { padding-bottom: 5px; }
    .menuRow:first-of-type { padding-right: 10px; }
    .menuRow:last-of-type { padding-bottom: 0px; }
    .menuRow .nav-tabs { margin: 0px; padding: 0px; white-space: nowrap; /*overflow-x: auto; overflow-y: hidden;*/ height: 35px; }
        .menuRow .nav-tabs > li a { padding: 7px 5px; height: 35px; outline: none; }
        .menuRow .nav-tabs > li .tabName { min-width: 25px; max-width: 110px; overflow: hidden; text-overflow: ellipsis; display: inline-block; }


.nav-tabs > li a { border: 1px solid #dddddd; background-color: #eee; margin-right: 2px; color: #454545; }
.nav-tabs > li > a:hover { border-color: #cccccc #cdcdcd #dddddd; background-color: #f9f9f9; }

.menuRow .nav-tabs > li:nth-last-child(1) a { border: none; border-bottom: 1px solid transparent; border-top: 1px solid transparent; margin-top: 1px; margin-bottom: 1px; box-shadow: none; background-color: transparent; width: 40px; text-align: center; margin-left: -2px; margin-right: 0; }
.nav-tabs > li:nth-last-child(1) a:hover { background-color: #FBFBFB; }
.nav-tabs > li:nth-last-child(1) a span { display: inline-block; opacity: 1; color: #555555; background-color: transparent; margin-top: -1px; }
.nav-tabs > li:nth-last-child(1):hover a span { color: #1FB5AD; background-color: transparent; }
.nav-tabs > li .close { float: none; display: inline-block; font-size: 1.5em; height: 100%; line-height: 1em; padding: 0 3px; border-radius: 2px; vertical-align: top; }
.nav-tabs > .active .close { color: #555; opacity: 1; }
.nav-tabs > li .close:hover { color: #1FB5AD; background-color: #FAD0CD; opacity: 1; }

/*SMOOTHNESS EFFECT*/
.menuLayout, .contentLayout, a, p, span, h1, h2, h3, h4, h5, h6 { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }

/*ACTIONS MENU*/
.loading { position: absolute; left: 50%; top: 0; margin-left: -55px; }

/*ACTIONS MENU*/
.menuLayoutLeft .menuButton { margin-left: 0px; margin-bottom: 5px; }
/*MENU BUTTONS*/
.menuButton { font-size: 16px; padding: 7px; line-height: 1; margin-left: 5px; text-align: center; text-decoration: none; display: inline-block; vertical-align: middle; height: 35px; width: 35px; }
    .menuButton:hover, .menuButton:focus { text-decoration: none; }
.menuButtonBig { font-size: 20px; padding: 5px; }

.triangle { position: fixed; top: 35px; right: 21px; z-index: 4; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; }
.myPopover { position: fixed; top: 44px; right: 9px; background-color: #ffffff; z-index: 3; padding: 20px 30px; border: 1px solid #ccc; box-shadow: 0 0 15px #777; }
    .myPopover .menuRow { padding: 5px; }
        .myPopover .menuRow:last-of-type { padding: 10px; background-color: #f7f7f7; margin: 0 -30px -20px; border-top: 1px solid #cccccc; overflow: hidden; }

/*TILES VIEW*/
.tile { /*border: 2px solid #ccc; margin: 5px; width: 200px; float: left;*/ overflow: hidden; /*height: 100px;*/ padding: 0px; color: #fff; background-size: 100%; box-shadow: 0px 0px 1px #333; background-color: #eeeeee; }
    .tile:hover { outline: 3px solid #3A3A3A; box-shadow: 0 0 1px #ffffcc inset; cursor: pointer; }
    .tile.selected { outline: 3px solid #007FFF; box-shadow: 0 0 1px #ffffcc inset; }

.tile { position: relative; width: 100%; /* desired width */ }
    .tile:before { content: ""; display: block; padding-top: 57%; /* initial ratio of 1:1*/ }
.tileContent { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.tileSelectIcon { position: absolute; top: 0; right: 0; width: 40px; height: 40px; }
    .tileSelectIcon:before { position: absolute; content: "\e08a"; color: #fff; right: 4px; top: 4px; font-family: iconFont; z-index: 1002; opacity: 0.5; }
    .tileSelectIcon:after { border-left: 40px solid transparent; border-top: 40px solid #000; content: ""; display: block; height: 0; position: absolute; right: 0px; top: 0px; width: 0; z-index: 1001; opacity: 0.2; }
.tile:hover .tileSelectIcon:before, .tile:hover .tileSelectIcon:after { opacity: 1; border-top-color: #333; }
.tile.selected .tileSelectIcon:before { position: absolute; content: "\e08a"; color: #fff; right: 4px; top: 4px; font-family: iconFont; z-index: 1002; opacity: 1; }
.tile.selected .tileSelectIcon:after { border-left: 40px solid transparent; border-top: 40px solid #007FFF; content: ""; display: block; height: 0; position: absolute; right: 0px; top: 0px; width: 0; z-index: 1001; opacity: 1; }
/*fixed tiles height & tiles selected bug*/
.tile span, .tile h4 { display: inline-block; margin: 0px; padding: 0 5px; height: 38px; word-wrap: break-word; font-size: 13px; font-weight: normal; /*background-color: rgba(51, 51, 51, 0.8);*/ }
/*.tile h4 { bottom: 5px; right: 5px; font-size: 16px; margin: 0; padding: 0; position: absolute; text-shadow: 1px 1px 3px #000000; }*/
.tile img { position: absolute; left: 5px; bottom: 5px; width: 16px; height: 16px; }
.tile .tileTextWrapper { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; height: 38px; margin-top: -19px; text-align: center; display: table-cell; overflow: hidden; vertical-align: middle; }
    .tile .tileTextWrapper span { vertical-align: middle; }


/*TILES WIDTH COLUMNS*/
/*@media (min-width:640px) and (max-width:767px) {
    .col-tiles-sm-50 { width: 50%; }
}

@media (min-width:920px) and (max-width:1100px) {
    .col-tiles-md-33 { width: 33.3333333333333%; }
}

@media (min-width:1100px) and (max-width:1300px) {
    .col-tiles-md-25 { width: 25%; }
}

@media (min-width:1300px) and (max-width: 1700px) {
    .col-tiles-lg-20 { width: 20%; }
}

.col-tiles-sm-50, .col-tiles-md-33, .col-tiles-md-25, .col-tiles-lg-20 { float: left; }*/

@media (max-width: 320px) {
    .col-320px { width: 100%; }
    .hidden-320px { display: none; }
    .tile h4, .tile img { display: none; }
}

@media (min-width:518px) and (max-width: 767px) {
    .col-33percent { width: 33.333333333333333%; }
}

@media (min-width:900px) and (max-width: 1199px) {
    .col-20percent { width: 20%; }
}

@media (min-width:1920px) {
    .col-12percent { width: 12.5%; }
}

.col-33percent, .col-20percent, .col-12percent { float: left; }

/*LIST VIEW*/
.dateOfLink { cursor: pointer; }
.linksPickDate { position: fixed; right: 30px; top: 0px; z-index: 999999; /*border: 3px solid #666; box-shadow: 0px 0px 20px #666; border-top: none;*/ }
    .linksPickDate input:focus { box-shadow: none; border: 1px solid #666; }
    .linksPickDate select:focus { box-shadow: none; border: 1px solid #666; }
.savedSharedLink:hover h5 { color: #1FB5AD !important; text-decoration: underline; }
.linkWrapper img { margin-right: 10px; }
.linkWrapper h5 { margin: 0px; padding-bottom: 5px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .linkWrapper h5.editable { outline: 2px solid #ccc; }
        .linkWrapper h5.editable:hover { outline: 2px solid #999; }
        .linkWrapper h5.editable:focus { outline: 2px solid #666; }
.savedSharedLinkSelected { background-color: #E3E3E3 !important; cursor: pointer; }
.savedSharedLinkHovered { cursor: pointer; }
.linkWrapper h6 { text-align: right; text-decoration: none; margin: 0px; }
.linkWrapper { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #ffffff; }
.linkItem { border-bottom: 1px solid #DDDDDD; padding: 10px; cursor: pointer; }
    .linkItem:nth-child(odd) { background-color: #F5F5F5; }
    .linkItem:nth-child(even) { background-color: #FFFFFF; }
    .linkItem img { width: 16px; height: 16px; }

/*selected link in list view*/
.linkItem { position: relative; }
.dateWrapper .linkItem.selected { box-shadow: 0 0 1px #ffffcc inset; font-size: 8px; }
    .dateWrapper .linkItem.selected h5 { color: #999999; }
    .dateWrapper .linkItem.selected img { -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); }
    .dateWrapper .linkItem.selected .linkItemInner:before { position: absolute; content: "\e08a"; color: #fff; left: 4px; top: 2px; font-family: iconFont; z-index: 1002; }
    .dateWrapper .linkItem.selected .linkItemInner:after { border-right: 25px solid transparent; border-top: 25px solid #007FFF; content: ""; display: block; height: 0; position: absolute; left: 0px; top: 0px; width: 0; z-index: 1001; }


.savedSharedLinkSelected h4 { color: #333; }


/*GRAPH VIEW*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/

/*MY BUTTONS*/
.btnWidth { min-width: 140px; }
.btnMarLefRight10 { margin-left: 10px; margin-right: 10px; }


/*TOKENFIELD*/
.tokenfield .token-input { width: 200px; min-width: 200px; }
.tokenfield .token { color: #ffffff; background-color: #4194f0; border-color: #2485f0; font-weight: bold; }
    .tokenfield .token:hover { border-color: #006de2; }

.tokenfield.focus { border-color: #66AFE9; box-shadow: 0 1px 1px #f8f7eb inset, 0 0 2px rgba(102, 175, 233, 0.4); }
.tokenfield .token .close { font-size: 1.5em; line-height: 1; }
.ui-autocomplete { list-style-type: none; padding: 0px; border-radius: 0px; }
    .ui-autocomplete li { }
    .ui-autocomplete a { display: block; width: 100%; padding: 5px; border-radius: 0px; border: 1px solid transparent; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; text-decoration: none; background: #EDEDED; border: 1px solid #D9D9D9; }
/*jquery autocomplete border-radius for tokenfield*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 2px; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: 1px solid #ddd; background-color: #FAECEB; color: #1FB5AD; cursor: pointer; }


/*BOOTSTRAP GLOBAL FIXES*/
.input-group-addon { font-size: 16px; padding: 5px 9px; }


/*wrapped text*/
.text-wrapped { white-space: nowrap; text-overflow: ellipsis; padding: 5px; overflow: hidden; }
/*ACCORDION*/
.accordion-toggle p { margin: 0px; /*padding: 7px;*/ }
.panel-title { font-size: inherit; }
.panel-default > .panel-heading { background-color: #ffffff; }
/*.panel-heading { padding: 0px; }*/




.bookmarklet, .bookmarklet h1 { margin: 0px; font-size: 1.6em; }

.fg-color-gray { color: #eeeeee; }

.fg-color-gray2 { color: #999999; }



/*Deleted 30px scrol margin*/
.mCSB_container { margin-right: 0px; }





/*NAVBAR STARTPAGE*/
.navbar-inverse { background-color: #65468E !important; border-color: #543B77; }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: #543B77 !important; }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #543B77; }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus { background-color: #543B77; }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form { border-color: #543B77; }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #543B77; }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #543B77; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: #543B77; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #543B77; }
}

@media (min-width:768px) {
}



/*STARTPAGE*/
.startPageQuote { max-width: 800px; margin: 0px auto; opacity: 0.7; }

.registerStartPageText { margin-bottom: 40px; }

    .registerStartPageText a { min-width: 200px; }

.startPageText h4 { line-height: 2.2; }

.startPageText p { line-height: 2em; font-size: 115%; }

.icon-vk:before { content: "В"; border: 1px solid transparent; display: inline-block; font-family: "Open Sans", Calibri, Candara, Arial, sans-serif; font-style: normal; font-weight: normal; margin: 0 2px; }
.icon-vk { top: 9px; }
.startPageTopIcon { margin: 20px auto; }

    .startPageTopIcon span { font-size: 20pt; }

.startPageText h4 { margin-bottom: 60px; text-align: justify; }

.startPageText .startPageTextTitle { font-size: 36pt; letter-spacing: 0; line-height: 38pt; }

.padding10 { padding: 10px; }

.startPageMenu .nav > li { text-align: center; }
.startPageMenu .navbar-nav > li a { padding: 5px 7px; }
.startPage .nav > li button span { line-height: 125%; position: absolute; left: 20px; display: inline-block; }
.startPage .nav-stacked > li { margin-bottom: 15px; }
.socialLoginButton { border: none; margin-bottom: 2px; padding: 10px; }
.socialVK { background-color: #45688E !important; }
    .socialVK h1 { padding-left: 10px; }
.socialFacebook { background-color: #3B5998 !important; }
.socialTwitter { background-color: #33BCEF !important; }
.socialGoogle { background-color: #4D90FE !important; }

.navbar-brand { font-size: 30px; line-height: 11px; }
.nav { padding-left: 15px; }
.col-lg-4 .nav > li { text-align: center; }
.cbp-qtrotator { margin-top: 0px; }

/* FORM VALIDATION STYLES */

/*form input[type=text].error, textarea.error { border: 2px solid #FF0039 !important; }
form input[type=text].valid, textarea.valid { border: 2px solid #3FB618 !important; }*/
form label.error { display: none !important; }

/* NEW AND UPDATE TILE FORM COLOR PICKER STYLES */

.newUpdateTileForm .popover { left: 0px; width: 210px; }
    .newUpdateTileForm .popover, .newUpdateTileForm .popover .popover-title { color: #fff; background-color: #494949; }
        .newUpdateTileForm .popover .arrow:after { border-top-color: #494949; }

        .newUpdateTileForm .popover .popover-title { border-bottom: 1px solid #888888; border-radius: 0px; font-weight: bold; }

.newUpdateTileForm .colorPicker input[type=button] { margin: 0px; }

.newUpdateTileForm .colorPicker .popover-content input[type=button] { margin: 10px; }

/* NOTES PAGE */
.note { border: 2px solid #ccc; height: 100px; background-color: #fff; }
    .note:hover { outline: 3px solid #3A3A3A; border: 2px solid transparent; cursor: pointer; }
    .note .date { background-color: #f5f5f5; border-top: 1px solid #cecece; position: absolute; bottom: 0px; left: 0px; height: 30px; line-height: 30px; font-size: 12px; }


/* YOUTUBE WRAPPER */
.youtubeWrapper { width: 80%; margin: 0 auto; background: #f7f7f7; }
.well .youtubeWrapper { width: 100%; margin: 0 auto; background: #f7f7f7; }
.h_iframe { position: relative; }
    .h_iframe .ratio { display: block; width: 100%; height: auto; }
    .h_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.ui-autocomplete.ui-front { z-index: 10002 !important; }


/*PLACEHOLDERS*/
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #555; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }



/*MODAL*/
/*.modal-backdrop{display: none}
.modal-dialog{z-index: 10000}*/


.colorPreview { width: 35px; height: 35px; margin: 0px; margin-right: 5px; margin-bottom: 5px; float: left; position: relative; }
    .colorPreview.selected { outline: 2px solid #007FFF; box-shadow: 0 0 1px #ffffcc inset; font-size: 8px; }
        .colorPreview.selected .colorPreviewInner:before { position: absolute; content: "\e08a"; color: #fff; right: 4px; top: 2px; font-family: iconFont; z-index: 1002; }
        .colorPreview.selected .colorPreviewInner:after { border-left: 25px solid transparent; border-top: 25px solid #007FFF; content: ""; display: block; height: 0; position: absolute; right: 0px; top: 0px; width: 0; z-index: 1001; }



/* COLORS (FONT, BACKGROUND, BORDER, OUTLINE */
.fg-color-blue { color: #2d89ef !important; }
.fg-color-blueLight { color: #eff4ff !important; }
.fg-color-blueDark { color: #2b5797 !important; }
.fg-color-green { color: #00a300 !important; }
.fg-color-greenLight { color: #99b433 !important; }
.fg-color-greenDark { color: #1e7145 !important; }
.fg-color-red { color: #b91d47 !important; }
.fg-color-yellow { color: #ffc40d !important; }
.fg-color-orange { color: #e3a21a !important; }
.fg-color-orangeDark { color: #da532c !important; }
.fg-color-pink { color: #9f00a7 !important; }
.fg-color-pinkDark { color: #7e3878 !important; }
.fg-color-purple { color: #603cba !important; }
.fg-color-darken { color: #1d1d1d !important; }
.fg-color-lighten { color: #d5e7ec !important; }
.fg-color-white { color: #ffffff !important; }
.fg-color-grayDark { color: #525252 !important; }

.bg-color-blue { background-color: #2d89ef !important; opacity: 0.9; }
.bg-color-blueLight { background-color: #eff4ff !important; opacity: 0.9; }
.bg-color-blueDark { background-color: #2b5797 !important; opacity: 0.9; }
.bg-color-green { background-color: #00a300 !important; opacity: 0.9; }
.bg-color-greenLight { background-color: #99b433 !important; opacity: 0.9; }
.bg-color-greenDark { background-color: #1e7145 !important; opacity: 0.9; }
.bg-color-red { background-color: #b91d47 !important; opacity: 0.9; }
.bg-color-yellow { background-color: #ffc40d !important; opacity: 0.9; }
.bg-color-orange { background-color: #e3a21a !important; opacity: 0.9; }
.bg-color-orangeDark { background-color: #da532c !important; opacity: 0.9; }
.bg-color-pink { background-color: #9f00a7 !important; opacity: 0.9; }
.bg-color-pinkDark { background-color: #7e3878 !important; opacity: 0.9; }
.bg-color-purple { background-color: #603cba !important; opacity: 0.9; }
.bg-color-darken { background-color: #333333 !important; opacity: 0.9; }
.bg-color-lighten { background-color: #d5e7ec !important; opacity: 0.9; }
.bg-color-white { background-color: #ffffff !important; opacity: 0.9; }
.bg-color-grayDark { background-color: #525252 !important; opacity: 0.9; }

[class*=border-color] { border: 2px solid; }
.border-color-blue { border-color: #2d89ef !important; }
.border-color-blueLight { border-color: #eff4ff !important; }
.border-color-blueDark { border-color: #2b5797 !important; }
.border-color-green { border-color: #00a300 !important; }
.border-color-greenLight { border-color: #99b433 !important; }
.border-color-greenDark { border-color: #1e7145 !important; }
.border-color-red { border-color: #b91d47 !important; }
.border-color-yellow { border-color: #ffc40d !important; }
.border-color-orange { border-color: #e3a21a !important; }
.border-color-orangeDark { border-color: #da532c !important; }
.border-color-pink { border-color: #9f00a7 !important; }
.border-color-pinkDark { border-color: #7e3878 !important; }
.border-color-purple { border-color: #603cba !important; }
.border-color-darken { border-color: #1d1d1d !important; }
.border-color-lighten { border-color: #d5e7ec !important; }
.border-color-white { border-color: #ffffff !important; }
.border-color-grayDark { border-color: #525252 !important; }

*:hover[class=outline-color] { outline: 3px solid; }
.outline-color-blue { outline-color: #2d89ef !important; }
.outline-color-blueLight { outline-color: #eff4ff !important; }
.outline-color-blueDark { outline-color: #2b5797 !important; }
.outline-color-green { outline-color: #00a300 !important; }
.outline-color-greenLight { outline-color: #99b433 !important; }
.outline-color-greenDark { outline-color: #1e7145 !important; }
.outline-color-red { outline-color: #b91d47 !important; }
.outline-color-yellow { outline-color: #ffc40d !important; }
.outline-color-orange { outline-color: #e3a21a !important; }
.outline-color-orangeDark { outline-color: #da532c !important; }
.outline-color-pink { outline-color: #9f00a7 !important; }
.outline-color-pinkDark { outline-color: #7e3878 !important; }
.outline-color-purple { outline-color: #603cba !important; }
.outline-color-darken { outline-color: #1d1d1d !important; }
.outline-color-lighten { outline-color: #d5e7ec !important; }
.outline-color-white { outline-color: #ffffff !important; }
.outline-color-grayDark { outline-color: #525252 !important; }

/* ICON FONT */
@font-face { font-family: 'iconFont'; src: url('/res/font/iconFont.eot'); src: url('/res/font/iconFont.eot?#iefix') format('embedded-opentype'), url('/res/font/iconFont.svg#iconFont') format('svg'), url('/res/font/iconFont.woff') format('woff'), url('/res/font/iconFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'iconFont'; content: attr(data-icon); speak: none; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; -webkit-font-smoothing: antialiased; border: 1px transparent solid; }
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: 'iconFont'; font-style: normal; speak: none; font-weight: normal; display: inline-block; text-decoration: inherit; margin: 0 2px; -webkit-font-smoothing: antialiased; border: 1px transparent solid; text-decoration: none; }

.icon-large:before { vertical-align: middle; font-size: 1.3333333333333332em; margin-top: -8px; }

button.mini,
.button.mini { font-size: .9em !important; }

a [class^="icon-"],
a [class*=" icon-"] { border: 1px transparent solid; }

li [class^="icon-"],
li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; }

li .icon-large:before,
li .icon-large:before { width: 1.875em; }

.icon-newspaper:before { content: "\e001"; }
.icon-pencil:before { content: "\e002"; }
.icon-droplet:before { content: "\e003"; }
.icon-pictures:before { content: "\e004"; }
.icon-camera:before { content: "\e005"; }
.icon-music:before { content: "\e006"; }
.icon-film:before { content: "\e007"; }
.icon-camera-2:before { content: "\e008"; }
.icon-spades:before { content: "\e009"; }
.icon-clubs:before { content: "\e00a"; }
.icon-diamonds:before { content: "\e00b"; }
.icon-broadcast:before { content: "\e00c"; }
.icon-mic:before { content: "\e00d"; }
.icon-book:before { content: "\e00e"; }
.icon-file:before { content: "\e00f"; }
.icon-new:before { content: "\e010"; }
.icon-copy:before { content: "\e011"; }
.icon-folder:before { content: "\e012"; }
.icon-folder-2:before { content: "\e013"; }
.icon-tag:before { content: "\e014"; }
.icon-cart:before { content: "\e015"; }
.icon-basket:before { content: "\e016"; }
.icon-calculate:before { content: "\e017"; }
.icon-support:before { content: "\e018"; }
.icon-phone:before { content: "\e019"; }
.icon-mail:before { content: "\e01a"; }
.icon-location:before { content: "\e01b"; }
.icon-compass:before { content: "\e01c"; }
.icon-history:before { content: "\e01d"; }
.icon-clock:before { content: "\e01e"; }
.icon-bell:before { content: "\e01f"; }
.icon-calendar:before { content: "\e020"; }
.icon-printer:before { content: "\e021"; }
.icon-mouse:before { content: "\e022"; }
.icon-screen:before { content: "\e023"; }
.icon-laptop:before { content: "\e024"; }
.icon-mobile:before { content: "\e025"; }
.icon-cabinet:before { content: "\e026"; }
.icon-drawer:before { content: "\e027"; }
.icon-drawer-2:before { content: "\e028"; }
.icon-box:before { content: "\e029"; }
.icon-box-add:before { content: "\e02a"; }
.icon-box-remove:before { content: "\e02b"; }
.icon-download:before { content: "\e02c"; }
.icon-upload:before { content: "\e02d"; }
.icon-database:before { content: "\e02e"; }
.icon-flip:before { content: "\e02f"; }
.icon-flip-2:before { content: "\e030"; }
.icon-undo:before { content: "\e031"; }
.icon-redo:before { content: "\e032"; }
.icon-forward:before { content: "\e033"; }
.icon-reply:before { content: "\e034"; }
.icon-reply-2:before { content: "\e035"; }
.icon-comments:before { content: "\e036"; }
.icon-comments-2:before { content: "\e037"; }
.icon-comments-3:before { content: "\e038"; }
.icon-comments-4:before { content: "\e039"; }
.icon-comments-5:before { content: "\e03a"; }
.icon-user:before { content: "\e03b"; }
.icon-user-2:before { content: "\e03c"; }
.icon-user-3:before { content: "\e03d"; }
.icon-busy:before { content: "\e03e"; }
.icon-loading:before { content: "\e03f"; }
.icon-loading-2:before { content: "\e040"; }
.icon-search:before { content: "\e041"; }
.icon-zoom-in:before { content: "\e042"; }
.icon-zoom-out:before { content: "\e043"; }
.icon-key:before { content: "\e044"; }
.icon-key-2:before { content: "\e045"; }
.icon-locked:before { content: "\e046"; }
.icon-unlocked:before { content: "\e047"; }
.icon-wrench:before { content: "\e048"; }
.icon-equalizer:before { content: "\e049"; }
.icon-cog:before { content: "\e04a"; }
.icon-pie:before { content: "\e04b"; }
.icon-bars:before { content: "\e04c"; }
.icon-stats-up:before { content: "\e04d"; }
.icon-gift:before { content: "\e04e"; }
.icon-trophy:before { content: "\e04f"; }
.icon-diamond:before { content: "\e050"; }
.icon-coffee:before { content: "\e051"; }
.icon-rocket:before { content: "\e052"; }
.icon-meter-slow:before { content: "\e053"; }
.icon-meter-medium:before { content: "\e054"; }
.icon-meter-fast:before { content: "\e055"; }
.icon-dashboard:before { content: "\e056"; }
.icon-fire:before { content: "\e057"; }
.icon-lab:before { content: "\e058"; }
.icon-remove:before { content: "\e059"; }
.icon-briefcase:before { content: "\e05a"; }
.icon-briefcase-2:before { content: "\e05b"; }
.icon-cars:before { content: "\e05c"; }
.icon-bus:before { content: "\e05d"; }
.icon-cube:before { content: "\e05e"; }
.icon-cube-2:before { content: "\e05f"; }
.icon-puzzle:before { content: "\e060"; }
.icon-glasses:before { content: "\e061"; }
.icon-glasses-2:before { content: "\e062"; }
.icon-accessibility:before { content: "\e063"; }
.icon-accessibility-2:before { content: "\e064"; }
.icon-target:before { content: "\e065"; }
.icon-target-2:before { content: "\e066"; }
.icon-lightning:before { content: "\e067"; }
.icon-power:before { content: "\e068"; }
.icon-power-2:before { content: "\e069"; }
.icon-clipboard:before { content: "\e06a"; }
.icon-clipboard-2:before { content: "\e06b"; }
.icon-playlist:before { content: "\e06c"; }
.icon-grid-view:before { content: "\e06d"; }
.icon-tree-view:before { content: "\e06e"; }
.icon-cloud:before { content: "\e06f"; }
.icon-cloud-2:before { content: "\e070"; }
.icon-download-2:before { content: "\e071"; }
.icon-upload-2:before { content: "\e072"; }
.icon-upload-3:before { content: "\e073"; }
.icon-link:before { content: "\e074"; }
.icon-link-2:before { content: "\e075"; }
.icon-flag:before { content: "\e076"; }
.icon-flag-2:before { content: "\e077"; }
.icon-attachment:before { content: "\e078"; }
.icon-eye:before { content: "\e079"; }
.icon-bookmark:before { content: "\e07a"; }
.icon-bookmark-2:before { content: "\e07b"; }
.icon-star:before { content: "\e07c"; }
.icon-star-2:before { content: "\e07d"; }
.icon-star-3:before { content: "\e07e"; }
.icon-heart:before { content: "\e07f"; }
.icon-heart-2:before { content: "\e080"; }
.icon-thumbs-up:before { content: "\e081"; }
.icon-thumbs-down:before { content: "\e082"; }
.icon-plus:before { content: "\e083"; }
.icon-minus:before { content: "\e084"; }
.icon-help:before { content: "\e085"; }
.icon-help-2:before { content: "\e086"; }
.icon-blocked:before { content: "\e087"; }
.icon-cancel:before { content: "\e088"; }
.icon-cancel-2:before { content: "\e089"; }
.icon-checkmark:before { content: "\e08a"; }
.icon-minus-2:before { content: "\e08b"; }
.icon-plus-2:before { content: "\e08c"; }
.icon-enter:before { content: "\e08d"; }
.icon-exit:before { content: "\e08e"; }
.icon-loop:before { content: "\e08f"; }
.icon-arrow-up-left:before { content: "\e090"; }
.icon-arrow-up:before { content: "\e091"; }
.icon-arrow-up-right:before { content: "\e092"; }
.icon-arrow-right:before { content: "\e093"; }
.icon-arrow-down-right:before { content: "\e094"; }
.icon-arrow-down:before { content: "\e095"; }
.icon-arrow-down-left:before { content: "\e096"; }
.icon-arrow-left:before { content: "\e097"; }
.icon-arrow-up-2:before { content: "\e098"; }
.icon-arrow-right-2:before { content: "\e099"; }
.icon-arrow-down-2:before { content: "\e09a"; }
.icon-arrow-left-2:before { content: "\e09b"; }
.icon-arrow-up-3:before { content: "\e09c"; }
.icon-arrow-right-3:before { content: "\e09d"; }
.icon-arrow-down-3:before { content: "\e09e"; }
.icon-arrow-left-3:before { content: "\e09f"; }
.icon-menu:before { content: "\e0a0"; }
.icon-enter-2:before { content: "\e0a1"; }
.icon-backspace:before { content: "\e0a2"; }
.icon-backspace-2:before { content: "\e0a3"; }
.icon-tab:before { content: "\e0a4"; }
.icon-tab-2:before { content: "\e0a5"; }
.icon-checkbox:before { content: "\e0a6"; }
.icon-checkbox-unchecked:before { content: "\e0a7"; }
.icon-checkbox-partial:before { content: "\e0a8"; }
.icon-radio-checked:before { content: "\e0a9"; }
.icon-radio-unchecked:before { content: "\e0aa"; }
.icon-font:before { content: "\e0ab"; }
.icon-paragraph-left:before { content: "\e0ac"; }
.icon-paragraph-center:before { content: "\e0ad"; }
.icon-paragraph-right:before { content: "\e0ae"; }
.icon-paragraph-justify:before { content: "\e0af"; }
.icon-left-to-right:before { content: "\e0b0"; }
.icon-right-to-left:before { content: "\e0b1"; }
.icon-share:before { content: "\e0b2"; }
.icon-new-tab:before { content: "\e0b3"; }
.icon-new-tab-2:before { content: "\e0b4"; }
.icon-embed:before { content: "\e0b5"; }
.icon-code:before { content: "\e0b6"; }
.icon-bluetooth:before { content: "\e0b7"; }
.icon-share-2:before { content: "\e0b8"; }
.icon-share-3:before { content: "\e0b9"; }
.icon-mail-2:before { content: "\e0ba"; }
.icon-google:before { content: "\e0bb"; }
.icon-google-plus:before { content: "\e0bc"; }
.icon-google-drive:before { content: "\e0bd"; }
.icon-facebook:before { content: "\e0be"; }
.icon-instagram:before { content: "\e0bf"; }
.icon-twitter:before { content: "\e0c0"; }
.icon-feed:before { content: "\e0c1"; }
.icon-youtube:before { content: "\e0c2"; }
.icon-vimeo:before { content: "\e0c3"; }
.icon-flickr:before { content: "\e0c4"; }
.icon-picassa:before { content: "\e0c5"; }
.icon-dribbble:before { content: "\e0c6"; }
.icon-deviantart:before { content: "\e0c7"; }
.icon-github:before { content: "\e0c8"; }
.icon-github-2:before { content: "\e0c9"; }
.icon-github-3:before { content: "\e0ca"; }
.icon-github-4:before { content: "\e0cb"; }
.icon-github-5:before { content: "\e0cc"; }
.icon-git:before { content: "\e0cd"; }
.icon-github-6:before { content: "\e0ce"; }
.icon-wordpress:before { content: "\e0cf"; }
.icon-joomla:before { content: "\e0d0"; }
.icon-blogger:before { content: "\e0d1"; }
.icon-tumblr:before { content: "\e0d2"; }
.icon-yahoo:before { content: "\e0d3"; }
.icon-amazon:before { content: "\e0d4"; }
.icon-tux:before { content: "\e0d5"; }
.icon-apple:before { content: "\e0d6"; }
.icon-finder:before { content: "\e0d7"; }
.icon-android:before { content: "\e0d8"; }
.icon-windows:before { content: "\e0d9"; }
.icon-soundcloud:before { content: "\e0da"; }
.icon-skype:before { content: "\e0db"; }
.icon-reddit:before { content: "\e0dc"; }
.icon-linkedin:before { content: "\e0dd"; }
.icon-lastfm:before { content: "\e0de"; }
.icon-delicious:before { content: "\e0df"; }
.icon-stumbleupon:before { content: "\e0e0"; }
.icon-pinterest:before { content: "\e0e1"; }
.icon-xing:before { content: "\e0e2"; }
.icon-flattr:before { content: "\e0e3"; }
.icon-foursquare:before { content: "\e0e4"; }
.icon-paypal:before { content: "\e0e5"; }
.icon-yelp:before { content: "\e0e6"; }
.icon-libreoffice:before { content: "\e0e7"; }
.icon-file-pdf:before { content: "\e0e8"; }
.icon-file-openoffice:before { content: "\e0e9"; }
.icon-file-word:before { content: "\e0ea"; }
.icon-file-excel:before { content: "\e0eb"; }
.icon-file-powerpoint:before { content: "\e0ec"; }
.icon-file-zip:before { content: "\e0ed"; }
.icon-file-xml:before { content: "\e0ee"; }
.icon-file-css:before { content: "\e0ef"; }
.icon-html5:before { content: "\e0f0"; }
.icon-html5-2:before { content: "\e0f1"; }
.icon-css3:before { content: "\e0f2"; }
.icon-chrome:before { content: "\e0f3"; }
.icon-firefox:before { content: "\e0f4"; }
.icon-IE:before { content: "\e0f5"; }
.icon-opera:before { content: "\e0f6"; }
.icon-safari:before { content: "\e0f7"; }
.icon-IcoMoon:before { content: "\e0f8"; }
.icon-sunrise:before { content: "\e0f9"; }
.icon-sun:before { content: "\e0fa"; }
.icon-moon:before { content: "\e0fb"; }
.icon-sun-2:before { content: "\e0fc"; }
.icon-windy:before { content: "\e0fd"; }
.icon-wind:before { content: "\e0fe"; }
.icon-snowflake:before { content: "\e0ff"; }
.icon-cloudy:before { content: "\e100"; }
.icon-cloud-3:before { content: "\e101"; }
.icon-weather:before { content: "\e102"; }
.icon-weather-2:before { content: "\e103"; }
.icon-weather-3:before { content: "\e104"; }
.icon-lines:before { content: "\e105"; }
.icon-cloud-4:before { content: "\e106"; }
.icon-lightning-2:before { content: "\e107"; }
.icon-lightning-3:before { content: "\e108"; }
.icon-rainy:before { content: "\e109"; }
.icon-rainy-2:before { content: "\e10a"; }
.icon-windy-2:before { content: "\e10b"; }
.icon-windy-3:before { content: "\e10c"; }
.icon-snowy:before { content: "\e10d"; }
.icon-snowy-2:before { content: "\e10e"; }
.icon-snowy-3:before { content: "\e10f"; }
.icon-weather-4:before { content: "\e110"; }
.icon-cloudy-2:before { content: "\e111"; }
.icon-cloud-5:before { content: "\e112"; }
.icon-lightning-4:before { content: "\e113"; }
.icon-sun-3:before { content: "\e114"; }
.icon-moon-2:before { content: "\e115"; }
.icon-cloudy-3:before { content: "\e116"; }
.icon-cloud-6:before { content: "\e117"; }
.icon-cloud-7:before { content: "\e118"; }
.icon-lightning-5:before { content: "\e119"; }
.icon-rainy-3:before { content: "\e11a"; }
.icon-rainy-4:before { content: "\e11b"; }
.icon-windy-4:before { content: "\e11c"; }
.icon-windy-5:before { content: "\e11d"; }
.icon-snowy-4:before { content: "\e11e"; }
.icon-snowy-5:before { content: "\e11f"; }
.icon-weather-5:before { content: "\e120"; }
.icon-cloudy-4:before { content: "\e121"; }
.icon-lightning-6:before { content: "\e122"; }
.icon-thermometer:before { content: "\e123"; }
.icon-compass-2:before { content: "\e124"; }
.icon-none:before { content: "\e125"; }
.icon-Celsius:before { content: "\e126"; }
.icon-Fahrenheit:before { content: "\e127"; }
.icon-forrst:before { content: "\e128"; }
.icon-headphones:before { content: "\e129"; }
.icon-bug:before { content: "\e12a"; }
.icon-cart-2:before { content: "\e12b"; }
.icon-earth:before { content: "\e12c"; }
.icon-battery:before { content: "\e12d"; }
.icon-list:before { content: "\e12e"; }
.icon-grid:before { content: "\e12f"; }
.icon-alarm:before { content: "\e130"; }
.icon-location-2:before { content: "\e131"; }
.icon-pointer:before { content: "\e132"; }
.icon-diary:before { content: "\e133"; }
.icon-eye-2:before { content: "\e134"; }
.icon-console:before { content: "\e135"; }
.icon-location-3:before { content: "\e136"; }
.icon-move:before { content: "\e137"; }
.icon-gift-2:before { content: "\e138"; }
.icon-monitor:before { content: "\e139"; }
.icon-mobile-2:before { content: "\e13a"; }
.icon-switch:before { content: "\e13b"; }
.icon-star-4:before { content: "\e13c"; }
.icon-address-book:before { content: "\e13d"; }
.icon-shit:before { content: "\e13e"; }
.icon-cone:before { content: "\e13f"; }
.icon-credit-card:before { content: "\e140"; }
.icon-type:before { content: "\e141"; }
.icon-volume:before { content: "\e142"; }
.icon-volume-2:before { content: "\e143"; }
.icon-locked-2:before { content: "\e144"; }
.icon-warning:before { content: "\e145"; }
.icon-info:before { content: "\e146"; }
.icon-filter:before { content: "\e147"; }
.icon-bookmark-3:before { content: "\e148"; }
.icon-bookmark-4:before { content: "\e149"; }
.icon-stats:before { content: "\e14a"; }
.icon-compass-3:before { content: "\e14b"; }
.icon-keyboard:before { content: "\e14c"; }
.icon-award-fill:before { content: "\e14d"; }
.icon-award-stroke:before { content: "\e14e"; }
.icon-beaker-alt:before { content: "\e14f"; }
.icon-beaker:before { content: "\e150"; }
.icon-move-vertical:before { content: "\e151"; }
.icon-move-horizontal:before { content: "\e152"; }
.icon-steering-wheel:before { content: "\e153"; }
.icon-volume-3:before { content: "\e154"; }
.icon-volume-mute:before { content: "\e155"; }
.icon-play:before { content: "\e156"; }
.icon-pause:before { content: "\e157"; }
.icon-stop:before { content: "\e158"; }
.icon-eject:before { content: "\e159"; }
.icon-first:before { content: "\e15a"; }
.icon-last:before { content: "\e15b"; }
.icon-play-alt:before { content: "\e15c"; }
.icon-battery-charging:before { content: "\e160"; }
.icon-left-quote:before { content: "\e161"; }
.icon-right-quote:before { content: "\e162"; }
.icon-left-quote-alt:before { content: "\e163"; }
.icon-right-quote-alt:before { content: "\e164"; }
.icon-smiley:before { content: "\e165"; }
.icon-umbrella:before { content: "\e166"; }
.icon-info-2:before { content: "\e167"; }
.icon-chart-alt:before { content: "\e168"; }
.icon-at:before { content: "\e169"; }
.icon-hash:before { content: "\e16a"; }
.icon-pilcrow:before { content: "\e16b"; }
.icon-fullscreen-alt:before { content: "\e16c"; }
.icon-fullscreen-exit-alt:before { content: "\e16d"; }
.icon-layers-alt:before { content: "\e16e"; }
.icon-layers:before { content: "\e16f"; }
.icon-floppy:before { content: "\e170"; }
.icon-rainbow:before { content: "\e000"; }
.icon-air:before { content: "\e171"; }
.icon-home:before { content: "\e172"; }
.icon-spin:before { content: "\e173"; }
.icon-auction:before { content: "\e174"; }
.icon-dollar:before { content: "\e175"; }
.icon-dollar-2:before { content: "\e176"; }
.icon-coins:before { content: "\e177"; }
.icon-file-2:before { content: "\e186"; }
.icon-file-3:before { content: "\e187"; }
.icon-file-4:before { content: "\e188"; }
.icon-files:before { content: "\e189"; }
.icon-phone-2:before { content: "\e18a"; }
.icon-tablet:before { content: "\e18b"; }
.icon-monitor-2:before { content: "\e18c"; }
.icon-window:before { content: "\e18d"; }
.icon-tv:before { content: "\e18e"; }
.icon-camera-3:before { content: "\e18f"; }
.icon-image:before { content: "\e190"; }
.icon-open:before { content: "\e191"; }
.icon-sale:before { content: "\e192"; }
.icon-direction:before { content: "\e193"; }
.icon-medal:before { content: "\e194"; }
.icon-medal-2:before { content: "\e195"; }
.icon-satellite:before { content: "\e196"; }
.icon-discout:before { content: "\e197"; }
.icon-barcode:before { content: "\e198"; }
.icon-ticket:before { content: "\e199"; }
.icon-shipping:before { content: "\e19a"; }
.icon-globe:before { content: "\e19b"; }
.icon-anchor:before { content: "\e19c"; }
.icon-pop-out:before { content: "\e19d"; }
.icon-pop-in:before { content: "\e19e"; }
.icon-resize:before { content: "\e178"; }
.icon-battery-2:before { content: "\e179"; }
.icon-battery-3:before { content: "\e17a"; }
.icon-battery-4:before { content: "\e17b"; }
.icon-battery-5:before { content: "\e17c"; }
.icon-tools:before { content: "\e17d"; }
.icon-alarm-2:before { content: "\e17e"; }
.icon-alarm-cancel:before { content: "\e17f"; }
.icon-alarm-clock:before { content: "\e180"; }
.icon-chronometer:before { content: "\e181"; }
.icon-ruler:before { content: "\e182"; }
.icon-lamp:before { content: "\e183"; }
.icon-lamp-2:before { content: "\e184"; }
.icon-scissors:before { content: "\e185"; }
.icon-volume-4:before { content: "\e19f"; }
.icon-volume-5:before { content: "\e1a0"; }
.icon-volume-6:before { content: "\e1a1"; }
.icon-battery-full:before { content: "\e15f"; }
.icon-battery-empty:before { content: "\e15d"; }
.icon-battery-half:before { content: "\e15e"; }
.icon-zip:before { content: "\e1a2"; }
.icon-zip-2:before { content: "\e1a3"; }
.icon-play-2:before { content: "\e1a4"; }
.icon-pause-2:before { content: "\e1a5"; }
.icon-record:before { content: "\e1a6"; }
.icon-stop-2:before { content: "\e1a7"; }
.icon-next:before { content: "\e1a8"; }
.icon-previous:before { content: "\e1a9"; }
.icon-first-2:before { content: "\e1aa"; }
.icon-last-2:before { content: "\e1ab"; }
.icon-arrow-left-4:before { content: "\e1ac"; }
.icon-arrow-down-4:before { content: "\e1ad"; }
.icon-arrow-up-4:before { content: "\e1ae"; }
.icon-arrow-right-4:before { content: "\e1af"; }
.icon-arrow-left-5:before { content: "\e1b0"; }
.icon-arrow-down-5:before { content: "\e1b1"; }
.icon-arrow-up-5:before { content: "\e1b2"; }
.icon-arrow-right-5:before { content: "\e1b3"; }
.icon-cc:before { content: "\e1b4"; }
.icon-cc-by:before { content: "\e1b5"; }
.icon-cc-nc:before { content: "\e1b6"; }
.icon-cc-nc-eu:before { content: "\e1b7"; }
.icon-cc-nc-jp:before { content: "\e1b8"; }
.icon-cc-sa:before { content: "\e1b9"; }
.icon-cc-nd:before { content: "\e1ba"; }
.icon-cc-pd:before { content: "\e1bb"; }
.icon-cc-zero:before { content: "\e1bc"; }
.icon-cc-share:before { content: "\e1bd"; }
.icon-cc-share-2:before { content: "\e1be"; }
.icon-cycle:before { content: "\e1bf"; }
.icon-stop-3:before { content: "\e1c0"; }
.icon-stats-2:before { content: "\e1c1"; }
.icon-stats-3:before { content: "\e1c2"; }

/*PATTERNS*/
.patternLayout { height: 100%; background-repeat: no-repeat; background-size: cover; }
.patternIcon { float: left; margin: 0px 5px 5px 0px; width: 85px; height: 70px; cursor: pointer; }

.pattern1 { background-image: url('/Images/Patterns/1.jpg'); }
.pattern2 { background-image: url('/Images/Patterns/2.jpg'); }
.pattern3 { background-image: url('/Images/Patterns/3.jpg'); }
.pattern4 { background-image: url('/Images/Patterns/4.jpg'); }
.pattern5 { background-image: url('/Images/Patterns/5.jpg'); }
.pattern6 { background-image: url('/Images/Patterns/6.jpg'); }
.pattern7 { background-image: url('/Images/Patterns/7.jpg'); }
.pattern8 { background-image: url('/Images/Patterns/8.jpg'); }
.pattern9 { background-image: url('/Images/Patterns/9.jpg'); }
.pattern10 { background-image: url('/Images/Patterns/10.jpg'); }
.pattern11 { background-image: url('/Images/Patterns/11.jpg'); }
.pattern12 { background-image: url('/Images/Patterns/12.jpg'); }
.pattern13 { background-image: url('/Images/Patterns/13.jpg'); }
.pattern14 { background-image: url('/Images/Patterns/14.jpg'); }
.pattern15 { background-image: url('/Images/Patterns/15.jpg'); }
.pattern16 { background-image: url('/Images/Patterns/16.jpg'); }
.pattern17 { background-image: url('/Images/Patterns/17.jpg'); }
.pattern18 { background-image: url('/Images/Patterns/18.jpg'); }
.pattern19 { background-image: url('/Images/Patterns/19.jpg'); }
.pattern20 { background-image: url('/Images/Patterns/20.jpg'); }
.pattern21 { background-image: url('/Images/Patterns/21.jpg'); }
.pattern22 { background-image: url('/Images/Patterns/22.jpg'); }
.pattern23 { background-image: url('/Images/Patterns/23.jpg'); }
.pattern24 { background-image: url('/Images/Patterns/24.jpg'); }
.pattern25 { background-image: url('/Images/Patterns/25.jpg'); }
.pattern26 { background-image: url('/Images/Patterns/26.jpg'); }
.pattern27 { background-image: url('/Images/Patterns/27.jpg'); }
.pattern28 { background-image: url('/Images/Patterns/28.jpg'); }
.pattern29 { background-image: url('/Images/Patterns/29.jpg'); }
.pattern30 { background-image: url('/Images/Patterns/30.jpg'); }
.pattern31 { background-image: url('/Images/Patterns/31.jpg'); }
.pattern32 { background-image: url('/Images/Patterns/32.jpg'); }
.pattern33 { background-image: url('/Images/Patterns/33.jpg'); }
.pattern34 { background-image: url('/Images/Patterns/34.jpg'); }

.pattern1Icon { background-image: url('/Images/Patterns/patternIcons/1.jpg'); }
.pattern2Icon { background-image: url('/Images/Patterns/patternIcons/2.jpg'); }
.pattern3Icon { background-image: url('/Images/Patterns/patternIcons/3.jpg'); }
.pattern4Icon { background-image: url('/Images/Patterns/patternIcons/4.jpg'); }
.pattern5Icon { background-image: url('/Images/Patterns/patternIcons/5.jpg'); }
.pattern6Icon { background-image: url('/Images/Patterns/patternIcons/6.jpg'); }
.pattern7Icon { background-image: url('/Images/Patterns/patternIcons/7.jpg'); }
.pattern8Icon { background-image: url('/Images/Patterns/patternIcons/8.jpg'); }
.pattern9Icon { background-image: url('/Images/Patterns/patternIcons/9.jpg'); }
.pattern10Icon { background-image: url('/Images/Patterns/patternIcons/10.jpg'); }
.pattern11Icon { background-image: url('/Images/Patterns/patternIcons/11.jpg'); }
.pattern12Icon { background-image: url('/Images/Patterns/patternIcons/12.jpg'); }
.pattern13Icon { background-image: url('/Images/Patterns/patternIcons/13.jpg'); }
.pattern14Icon { background-image: url('/Images/Patterns/patternIcons/14.jpg'); }
.pattern15Icon { background-image: url('/Images/Patterns/patternIcons/15.jpg'); }
.pattern16Icon { background-image: url('/Images/Patterns/patternIcons/16.jpg'); }
.pattern17Icon { background-image: url('/Images/Patterns/patternIcons/17.jpg'); }
.pattern18Icon { background-image: url('/Images/Patterns/patternIcons/18.jpg'); }
.pattern19Icon { background-image: url('/Images/Patterns/patternIcons/19.jpg'); }
.pattern20Icon { background-image: url('/Images/Patterns/patternIcons/20.jpg'); }
.pattern21Icon { background-image: url('/Images/Patterns/patternIcons/21.jpg'); }
.pattern22Icon { background-image: url('/Images/Patterns/patternIcons/22.jpg'); }
.pattern23Icon { background-image: url('/Images/Patterns/patternIcons/23.jpg'); }
.pattern24Icon { background-image: url('/Images/Patterns/patternIcons/24.jpg'); }
.pattern25Icon { background-image: url('/Images/Patterns/patternIcons/25.jpg'); }
.pattern26Icon { background-image: url('/Images/Patterns/patternIcons/26.jpg'); }
.pattern27Icon { background-image: url('/Images/Patterns/patternIcons/27.jpg'); }
.pattern28Icon { background-image: url('/Images/Patterns/patternIcons/28.jpg'); }
.pattern29Icon { background-image: url('/Images/Patterns/patternIcons/29.jpg'); }
.pattern30Icon { background-image: url('/Images/Patterns/patternIcons/30.jpg'); }
.pattern31Icon { background-image: url('/Images/Patterns/patternIcons/31.jpg'); }
.pattern32Icon { background-image: url('/Images/Patterns/patternIcons/32.jpg'); }
.pattern33Icon { background-image: url('/Images/Patterns/patternIcons/33.jpg'); }
.pattern34Icon { background-image: url('/Images/Patterns/patternIcons/34.jpg'); }

.video1Icon { background-image: url('/Images/Patterns/videoIcons/HTB60.jpg'); }
.video2Icon { background-image: url('/Images/Patterns/videoIcons/HTB55.jpg'); }
.video3Icon { background-image: url('/Images/Patterns/videoIcons/HTB8.jpg'); }
.video4Icon { background-image: url('/Images/Patterns/videoIcons/HTB9.jpg'); }
.video5Icon { background-image: url('/Images/Patterns/videoIcons/HTB25.jpg'); }
.video6Icon { background-image: url('/Images/Patterns/videoIcons/HTB4.jpg'); }







/*EXTENSION*/
.topWrapper { border-bottom: 1px solid #eee; margin: 0 auto; }
.topWrapper, .rightBottomWrapper /*.toolTipInnerName, .accordion-toggle p*/ { background-color: #f7f7f7; padding: 5px; }
.treeWrapper { padding: 0px; margin: 0 auto; margin-top: -4px; position: relative; top: 0px; bottom: 0; right: 0; }
.infoWrapper { position: absolute; top: 50px; bottom: 0; right: 0; background-color: #fff; border-left: 1px solid #eee; }
.infoInner { overflow-y: scroll; position: absolute; top: 0; bottom: 45px; padding-bottom: 20px; padding-right: 15px; }
.infoWrapper h3 { margin-top: 0; }
.aboutWrapper { position: absolute; bottom: 0px; left: 0; right: 0; margin: 0; padding: 5px 0; border-top: 1px dashed #3B3B43; background-color: #32323A; }
/*.panel-body { padding: 5px; }*/

p { margin: 0 0 10px; }

/*.btn { height: 34px; }*/
/*input[type="radio"] { display: none; }*/
.toolTipWrapper { position: absolute; left: 0; bottom: 0; width: 350px; /*border: 3px solid #ddd; border-bottom: none; border-top-right-radius: 3px; border-left: none; font-size: 10px; background-color: #fff;*/ }
/*.toolTipWrapper:hover { border-color: #d4d4d4; }*/

/*.toolTipInnerName { margin: 0; padding: 5px 10px; border-bottom: 1px solid #eee; border-top-right-radius: 5px; }
    .toolTipInnerName .iconWrapper { margin-right: -5px; border: 1px solid #e4e4e4; }
        .toolTipInnerName .iconWrapper:hover { border: 1px solid #ccc; }*/

.toolTipInner { /*font-size: 12px; background-color: #fff; padding: 10px;*/ display: none; }

/*CAROUSEL*/
.carousel img { height: 120px; }
.carousel-caption { position: absolute; left: 0; right: 0; top: 0px; z-index: 10; padding-top: 0; padding-bottom: 0; color: #777; text-align: left; text-shadow: none; }
    .carousel-caption b { font-size: 12px; }
.carousel-control.right, .carousel-control.left { background-image: none; text-shadow: none; color: #1FB5AD; font-size: 10px; top: auto; z-index: 11; opacity: 1; padding-top: 10px; }
    .carousel-control.right:hover, .carousel-control.left:hover { text-decoration: underline; }
        .carousel-control.right:hover:after { content: "\e1b3"; font-family: iconFont; position: absolute; right: -7px; bottom: -1px; }
        .carousel-control.left:hover:before { content: "\e1b0"; font-family: iconFont; position: absolute; left: -7px; bottom: -1px; }


.rightBottomWrapper { position: absolute; right: 0; bottom: 0; border-right: none; background-color: #FFF; border-top-left-radius: 3px; }
.rightBottomWrapper, .toolTipWrapper { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); }
    .rightBottomWrapper td { text-align: center; vertical-align: middle; color: #AAA; font-size: 21px; width: 21px; height: 21px; line-height: 1.1; }
.iconWrapper:hover { color: #FFF; background-color: #4BC3BC; cursor: pointer; }


.context-menu-item { padding: 7px; padding-left: 24px; background-color: #f7f7f7; }
    .context-menu-item:hover { color: #ffffff; background-color: #1FB5AD; }


svg { width: 100%; padding: 0; margin: 0; overflow: hidden; }
.link { fill: none; stroke: #ddd; stroke-width: 1px; }
    .link.suspended { stroke: #EEDAC4; }
    .link.active, .link.suspended.active { stroke-width: 2px; }
    .link.active{ stroke: #007fff; }
    /*.link.suspended.active { stroke: #EBD3BA; }*/
.node text { fill: #222222; padding: 10px; font-size: 12px; }
.overlay { background-color: #F1F2F7; }

.node.active text { font-weight: normal; }
.node:hover text { fill: #222222; text-decoration: underline; }
.node:hover circle { stroke: #498AE6; stroke-width: 2.5px; }

.link.active { stroke: #5391e7; }
.node.active circle { stroke: #C34C5B; stroke-width: 2px; }
.node.collapsed circle { stroke: #4D8CBF; stroke-width: 4px; fill: #F5F8FB; }

.node.suspended circle { stroke: #CD9151; stroke-width:2px }
.node.suspended:hover circle { stroke-width:3px }
.node.suspended.collapsed circle { stroke-width: 4px; fill: #F5F8FB; }

.node.selected circle, .node.selected:hover circle { /*stroke: #448BFC;*/ stroke: #222; stroke-width: 3px; fill: #fff; }
.node.selected text { /*stroke: #448BFC;*/ font-weight: bold; text-decoration: underline; }


.navbar { margin-bottom: 0; }
    .navbar .navbar-right { padding-right: 0; }
    .navbar .refreshIcon span, .navbar .refreshIcon span:before { border: none; }
.navbar-form1 { border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; padding: 7px 15px; border-top: 1px solid transparent; }
.navbar-default .navbar-brand { font-size: 25px; line-height: 18px; color: #1FB5AD; }
.navbar-nav > li > a { padding: 16px 16px; }
.navbar-default .navbar-nav > li > a:hover { background-color: #FAECEB; color: #1FB5AD; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #1FB5AD; }
    .navbar-default .navbar-nav > .active > a:before { content: "\e08a"; font-family: iconFont; color: #fff; margin-right: 5px; }
.navbar-default .navbar-nav > .active:before { content: ""; position: absolute; bottom: -5px; width: 100%; height: 5px; background-color: #df502b; }

.navbar-default .navbar-nav > .activeRefresh > a, .navbar-default .navbar-nav > .activeRefresh > a:hover { color: #1FB5AD; }
.navbar-nav .refreshIcon { padding: 11px; }

.text-purple { color: #9F7CCA; }

.icon-orange, .icon-purple { width: 13px; line-height: 2; color: #fff; padding: 5px; border-radius: 50%; }
.icon-orange { background-color: #dd674a; }
.icon-purple { background-color: #9F7CCA; }



/*new css*/

/*@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic";
@import "http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic";
@import "bucket-ico-fonts.css";*/
html { text-rendering: optimizelegibility !important; }
body { background: none repeat scroll 0 0 #F1F2F7; color: #767676; /*font-family: 'Open Sans',sans-serif;*/ font-size: 13px; margin: 0 !important; padding: 0 !important; text-rendering: optimizelegibility; }
ul li { list-style: none outside none; }
a, a:hover, a:focus { outline: medium none; text-decoration: none; }
*::-moz-selection { background: none repeat scroll 0 0 #1FB5AD; color: #FFFFFF; }
#container { height: 100%; transition: all 0.3s ease-in-out 0s; width: 100%; }
.login-body { background: none repeat scroll 0 0 / cover #32323A; height: 100%; width: 100%; }
.form-signin { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; margin: 100px auto; max-width: 330px; }
    .form-signin h2.form-signin-heading { background: none repeat scroll 0 0 #AEC785; border-bottom: 10px solid #A0B87E; border-radius: 5px 5px 0 0; color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: 300; margin: 0; padding: 35px 15px; text-align: center; text-transform: uppercase; }
    .form-signin .checkbox { margin-bottom: 14px; }
    .form-signin .checkbox { color: #B6B6B6; font-family: 'Open Sans',sans-serif; font-weight: 300; }
    .form-signin .form-control { -moz-box-sizing: border-box; font-size: 16px; height: auto; padding: 10px; position: relative; }
        .form-signin .form-control:focus { z-index: 2; }
    .form-signin input[type="text"], .form-signin input[type="password"] { border: 1px solid #EAEAEA; border-radius: 5px; box-shadow: none; font-size: 12px; margin-bottom: 15px; }
    .form-signin .btn-login { background: none repeat scroll 0 0 #1FB5AC; color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-weight: 300; margin: 20px 0 5px; text-transform: uppercase; }
    .form-signin p { color: #B6B6B6; font-size: 16px; font-weight: 300; text-align: left; }
    .form-signin a, .form-signin a:hover { color: #1FB5AC; }
        .form-signin a:hover { text-decoration: underline; }
.login-wrap { padding: 20px; position: relative; }
.user-login-info { background: none repeat scroll 0 0 #EAEAEC; margin: -20px -20px 20px; padding: 20px; }
    .user-login-info .form-control:last-child { margin-bottom: 0 !important; }
.registration { bottom: -35px; color: #B8BAB9; position: absolute; right: 0; }
#sidebar { background: none repeat scroll 0 0 #32323A; height: 100%; position: fixed; transition: all 0.3s ease-in-out 0s; width: 165px; }
    #sidebar ul li { position: relative; }
.leftside-navigation, .right-stat-bar { height: 100%; }
.right-side-accordion .dcjq-icon { background: url("../images/acc-expand.png") no-repeat scroll center top rgba(0, 0, 0, 0); border-radius: 3px; display: inline-block; height: 17px; position: absolute; right: 10px; width: 17px; }
.right-side-accordion .active .dcjq-icon { background: url("../images/acc-expand.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); border-radius: 3px; }
.right-side-accordion li:nth-child(2) ul li .prog-row { border: medium none; }
.nav-collapse.collapse { display: inline; }
ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; }
ul.sidebar-menu { padding-top: 80px; }
#sidebar > ul > li > ul.sub { display: none; }
#sidebar .sub-menu > .sub li a { padding-left: 46px; }
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { display: block; }
ul.sidebar-menu li ul.sub li { background: none repeat scroll 0 0 #28282E; margin-bottom: 0; margin-left: 0; margin-right: 0; }
    ul.sidebar-menu li ul.sub li a { color: #AEB2B7; font-size: 12px; padding-bottom: 13px; padding-top: 13px; transition: all 0.3s ease 0s; }
        ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { background: none repeat scroll 0 0 #202025; color: #1FB5AD; display: block; transition: all 0.3s ease 0s; }
ul.sidebar-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
    ul.sidebar-menu li.sub-menu { line-height: 15px; }
ul.sidebar-menu ul.sub li { border-bottom: medium none; }
ul.sidebar-menu li a span { display: inline-block; }
ul.sidebar-menu li a { color: #AEB2B7; display: block; font-size: 12px; outline: medium none; padding: 18px 0 18px 25px; text-decoration: none; transition: all 0.3s ease 0s; }
    ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: none repeat scroll 0 0 #28282E; color: #1FB5AD; display: block; transition: all 0.3s ease 0s; }
    ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; }
    ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #1FB5AD; }
    ul.sidebar-menu li a.active i { color: #1FB5AD; }
.mail-info, .mail-info:hover { font-size: 11px; margin: -3px 6px 0 0; }
#main-content { margin-left: 165px; transition: all 0.3s ease-in-out 0s; }
.footer { min-height: 60px; padding: 0 15px; }
.header { background: none repeat scroll 0 0 #FFFFFF; left: 0; right: 0; transition: all 0.3s ease-in-out 0s; z-index: 1002; }
.merge-header { margin-right: 165px; }
.fixed-top { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.15); position: fixed; }
.wrapper { display: inline-block; margin-top: 80px; padding: 15px; width: 100%; }
.brand { background: none repeat scroll 0 0 #1FB5AD; float: left; height: 80px; position: relative; width: 165px; }
a.logo { color: #FFFFFF; float: left; font-size: 22px; margin: 23px 0 0 15px; }
    a.logo:hover, a.logo:focus { outline: medium none; text-decoration: none; }
    a.logo span { color: #FF6C60; }
#top_menu .nav > li, ul.top-menu > li { float: left; }
.notify-row { float: left; margin-left: 25px; margin-top: 23px; }
ul.top-menu { margin-right: 15px; margin-top: 0; }
    ul.top-menu > li > a { background: none repeat scroll 0 0 #F9F9F9; border-radius: 50%; color: #666666; font-size: 16px; margin-right: 15px; height: 32px; width: 32px; padding: 8px; }
        ul.top-menu > li > a img { padding-bottom: 9px; width: 16px; }
        ul.top-menu > li > a:hover, ul.top-menu > li > a:focus { background: none repeat scroll 0 0 #F1F2F7; color: rgba(0, 0, 0, 0.3) !important; text-decoration: none; cursor: default; }
.notify-row .badge { position: absolute; right: -10px; top: -10px; z-index: 100; }
.dropdown-menu.extended { background: none repeat scroll 0 0 #FFFFFF; border: medium none; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important; left: -10px; max-width: 320px !important; min-width: 160px !important; padding: 0 10px; top: 42px; width: 300px !important; }
.notify-row .notification span.label { display: inline-block; font-size: 12px; height: 21px; margin-right: 10px; padding: 5px; width: 22px; }
.dropdown-menu.extended .alert-icon, .noti-info { float: left; }
.noti-info { color: #414147; padding-left: 10px; padding-top: 6px; }
.dropdown-menu.extended .alert { margin-bottom: 10px; }
.dropdown-menu.extended .alert-icon { border-radius: 100%; display: inline-block; height: 35px; width: 35px; }
    .dropdown-menu.extended .alert-icon i { font-size: 16px; height: 35px; line-height: 35px; width: 35px; }
.dropdown-menu.extended.inbox li a, .dropdown-menu.extended.tasks-bar li a { background: none repeat scroll 0 0 #F1F2F7; border-radius: 5px; float: left; margin-bottom: 10px; padding: 10px; width: 100%; }
.dropdown-menu.extended li p { border-radius: 0; margin: 0; padding: 10px 0; }
.dropdown-menu.extended li a { font-size: 12px; list-style: none outside none; }
.dropdown-menu.extended.logout { padding: 10px; }
    .dropdown-menu.extended.logout li a { padding: 10px; }
.dropdown-menu.extended li a:hover { color: #32323A; }
.dropdown-menu.tasks-bar .task-info .desc { float: left; font-size: 13px; font-weight: normal; width: 80%; }
    .dropdown-menu.tasks-bar .task-info .desc h5 { color: #32323A; font-size: 12px; font-weight: 600; margin-bottom: 5px; margin-top: 0; text-transform: uppercase; }
    .dropdown-menu.tasks-bar .task-info .desc p { color: #8F8F9B; font-weight: 300; padding-top: 0; }
.dropdown-menu.tasks-bar .task-info .percent { float: right; font-size: 13px; font-weight: 600; line-height: normal; padding-left: 10px; width: 20%; }
.dropdown-menu.tasks-bar .progress { background: none repeat scroll 0 0 #FFFFFF; }
.dropdown-menu.extended .progress { height: 10px; margin-bottom: 0 !important; }
.dropdown-menu.inbox li a .photo img { border-radius: 2px; float: left; height: 40px; margin-right: 10px; width: 40px; }
.dropdown-menu.inbox li a .subject { display: block; }
    .dropdown-menu.inbox li a .subject .from { font-size: 12px; font-weight: 600; }
    .dropdown-menu.inbox li a .subject .time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; right: 20px; }
.dropdown-menu.inbox li a .message { display: block !important; font-size: 11px; }
.top-nav { margin-top: 20px; }
    .top-nav img { border-radius: 50%; width: 33px; }
    .top-nav ul.top-menu > li .dropdown-menu.logout { width: 170px !important; }
    .top-nav li.dropdown .dropdown-menu { float: right; left: auto; right: 0; }
.dropdown-menu.extended.logout > li { float: left; width: 100%; }
.log-arrow-up { background: url("../images/top-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 10px; margin-right: 15px; margin-top: -20px; width: 18px; }
.dropdown-menu.extended.logout > li > a { border-bottom: medium none !important; }
.full-width .dropdown-menu.extended.logout > li > a:hover { background: none repeat scroll 0 0 #F1F2F7 !important; color: #32323A !important; }
.dropdown-menu.extended.logout > li > a:hover { background: none repeat scroll 0 0 #F1F2F7 !important; border-radius: 5px; }
    .dropdown-menu.extended.logout > li > a:hover i { color: #32D2C9; }
.dropdown-menu.extended.logout > li > a i { font-size: 17px; }
.dropdown-menu.extended.logout > li > a > i { padding-right: 10px; }
.top-nav .username { color: #555555; font-size: 13px; }
.top-nav ul.top-menu > li > a { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #F6F6F6; border-radius: 100px; margin-right: 0; padding: 0; }
.top-nav ul.top-menu > li.language > a { line-height: 20px; margin-top: -2px; padding: 4px 12px; }
    .top-nav ul.top-menu > li.language > a img { border-radius: 0; width: 18px; }
.top-nav ul.top-menu > li.language ul.dropdown-menu li img { border-radius: 0; width: 18px; }
.top-nav ul.top-menu > li { margin-left: 10px; }
    .top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus { background: none repeat scroll 0 0 #F6F6F6 !important; border: 1px solid #F6F6F6; border-radius: 100px; }
.top-nav .dropdown-menu.extended.logout { top: 50px; }
.top-nav .nav .caret { border-bottom-color: #A4AABA; border-top-color: #A4AABA; }
.top-nav ul.top-menu > li > a:hover .caret { border-bottom-color: #000000; border-top-color: #000000; }
.position-center { margin: 0 auto; width: 60%; }
.notify-arrow { background: url("../images/top-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 10px; left: 16px; margin-top: 10px; opacity: 1; position: absolute; top: -20px; transition: all 0.25s ease 0s; width: 18px; z-index: 10; }
.search { background: url("/res/image/icon/search-icon.png") no-repeat scroll 10px 8px #F6F6F6; border: 1px solid #FFFFFF; border-radius: 100px; box-shadow: none; color: #B5B5B5; padding: 0 5px 0 30px; transition: all 0.3s ease 0s; width: 149px; }
    .search:focus { border: 1px solid #F6F6F6; box-shadow: none; color: #999999; font-weight: 300; transition: all 0.3s ease 0s; width: 300px; }
.todo-search:focus { width: 100% !important; }
.sidebar-toggle-box { background: none repeat scroll 0 0 #32D2C9; border-radius: 50%; float: left; height: 32px; margin-left: -15px; margin-top: 23px; position: absolute; right: -15px; width: 32px; }
    .sidebar-toggle-box .fa-bars { color: rgba(0, 0, 0, 0.3); cursor: pointer; display: inline-block; font-size: 15px; padding: 8px 8px 8px 9px; }
    .sidebar-toggle-box:hover { background: none repeat scroll 0 0 #F6F6F6; }
.hide-left-bar { width: 55px !important; transition: all 0.3s ease-in-out 0s; }
    .hide-left-bar ul.sidebar-menu li a span, .hide-left-bar ul.sidebar-menu li a sup, .hide-left-bar .aboutWrapper, .hide-left-bar .logo { display: none; transition: all 0.3s; }
    .hide-left-bar .sidebar-toggle-box { float: none; left: 25px; }
#sidebar .leftside-navigation .sidebar-menu li { transition: ease all 1s; }
.open-right-bar { right: 0 !important; transition: all 0.3s ease-in-out 0s; }
.merge-left { margin-left: 60px !important; }
.hide-right-bar { margin-right: -165px !important; transition: all 0.3s ease-in-out 0s; }
.toggle-right-box { background: none repeat scroll 0 0 #F6F6F6; border-radius: 50%; float: left; height: 35px; width: 35px; }
    .toggle-right-box:hover { background: none repeat scroll 0 0 #32D2C9; }
        .toggle-right-box:hover .fa-bars { color: rgba(0, 0, 0, 0.3); }
    .toggle-right-box .fa-bars { color: #BFBFC1; cursor: pointer; display: inline-block; font-size: 15px; padding: 10px; }
.right-sidebar { background: none repeat scroll 0 0 #32323A; height: 100%; position: fixed; right: -165px; top: 0; transition: all 0.3s ease-in-out 0s; width: 165px; z-index: 1000; }
.open-right-panel { margin-left: -165px !important; }
.right-sidebar .search-row { padding: 20px; }
    .right-sidebar .search-row input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: medium none; color: #707076; font-size: 12px; }
.right-side-accordion { margin-top: 6px; }
    .right-side-accordion .head { display: inline-block; padding: 20px; text-transform: uppercase; width: 100%; }
    .right-side-accordion .red-bg { background: none repeat scroll 0 0 #FA8564; color: #FFFFFF; }
    .right-side-accordion .terques-bg { background: none repeat scroll 0 0 #45C9C4; color: #FFFFFF; }
    .right-side-accordion .purple-bg { background: none repeat scroll 0 0 #A48AD4; color: #FFFFFF; }
    .right-side-accordion .yellow-bg { background: none repeat scroll 0 0 #F3C022; color: #FFFFFF; }
.prog-row { border-bottom: 1px solid #3C3C44; display: inline-block; padding: 20px 0; width: 100%; }
    .prog-row .progress { margin-bottom: 0; }
    .prog-row h4 { color: #FFFFFF; font-size: 12px; font-weight: 400; margin: 0; text-transform: uppercase; }
.user-details h4 { font-size: 14px; font-weight: 300; text-transform: none; }
.prog-row p { color: #8F8F9B; font-size: 10px; margin-bottom: 0; }
.mtop10 { margin-top: 10px; }
.user-thumb, .user-details, .user-status, .rsn-details { float: left; }
.user-thumb { margin: 0 10px 0 20px; width: 30px; }
    .user-thumb img { border-radius: 50%; height: 30px; width: 30px; }
.user-details { width: 150px; }
.rsn-details { width: 170px; }
    .rsn-details a, .rsn-details a:hover { color: #A48AD4; font-size: 11px; }
.user-details a { color: #FFFFFF; }
.user-status { margin-top: 5px; width: 25px; }
.view-btn, .view-btn:hover { color: #6C6C72; display: inline-block; margin: 10px 0; }
    .view-btn:hover { text-decoration: underline; }
.rsn-activity i { font-size: 30px; }
.state-overview .symbol, .state-overview .value { display: inline-block; text-align: center; }
.state-overview .value { float: right; }
    .state-overview .value h1, .state-overview .value p { color: #C6CAD6; margin: 0; padding: 0; }
    .state-overview .value h1 { font-weight: 300; }
.state-overview .symbol i { color: #FFFFFF; font-size: 50px; }
.state-overview .symbol { border-radius: 4px 0 0 4px; padding: 25px 15px; width: 40%; }
.state-overview .value { padding-top: 21px; width: 58%; }
.state-overview .terques { background: none repeat scroll 0 0 #6CCAC9; }
.state-overview .red { background: none repeat scroll 0 0 #FF6C60; }
.state-overview .yellow { background: none repeat scroll 0 0 #F8D347; }
.state-overview .blue { background: none repeat scroll 0 0 #57C8F2; }
.border-head h3 { border-bottom: 1px solid #C9CDD7; display: inline-block; font-size: 18px; font-weight: 300; margin-bottom: 20px; margin-top: 0; padding-bottom: 5px; width: 100%; }
.custom-bar-chart { border-bottom: 1px solid #C9CDD7; height: 290px; margin-left: 10px; margin-top: 20px; position: relative; }
    .custom-bar-chart .bar { border-radius: 5px 5px 0 0; float: left; height: 100%; margin: 0 2%; position: relative; text-align: center; width: 4.3%; z-index: 10; }
        .custom-bar-chart .bar .title { bottom: -30px; font-size: 12px; position: absolute; text-align: center; width: 100%; }
        .custom-bar-chart .bar .value { background: none repeat scroll 0 0 #BFC2CD; border-radius: 5px 5px 0 0; bottom: 0; color: #BFC2CD; position: absolute; transition: all 0.3s ease 0s; width: 100%; }
            .custom-bar-chart .bar .value:hover { background: none repeat scroll 0 0 #E8403F; color: #FFFFFF; }
.y-axis { color: #555555; position: absolute; text-align: right; width: 100%; }
    .y-axis li { border-top: 1px dashed #DBDCE0; display: block; height: 58px; width: 100%; }
        .y-axis li:last-child { border-top: medium none; }
        .y-axis li span { display: block; margin: -10px 0 0 -25px; padding: 0 10px; width: 40px; }
.y-axis { color: #555555; text-align: right; }
.chart { display: inline-block; text-align: center; width: 100%; }
    .chart .heading { text-align: left; }
        .chart .heading span { display: block; }
.panel.green-chart .chart-tittle { background: none repeat scroll 0 0 #99C262; border-radius: 0 0 4px 4px; display: inline-block; font-size: 16px; font-weight: normal; padding: 15px; width: 100%; }
#barchart { display: inline-block; margin-bottom: -15px; }
.chart-tittle .title { }
.panel.green-chart .chart-tittle .value { color: #C0F080; float: right; }
.panel.green-chart { background: none repeat scroll 0 0 #A9D96C; color: #FFFFFF; }
.panel.terques-chart { background: none repeat scroll 0 0 #41CAC0; color: #FFFFFF; }
    .panel.terques-chart .chart-tittle .value { color: #FFFFFF; float: right; }
        .panel.terques-chart .chart-tittle .value a { color: #FFFFFF; font-size: 12px; }
            .panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color: #55F2E7; font-size: 12px; }
    .panel.terques-chart .chart-tittle { background: none repeat scroll 0 0 #39B7AC; border-radius: 0 0 4px 4px; display: inline-block; font-size: 16px; font-weight: normal; padding: 15px; width: 100%; }
.inline-block { display: inline-block; }
.gen-case { text-transform: none; }
.task-thumb { float: left; width: 90px; }
    .task-thumb img { border-radius: 4px; }
.task-thumb-details { display: inline-block; margin: 25px 0 0 10px; }
.task-progress { float: left; }
    .task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a { color: #39B5AA; font-size: 18px; font-weight: 400; margin: 0; padding: 0; }
    .task-thumb-details p, .task-progress p { color: #A4AABA; padding-top: 5px; }
.personal-task tbody tr td { border-color: #EEEFF1; padding: 11px 15px; }
    .personal-task tbody tr td i { color: #C7CBD4; font-size: 20px; }
.personal-task.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #F7F8FC; }
    .personal-task.table-hover > tbody > tr:hover > td i { color: #39B5AA; }
.personal-task > tbody > tr > td:last-child { text-align: right; }
.task-option { float: right; }
    .task-option select { border: 1px solid #EAEAEA; border-radius: 4px; color: #A4ABBB; height: 35px; padding: 8px; }
.progress-panel { padding-bottom: 5px; }
.badge.bg-primary { background: none repeat scroll 0 0 #8075C4; }
.badge.bg-success { background: none repeat scroll 0 0 #A9D86E; }
.badge.bg-warning { background: none repeat scroll 0 0 #FCB322; }
.badge.bg-important { background: none repeat scroll 0 0 #FF6C60; }
.badge.bg-info { background: none repeat scroll 0 0 #41CAC0; }
.badge.bg-inverse { background: none repeat scroll 0 0 #2A3542; }
.timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; }
    .timeline .time-show { margin-bottom: 30px; margin-right: -75px; margin-top: 30px; position: relative; }
        .timeline .time-show.first { }
.time-show .btn { width: 150px; }
.timeline .time-show a { color: #FFFFFF; }
.timeline:before { background-color: #D8D9DF; bottom: 0; content: ""; left: 50%; position: absolute; top: 30px; width: 1px; z-index: 0; }
h3.timeline-title { color: #C8CCD7; font-size: 20px; font-weight: 400; margin: 0 0 5px; text-transform: uppercase; }
.t-info { color: #C8CCD7; }
.timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; }
.timeline-item { display: table-row; }
.timeline-desk { display: table-cell; vertical-align: top; width: 50%; }
    .timeline-desk h1 { font-size: 16px; font-weight: 300; margin: 0 0 5px; }
    .timeline-desk .panel { background: none repeat scroll 0 0 #FFFFFF; display: block; margin-left: 45px; position: relative; text-align: left; }
.timeline-item .timeline-desk .arrow { border-bottom: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid rgba(0, 0, 0, 0); display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; }
.timeline-item .timeline-desk .arrow { border-right: 8px solid #FFFFFF !important; }
.timeline-item.alt .timeline-desk .arrow-alt { border-bottom: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid rgba(0, 0, 0, 0); display: block; height: 0; left: auto; position: absolute; right: -7px; top: 13px; width: 0; }
.timeline-item.alt .timeline-desk .arrow-alt { border-left: 8px solid #FFFFFF !important; }
.timeline .timeline-icon { left: -60px; position: absolute; top: 5px; }
.timeline .timeline-icon { background: none repeat scroll 0 0 #C7CBD6; }
.timeline-desk span a { text-transform: uppercase; }
    .timeline-desk h1.red, .timeline-desk span a.red { color: #EF6F66; }
    .timeline-desk h1.green, .timeline-desk span a.green { color: #39B6AE; }
    .timeline-desk h1.blue, .timeline-desk span a.blue { color: #56C9F5; }
    .timeline-desk h1.purple, .timeline-desk span a.purple { color: #8074C6; }
    .timeline-desk h1.light-green, .timeline-desk span a.light-green { color: #A8D76F; }
    .timeline-desk h1.yellow, .timeline-desk span a.yellow { color: #FED65A; }
.timeline .timeline-icon.red { background: none repeat scroll 0 0 #EF6F66; }
.timeline .timeline-icon.green { background: none repeat scroll 0 0 #39B6AE; }
.timeline .timeline-icon.blue { background: none repeat scroll 0 0 #56C9F5; }
.timeline .timeline-icon.purple { background: none repeat scroll 0 0 #8074C6; }
.timeline .timeline-icon.light-green { background: none repeat scroll 0 0 #A8D76F; }
.timeline .timeline-icon.yellow { background: none repeat scroll 0 0 #FED65A; }
.timeline .timeline-icon { border-radius: 50%; color: #FFFFFF; display: block; height: 30px; text-align: center; width: 30px; }
    .timeline .timeline-icon i { margin-top: 9px; }
.timeline-item.alt .timeline-icon { left: auto; right: -60px; }
.timeline .time-icon:before { font-size: 16px; margin-top: 5px; }
.timeline .timeline-date { display: none; left: -245px; position: absolute; text-align: right; top: 12px; width: 150px; }
.timeline-item.alt .timeline-date { display: none; left: auto; right: -245px; text-align: left; }
.timeline-desk h5 span { color: #999999; display: block; font-size: 12px; margin-bottom: 4px; }
.timeline-item.alt:before { display: none; }
.timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; }
.timeline-desk p { color: #999999; font-size: 14px; margin-bottom: 0; }
.timeline-desk a { color: #1FB5AD; }
.timeline-desk .panel { margin-bottom: 5px; }
.timeline-desk .album { margin-top: 20px; }
.timeline-item.alt .timeline-desk .album { float: right; margin-top: 20px; }
.timeline-desk .album a { float: left; margin-right: 5px; }
.timeline-item.alt .timeline-desk .album a { float: right; margin-left: 5px; }
.timeline-desk .notification { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 8px; }
.timeline-item.alt .panel { margin-left: 0; margin-right: 45px; }
.mbot30 { margin-bottom: 30px; }
.timeline-item.alt h1, .timeline-item.alt p { text-align: right; }
.revenue-head { background: none repeat scroll 0 0 #FF6C60; border-radius: 4px 4px 0 0; color: #FFFFFF; line-height: 50px; }
    .revenue-head span { background: none repeat scroll 0 0 #E56155; border-radius: 4px 0 0; padding: 16px; }
        .revenue-head span i { font-size: 18px; }
    .revenue-head h3 { display: inline; font-size: 16px; font-weight: 300; padding: 0 10px; }
    .revenue-head span.rev-combo { background: none repeat scroll 0 0 #E56155; border-radius: 0 4px 0 0; line-height: normal; padding: 16px; }
.easy-pie-chart { display: inline-block; padding: 30px 0; }
.chart-info, .chart-info .increase, .chart-info .decrease { display: inline-block; }
.chart-info { margin-bottom: 5px; width: 100%; }
.chart-position { margin-top: 70px; }
.chart-info span { margin: 0 3px; }
.chart-info .increase { background: none repeat scroll 0 0 #FF6C60; height: 10px; width: 10px; }
.chart-info .decrease { background: none repeat scroll 0 0 #F2F2F2; height: 10px; width: 10px; }
.panel-footer.revenue-foot { background-color: #E6E7EC; border: medium none; border-radius: 0 0 4px 4px; display: inline-block; padding: 0; width: 100%; }

@media not all {
    .panel-footer.revenue-foot { margin-bottom: -4px; }
}

.panel-footer.revenue-foot ul { display: inline-flex; margin: 0; padding: 0; width: 100%; }
    .panel-footer.revenue-foot ul li { float: left; width: 33.33%; }
        .panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { border-radius: 0 0 0 4px; }
        .panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { border-radius: 0 0 4px; border-right: medium none; }
        .panel-footer.revenue-foot ul li a { border-right: 1px solid #D5D8DF; color: #797979; display: inline-block; padding: 14px 15px; text-align: center; width: 100%; }
            .panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { background: none repeat scroll 0 0 #FFFFFF; position: relative; }
            .panel-footer.revenue-foot ul li a i { color: #C6CAD5; display: block; font-size: 16px; }
            .panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { color: #FF6C60; display: block; font-size: 16px; }
.flat-carousal { background: none repeat scroll 0 0 #58C9F3; border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 10px; position: relative; }
    .flat-carousal h1 { font-size: 16px; font-style: italic; font-weight: 300; line-height: 20px; margin: 30px 20px; text-align: center; }
a.view-all { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border-radius: 25px; color: #FFFFFF; display: inline-block; font-size: 12px; margin-bottom: 18px; padding: 8px 15px; text-align: center; text-transform: uppercase; }
ul.ft-link { margin: 0; padding: 0; }
    ul.ft-link li { border-right: 1px solid #E6E7EC; display: inline-block; line-height: 30px; margin: 8px 0; text-align: center; width: 24%; }
        ul.ft-link li a { color: #74829C; font-size: 12px; text-transform: uppercase; }
            ul.ft-link li a:hover, ul.ft-link li.active a { color: #58C9F3; }
        ul.ft-link li:last-child { border-right: medium none; }
        ul.ft-link li a i { display: block; }
.post-wrap aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; }
.pro-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; }
.post-info { position: relative; }
.arrow-pro.right:after { border-left-color: #FFFFFF; border-right-width: 0; content: " "; top: 85px; }
.arrow-pro.left:after { border-left-width: 0; border-right-color: #FFFFFF; content: " "; top: 80px; }
.arrow-pro.left { left: -8px; }
.arrow-pro:after { border-width: 7px; content: ""; }
.arrow-pro, .arrow-pro:after { border-color: rgba(0, 0, 0, 0); border-style: solid; display: block; height: 0; position: absolute; right: -5px; width: 0; }
.post-highlight.yellow { background: none repeat scroll 0 0 #F8D347; border-radius: 0 4px 4px 0; }
.post-highlight.terques { background: none repeat scroll 0 0 #41CAC0; border-radius: 4px 0 0 4px; }
.post-info h1 { color: #A19899; font-size: 18px; font-weight: 300; margin: 0; }
.post-highlight.terques h2 { color: #FFFFFF; font-size: 16px; font-style: italic; font-weight: 300; line-height: 22px; margin: 0; padding: 0 20px; }
    .post-highlight.terques h2 span, .post-highlight.terques h2 a { color: #92FAF3; }
.post-info h1 strong { color: #937B7B; text-transform: uppercase; }
.post-info .desk { display: inline-block; }
    .post-info .desk h3 { font-size: 16px; }
    .post-info .desk.yellow h3 { color: #F8D347; }
.post-btn { }
    .post-btn a { color: #9A9A9A; float: left; font-size: 18px; margin-right: 8px; }
        .post-btn a:hover { color: #727272; }
.pro-thumb { border: 10px solid rgba(255, 255, 255, 0.4); border-radius: 50%; display: inline-block; text-align: center; }
    .pro-thumb img { border-radius: 50%; height: 112px; text-align: center; width: 112px; }
.v-align { vertical-align: middle !important; }
.twite h1 { margin: 50px 0; }
.social-footer { display: inline; text-align: center; }
    .social-footer ul { margin: 0; padding: 0; text-align: center; }
        .social-footer ul li { display: inline-block; margin: 0 20px; }
            .social-footer ul li a { color: #CECED0; font-size: 25px; }
                .social-footer ul li a:hover i.fa-facebook, .social-footer ul li.active a i.fa-facebook { color: #486EAC; }
                .social-footer ul li a:hover i.fa-twitter, .social-footer ul li.active a i.fa-twitter { color: #58C9F3; }
                .social-footer ul li a:hover i.fa-google-plus, .social-footer ul li.active a i.fa-google-plus { color: #4A4A4A; }
                .social-footer ul li a:hover i.fa-pinterest, .social-footer ul li.active a i.fa-pinterest { color: #D1282D; }
.pie-foot { background: none repeat scroll 0 0 #6B6B6B; border-radius: 0 0 4px 4px; color: #FFFFFF; font-size: 16px; font-weight: 300; padding: 18px 15px; text-align: center; }
.follower { background: none repeat scroll 0 0 #01A89E; border-radius: 4px 4px 0 0; color: #FFFFFF; text-align: center; }
.follower-foot { border-radius: 0 0 4px 4px; color: #757575; font-weight: 300; padding: 8px 5px 5px; }
    .follower-foot ul { margin: 0; padding: 0; }
        .follower-foot ul li { display: inline-block; line-height: normal; text-align: center; width: 48%; }
            .follower-foot ul li h5 { margin: 5px 0 0; }
.follower h4 { font-size: 15px; font-weight: 300; margin: 0 0 10px; }
.follow-ava { border: 5px solid #18B2A6; border-radius: 50%; display: inline-block; }
.follower img { border-radius: 50%; height: 62px; width: 62px; }
.weather-bg { background: none repeat scroll 0 0 #8175C7; border-radius: 4px 4px 0 0; color: #FFFFFF; font-size: 16px; font-weight: 300; text-align: center; }
    .weather-bg i { display: block; font-size: 60px; }
    .weather-bg .degree { font-size: 60px; }
.weather-category { color: #74829C; padding: 15px 0; }
    .weather-category ul { display: inline-block; margin: 0; padding: 0; width: 100%; }
        .weather-category ul li { border-right: 1px solid #E6E6E6; display: inline-block; text-align: center; width: 32%; }
            .weather-category ul li h5 { font-weight: 300; margin: 0 0 5px; text-transform: uppercase; }
            .weather-category ul li a { }
            .weather-category ul li:last-child { border-right: medium none; }
.fontawesome-icon-list h2 { font-size: 20px; font-weight: 300; margin-top: 0; }
.fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6 { margin-bottom: 10px; }
.fontawesome-icon-list .page-header { border-bottom: 1px solid #C9CDD7; }
.fontawesome-icon-list a { color: #797979; }
    .fontawesome-icon-list a:hover { color: #35404D; }
.fontawesome-icon-list i { font-size: 16px; padding-right: 10px; }
#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency { margin-top: 10px; }
.mail-nav { margin: 15px -15px 0; }
    .mail-nav li a { border-radius: 0; border-right: 3px solid rgba(0, 0, 0, 0); border-top: 1px solid #F2F3F6; padding: 15px; }
    .mail-nav > li > a:hover, .mail-nav > li > a:focus { background: none repeat scroll 0 0 #FAFAFA; border-right: 3px solid #1FB5AD; color: #1FB5AD; }
    .mail-nav > li.active > a, .mail-nav > li.active > a:hover, .mail-nav > li.active > a:focus { background: none repeat scroll 0 0 #FAFAFA; border-right: 3px solid #1FB5AD; color: #1FB5AD; }
    .mail-nav > li + li { margin-left: 0; margin-top: 0; }
    .mail-nav i { font-size: 16px; margin-right: 10px; }
.inbox-notification { margin-top: -2px; }
.user-head .inbox-avatar { float: left; width: 65px; }
    .user-head .inbox-avatar img { border-radius: 4px; }
.user-head .user-name { display: inline-block; margin: 0 0 0 10px; }
    .user-head .user-name h5 { font-size: 14px; font-weight: 300; margin-bottom: 0; margin-top: 15px; }
        .user-head .user-name h5 a { color: #FFFFFF; }
    .user-head .user-name span a { color: #87E2E7; font-size: 12px; }
a.mail-dropdown { background: none repeat scroll 0 0 #80D3D9; border-radius: 2px; color: #01A7B3; font-size: 10px; margin-top: 20px; padding: 3px 5px; }
.inbox-body { padding: 20px; }
.btn-compose { background: none repeat scroll 0 0 #1FB5AD; color: #FFFFFF; padding: 12px 0; text-align: center; width: 100%; }
    .btn-compose:hover, .btn-compose:focus { background: none repeat scroll 0 0 #1CA59E; color: #FFFFFF; }
ul.inbox-nav { display: inline-block; margin: 0; padding: 0; width: 100%; }
.inbox-divider { border-bottom: 1px solid #D5D8DF; }
.inbox-action { margin-top: 50px; }
.src-position { margin-top: -7px; }
.mail-src-position { margin-top: -3px; }
ul.labels-info { border-bottom: 1px solid #F1F2F7; margin-bottom: 10px; }
ul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; }
    ul.inbox-nav li a { color: #6A6A6A; display: inline-block; line-height: 45px; padding: 0 20px; width: 100%; }
        ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus { background: none repeat scroll 0 0 #D5D7DE; color: #6A6A6A; }
        ul.inbox-nav li a i { color: #6A6A6A; font-size: 16px; padding-right: 10px; }
        ul.inbox-nav li a span.label { margin-top: 13px; }
ul.labels-info li h4 { color: #5C5C5E; font-size: 15px; padding-top: 5px; text-transform: uppercase; }
ul.labels-info li { margin: 0; }
    ul.labels-info li a { border-radius: 0; color: #6A6A6A; padding-left: 0; padding-right: 0; }
        ul.labels-info li a:hover, ul.labels-info li a:focus { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #6A6A6A; }
        ul.labels-info li a i { padding-right: 10px; }
.nav.nav-pills.nav-stacked.labels-info p { color: #9D9F9E; font-size: 11px; margin-bottom: 0; padding: 0 22px; }
.inbox-head { background: none repeat scroll 0 0 #41CAC0; border-radius: 0 4px 0 0; color: #FFFFFF; min-height: 80px; padding: 20px; }
    .inbox-head h3 { display: inline-block; font-weight: 300; margin: 0; padding-top: 6px; }
    .inbox-head .sr-input { border: medium none; border-radius: 4px 0 0 4px; box-shadow: none; color: #8A8A8A; float: left; height: 40px; padding: 0 10px; }
    .inbox-head .sr-btn { background: none repeat scroll 0 0 #00A6B2; border: medium none; border-radius: 0 4px 4px 0; color: #FFFFFF; height: 40px; padding: 0 20px; }
.wht-bg { background: none repeat scroll 0 0 #FFFFFF; }
    .wht-bg h4 { color: #A2A2A2; font-size: 24px; font-weight: 300; }
.table-inbox-wrap { margin: 0 -15px; }
.mail-checkbox { margin-right: 10px; }
.table-inbox { margin: 0; }
    .table-inbox tr td { padding: 12px !important; }
        .table-inbox tr td:first-child { width: 5%; }
            .table-inbox tr td:first-child .icheckbox_minimal { margin-left: 15px; }
        .table-inbox tr td:hover { cursor: pointer; }
        .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover { color: #F78A09; }
        .table-inbox tr td .fa-star { color: #D5D5D5; }
    .table-inbox tr.unread td { background: none repeat scroll 0 0 #F7F7F7; font-weight: 600; }
    .table-inbox tr.unread a { color: #32323A; }
    .table-inbox tr a { color: #767676; }
ul.inbox-pagination { float: right; }
    ul.inbox-pagination li { float: left; }
.mail-option { display: inline-block; margin-bottom: 10px; width: 100%; }
    .mail-option .chk-all { float: left; }
    .mail-option .chk-all, .mail-option .btn-group { margin-right: 5px; }
        .mail-option .chk-all, .mail-option .btn-group a.btn { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #E7E7E7; border-radius: 3px !important; color: #AFAFAF; display: inline-block; padding: 5px 10px; }
.inbox-pagination a.np-btn { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #E7E7E7; border-radius: 3px !important; color: #AFAFAF; display: inline-block; padding: 5px 15px; }
.mail-option .chk-all input[type="checkbox"] { margin-top: 0; }
.mail-option .btn-group a.all { border: medium none; padding: 0; }
.inbox-pagination a.np-btn { margin-left: 5px; }
.inbox-pagination li span { display: inline-block; margin-right: 5px; margin-top: 7px; }
.fileinput-button { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #E6E6E6; }
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea { border: 1px solid #E6E6E6; box-shadow: none; }
.btn-send, .btn-send:hover { background: none repeat scroll 0 0 #00A8B3; color: #FFFFFF; }
    .btn-send:hover { background: none repeat scroll 0 0 #009DA7; }
/*.modal-header h4.modal-title { font-family: 'Open Sans',sans-serif; font-weight: 300; }*/
.modal-body label { font-family: 'Open Sans',sans-serif; font-weight: 400; }
.compose-mail { display: inline-block; margin-top: 20px; position: relative; width: 100%; }
    .compose-mail .compose-options { color: #979797; cursor: pointer; display: inline-block; font-size: 14px; position: absolute; right: 10px; top: 7px; }
    .compose-mail input, .compose-mail input:focus { border: medium none; float: left; padding: 0; width: 80%; }
    .compose-mail .form-group { border: 1px solid #F2F3F6; display: inline-block; margin-bottom: 0; width: 100%; }
        .compose-mail .form-group label { float: left; line-height: 34px; margin-bottom: 0; padding-left: 5px; width: 10%; }
.compose-editor input { margin-top: 15px; }
.compose-editor { display: inline-block; margin-bottom: 15px; width: 100%; }
.compose-btn { float: left; margin-top: 6px; }
.mail-header h4 { font-weight: 300; }
.mail-sender, .attachment-mail { border-bottom: 1px solid #EFF2F7; border-top: 1px solid #EFF2F7; display: inline-block; margin: 20px 0; padding: 10px 0; width: 100%; }
    .mail-sender img { border-radius: 3px; width: 30px; }
    .mail-sender .date { line-height: 30px; margin-bottom: 0; text-align: right; }
    .view-mail a, .attachment-mail a:hover { color: #35BCB5; }
    .attachment-mail a { color: #32323A; }
    .attachment-mail ul li { float: left; margin-right: 15px; margin-top: 15px; width: 200px; }
        .attachment-mail ul li a.atch-thumb img { height: 180px; margin-bottom: 10px; width: 200px; }
        .attachment-mail ul li a.name span { color: #767676; float: right; }
.body-404 { background: none repeat scroll 0 0 #35BCB5; color: #FFFFFF; }
.error-head { background: none repeat scroll 0 0 #FFFFFF; height: 280px; }
.error-wrapper { text-align: center; }
    .error-wrapper h1 { font-size: 90px; font-weight: 300; margin: -141px 0 0; text-align: center; }
    .error-wrapper h2 { font-size: 58px; font-weight: 300; margin: 0; text-transform: uppercase; }
.error-desk { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); margin-top: -27px; padding: 30px 0; }
.error-wrapper p, .error-wrapper p a { font-size: 18px; font-weight: 300; margin: 0; }
    .error-wrapper p.nrml-txt { color: #03F1E4; font-size: 40px; margin: 0; }
.back-btn, .back-btn:hover { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; color: #FFFFFF; display: inline-block; font-size: 16px; font-weight: 300; margin-top: 100px; padding: 10px 15px; }
    .back-btn:hover { background: none repeat scroll 0 0 #FFFFFF; color: #02A9A0; }
.body-500 { background: none repeat scroll 0 0 #A48AD4; color: #FFFFFF; }
.error-wrapper p.page-500 { color: #AFA5F1; }
.body-500 .back-btn:hover { background: none repeat scroll 0 0 #FFFFFF; color: #A48AD4; }
.error-wrapper p.nrml-txt-alt { color: #FFFFFF; font-size: 34px; margin: 0; text-transform: uppercase; }
.sp-link, .sp-link:hover { color: #FFEF3B; text-decoration: underline; }
    .sp-link:hover { text-decoration: none; }
.profile-information .profile-pic img { border: 10px solid #F1F2F7; border-radius: 50%; height: 160px; margin-top: 20px; width: 160px; }
.profile-information .profile-desk { border-right: 1px solid #DDDDDD; padding-right: 30px; }
    .profile-information .profile-desk h1 { color: #1FB5AD; font-size: 24px; font-weight: bold; margin-bottom: 0; }
    .profile-information .profile-desk span, .profile-information .profile-desk p { display: inline-block; padding-bottom: 25px; }
.profile-information .profile-statistics h1 { color: #757575; font-size: 24px; font-weight: 400; margin-bottom: 5px; }
.profile-information .profile-statistics p { display: inline-block; margin-bottom: 15px; }
.profile-information .profile-statistics ul { margin-top: 10px; }
    .profile-information .profile-statistics ul li { float: left; margin-right: 10px; }
        .profile-information .profile-statistics ul li a { background: none repeat scroll 0 0 #F6F6F6; border-radius: 50%; float: left; height: 30px; line-height: 30px; text-align: center; width: 30px; }
            .profile-information .profile-statistics ul li a:hover { color: #1FB5AD; }
.profile-nav .user-heading { border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 30px; text-align: center; }
    .profile-nav .user-heading.round a { border: 10px solid rgba(255, 255, 255, 0.3); border-radius: 50%; display: inline-block; }
    .profile-nav .user-heading a img { border-radius: 50%; height: 112px; width: 112px; }
    .profile-nav .user-heading h1 { font-size: 20px; font-weight: 300; margin-bottom: 5px; }
    .profile-nav .user-heading p { color: #8B8B8B; font-size: 16px; line-height: 25px; }
.profile-nav ul { margin-top: 1px; }
    .profile-nav ul > li { border-bottom: 1px solid #EBEAE6; line-height: 30px; margin-top: 0; }
        .profile-nav ul > li:last-child { border-bottom: medium none; }
        .profile-nav ul > li > a { border-radius: 0; color: #89817F; }
            .profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a { background: none repeat scroll 0 0 #F8F7F5 !important; color: #89817F !important; }
        .profile-nav ul > li:last-child > a:last-child { border-radius: 0 0 4px 4px; }
        .profile-nav ul > li > a > i { color: #BCB3AA; font-size: 16px; padding-right: 10px; }
.r-activity { font-size: 12px; margin: 6px 0 0; }
.recent-act { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; }
    .recent-act:before { background-color: #EEEEEE; bottom: 0; content: ""; left: 50%; position: absolute; top: 50px; width: 2px; z-index: 0; }
    .recent-act h1 { color: #1FB5AD; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; }
.activity-icon.terques { background: none repeat scroll 0 0 #8FD6D6; }
.activity-icon.red { background: none repeat scroll 0 0 #EF6F66; }
.activity-icon.purple { background: none repeat scroll 0 0 #BDA4EC; }
.activity-icon.green { background: none repeat scroll 0 0 #AEC785; }
.activity-icon.yellow { background: none repeat scroll 0 0 #FED65A; }
.activity-icon { border-radius: 50%; color: #FFFFFF; height: 30px; line-height: 30px; margin: 20px auto; position: relative; text-align: center; width: 30px; }
.activity-icon { background: none repeat scroll 0 0 #C7CBD6; }
.activity-desk { background: none repeat scroll 0 0 #F2F2F2; border-radius: 5px; padding: 15px 30px; position: relative; text-align: center; }
    .activity-desk h2 { color: #1FB5AD; font-size: 14px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; }
    .activity-desk .terques { color: #1FB5AD; }
    .activity-desk .red { color: #EF6F66; }
    .activity-desk .purple { color: #BDA4EC; }
    .activity-desk .green { color: #AEC785; }
    .activity-desk .yellow { color: #FED65A; }
    .activity-desk .blue { color: #20AAF1; }
.photo-gl { display: inline-block; margin-top: 10px; }
    .photo-gl a { margin: 0 10px; }
        .photo-gl a img { border: 1px solid #C8C8C8; height: 120px; width: 150px; }
.prf-box { display: inline-block; margin-bottom: 30px; width: 100%; }
.prf-border-head { border-bottom: 1px solid #F1F2F7; color: #1FB5AD; font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; }
.wk-progress { border-bottom: 1px solid #F1F2F7; display: inline-block; margin-bottom: 20px; width: 100%; }
.pf-status { padding-bottom: 25px; }
.tm-avatar img { border-radius: 50%; height: 50px; width: 50px; }
.tm-membr { margin-bottom: 10px; padding-bottom: 12px; }
    .tm-membr .tm { display: inline-block; padding-left: 10px; padding-top: 10px; }
.prf-contacts h2 { color: #1FB5AD; font-size: 16px; margin-top: 0; text-transform: uppercase; }
    .prf-contacts h2 span { background: none repeat scroll 0 0 #1FB5AD; border-radius: 50%; color: #FFFFFF; display: inline-block; height: 40px; line-height: 42px; margin-right: 15px; text-align: center; width: 40px; }
        .prf-contacts h2 span i { font-size: 16px; }
.prf-contacts .location-info { margin-left: 60px; }
    .prf-contacts .location-info p { padding-bottom: 30px; }
.prf-map { border: 10px solid #E6E6E6; border-radius: 50%; height: 430px; margin-top: 50px; width: 430px; }
.sttng h2 { margin: 20px 0; }
.invoice p { color: #AEAEB1; line-height: 25px; }
.invoice-header { border: 1px solid #DDDDDD; display: inline-block; margin-bottom: 40px; width: 100%; }
.invoice-title { background: none repeat scroll 0 0 #1FB5AD; color: #FFFFFF; display: inline-block; }
.inv-label { color: #1FB5AD; }
.itatic { font-style: italic; }
.inv-label h3 { font-weight: 300; }
ul.amounts li.grand-total { background: none repeat scroll 0 0 #1FB5AD; color: #FFFFFF; font-weight: bold; }
.amnt-value, .table-invoice h4 { font-weight: 400; margin: 0; }
.invoice-title h1 { font-size: 50px; font-weight: lighter; letter-spacing: 2px; margin: 0; padding: 5px; text-align: center; text-transform: uppercase; }
.invoice-list { margin-bottom: 30px; }
.invoice-info, .invoice-title { padding: 20px; }
.invoice-info { margin-top: 5px; }
.invoice-list h4 { font-size: 16px; font-weight: 300; }
.invoice-to h2 { color: #73737B; font-size: 24px; font-weight: 600; margin: 0; }
.table-invoice { border-collapse: separate; border-spacing: 5px; margin-top: 30px; }
    .table-invoice > thead > tr > th { border-bottom: medium none; }
    .table-invoice > tbody > tr > td { border-top: medium none; }
    .table-invoice thead tr th { background: none repeat scroll 0 0 #E8E9F0; border-radius: 5px; vertical-align: middle; }
        .table-invoice thead tr th:first-child, .table-invoice tbody tr td:first-child { text-align: center; }
    .table-invoice tbody tr td { background: none repeat scroll 0 0 #F5F6F9; border-radius: 5px; vertical-align: middle; }
.invoice-block { text-align: right; }
.payment-method p { margin-bottom: 0; }
ul.amounts li { background: none repeat scroll 0 0 #F5F6F9; border-radius: 4px; font-size: 16px; font-weight: 300; margin-bottom: 5px; padding: 10px; }
.invoice-btn { margin-top: 30px; }
    .invoice-btn a { font-size: 16px; font-weight: 300; margin: 0 5px; }
.corporate-id { margin-bottom: 30px; }
.panel-primary > .panel-heading.navyblue { background-color: #2A3542; border-color: #2A3542; color: #FFFFFF; }
.table-advance tr td { vertical-align: middle !important; }
.no-border { border-bottom: medium none; }
.dataTables_length, .dataTables_filter { padding: 15px; }
.dataTables_info { padding: 0 15px; }
.dataTables_filter { float: right; }
.dataTables_length select { padding: 5px 8px; width: 65px; }
.dataTables_length label, .dataTables_filter label { font-weight: 300; }
.dataTables_filter label { width: 100%; }
    .dataTables_filter label input { width: 78%; }
.border-top { border-top: 1px solid #DDDDDD; }
.dataTables_paginate.paging_bootstrap.pagination li { border: 1px solid #DDDDDD; border-radius: 3px; float: left; margin: 0 1px; }
    .dataTables_paginate.paging_bootstrap.pagination li.disabled a { color: #C7C7C7; }
    .dataTables_paginate.paging_bootstrap.pagination li a { color: #797979; display: inline-block; padding: 5px 10px; }
    .dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a { background: none repeat scroll 0 0 #EEEEEE; border-radius: 3px; color: #797979; }
.dataTables_paginate.paging_bootstrap.pagination { float: right; margin-bottom: 15px; margin-top: -5px; }
.dataTable tr:last-child { border-bottom: 1px solid #DDDDDD; }
.has-toolbar.fc { margin-top: 50px; }
.fc-header-title { display: inline-block; margin-top: -45px; vertical-align: top; }
.fc-header-center { text-align: left; }
.fc-header-left { text-align: left; width: 18%; }
.fc-view { margin-top: -50px; overflow: hidden; width: 100%; }
.fc-state-default, .fc-state-default .fc-button-inner { background: none repeat scroll 0 0 #F3F3F3 !important; border-color: #DDDDDD; border-style: none solid; color: #646464; }
.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner { background: none repeat scroll 0 0 #32323A !important; color: #FFFFFF !important; }
.fc-event-skin { background-color: #1FB5AD !important; border-color: #1FB5AD !important; color: #FFFFFF !important; }
.fc-grid th { background: none repeat scroll 0 0 #E4E4E4 !important; height: 50px; line-height: 50px; text-align: center; }
.fc-header-title h2 { color: #474752; font-size: 18px !important; font-weight: 300; padding: 0 10px; }
.external-event { cursor: move; display: inline-block !important; margin-bottom: 6px !important; margin-right: 6px !important; padding: 8px; }
#external-events p input[type="checkbox"] { margin: 0; }
.drg-event-title { border-bottom: 1px solid #DDDDDD; font-weight: 300; margin-bottom: 15px; margin-top: 0; padding-bottom: 10px; }
.fc-content .fc-event { border-radius: 4px; padding: 4px 6px; }
.fc-corner-left { }
.fc-corner-right { }
.drp-rmv { margin-top: 10px; padding-top: 10px; }
.btn-row { margin-bottom: 10px; }
.tab-head { background: none repeat scroll 0 0 #7087A3; display: inline-block; margin-top: 60px; width: 100%; }
.tab-container { margin-top: 10px; }
.tab-head .nav-tabs > li > a { border-radius: 0; color: #FFFFFF; margin-right: 1px; }
    .tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus { background-color: #F1F2F7; border-color: #F1F2F7; color: #797979; }
.progress-xs { height: 10px; }
.progress-sm { height: 12px; }
.panel-heading .nav { border: medium none; font-size: 13px; margin: -15px; }
.tab-bg-dark-navy-blue ul > li > a { display: block; padding: 20px 15px !important; }
.tab-bg-dark-navy-blue { background: none repeat scroll 0 0 #E0E1E7; border-bottom: medium none; border-radius: 5px 5px 0 0; }
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus { border-radius: 0; border-width: 0; }
.panel-heading .nav > li > a { color: #898989; }
    .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #1FB5AD; }
.panel-heading .nav > li.active:first-child > a, .panel-heading .nav > li:first-child > a:hover { border-radius: 4px 0 0; }
.tab-right { height: 58px; }
    .panel-heading.tab-right .nav > li.active:first-child > a, .tab-right.panel-heading .nav > li:first-child > a:hover { border-radius: 0; }
    .panel-heading.tab-right .nav > li.active:last-child > a, .tab-right.panel-heading .nav > li:last-child > a:hover { border-radius: 0 4px 0 0; }
.panel-heading.tab-right .nav-tabs > li > a { margin-left: 1px; margin-right: 0; }
.m-bot20 { margin-bottom: 20px; }
.m-bot-none { margin-bottom: 0; }
.wht-color { color: #FFFFFF; }
.close-sm { font-size: 14px; }
.carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); border: medium none; transition: background-color 0.25s ease 0s; }
.carousel-indicators .active { background: none repeat scroll 0 0 #333333; height: 10px; margin: 1px; width: 10px; }
.carousel-indicators.out { bottom: -5px; }
.carousel-indicators.out { bottom: -5px; }
.carousel-control { color: #999999; text-shadow: none; width: 45px; }
    .carousel-control i { display: inline-block; height: 25px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px; z-index: 5; }
    .carousel-control.left, .carousel-control.right { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); filter: none; margin-bottom: 0; }
    .carousel-control:hover, .carousel-control:focus { color: #CCCCCC; opacity: 0.9; text-decoration: none; }
.carousel-inner h3 { font-size: 16px; font-weight: 300; margin: 0; }
.carousel-inner { margin-bottom: 15px; }
.gritter-close { left: auto !important; right: 3px !important; }
.sm-input { width: 175px; }
.form-horizontal.bucket-form .form-group { border-bottom: 1px solid #EFF2F7; margin-bottom: 15px; padding-bottom: 15px; }
    .form-horizontal.bucket-form .form-group:last-child { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; }
    .form-horizontal.bucket-form .form-group .help-block { margin-bottom: 0; }
.round-input { border-radius: 500px; }
.m-bot15 { margin-bottom: 15px; }
.form-horizontal.bucket-form .checkbox-inline > input { border: medium none; margin-top: 1px; }
.btn.btn-info.dropdown-toggle { border-left: 1px solid #1FADEA; }
.icheck div, .icheck .disabled { float: left; }
.icheck div { margin-right: 10px; }
.icheck label { font-weight: normal; }
.icheck .checkbox, .icheck .radio { margin-bottom: 10px; }
.icheck .single-row { display: inline-block; width: 100%; }
.cmxform .form-group label.error { color: #B94A48; display: inline; font-weight: 400; margin: 5px 0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error { border-color: #B94A48 !important; }
#signupForm label.error { color: #B94A48; display: inline; margin: 5px 0; width: auto; }
.checkbox, .checkbox:hover, .checkbox:focus { border: medium none; }
.slider-table tr td { border: medium none !important; padding: 30px 0 !important; }
.add-on { float: right; margin-top: -37px; padding: 3px; text-align: center; }
    .add-on .btn { padding: 9px; }
.daterangepicker .ranges .range_inputs > div:nth-child(2) { margin-bottom: 10px; padding-left: 0; }
.daterangepicker .ranges label { padding-bottom: 0; padding-top: 8px; }
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover, .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background: none repeat scroll 0 0 #41CAC0; }
.daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Open Sans',sans-serif; font-weight: 300; text-align: center; white-space: nowrap; }
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active { text-shadow: none; }
.datepicker th.switch { width: 125px; }
.datepicker td span { height: 40px; line-height: 40px; }
.bootstrap-timepicker table td input { border: 1px solid #CCCCCC; border-radius: 3px; }
.cke_top, .cke_bottom { background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; box-shadow: none; padding: 6px 8px 2px; }
.cke_top { border-bottom: 1px solid #CCCCCC !important; }
.cke_chrome { display: block; padding: 0; }
.user-heading.alt { display: inline-block; text-align: left; width: 100%; }
.alt.gray-bg { background: none repeat scroll 0 0 #474751; }
.terques-bg { background: none repeat scroll 0 0 #1FB5AD; }
.profile-nav.alt.green-border ul > li > a:hover i { color: #1FB5AD; }
.user-heading.alt a { border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; display: inline-block; float: left; margin-left: -10px; margin-right: 15px; }
    .user-heading.alt a img { border-radius: 50%; height: 85px; width: 85px; }
.twt-feed { border-radius: 4px 4px 0 0; color: #FFFFFF; min-height: 170px; padding: 40px 10px 10px; position: relative; }
.corner-ribon { font-size: 20px; height: 71px; position: absolute; right: 0; text-align: center; top: 0; width: 71px; }
    .corner-ribon i { color: #FFFFFF; padding: 10px 0 0 35px; }
.blue-ribon { background: url("../images/twitter_corner_blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.black-ribon { background: url("../images/twitter_corner_black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.twt-feed.blue-bg { background: none repeat scroll 0 0 #58C9F3; }
.twt-feed h1 { font-size: 18px; font-weight: 300; margin-bottom: 5px; }
.twt-feed a { border-radius: 50%; float: left; margin: 0 10px; }
    .twt-feed a img { border-radius: 50%; height: 85px; width: 85px; }
.twt-category { display: inline-block; margin-bottom: 11px; margin-top: 10px; width: 100%; }
.twt-feed .wtt-mark { color: rgba(255, 255, 255, 0.15); font-size: 160px; left: 40%; position: absolute; top: 10px; }
.twt-category ul li { color: #BDBDBD; font-size: 13px; }
.twt-category h5 { font-size: 18px; font-weight: 400 !important; }
.twt-write .t-text-area { background: none repeat scroll 0 0 #F4F4F6; border: medium none; border-radius: 4px; color: #C9C9C9; height: 40px; margin-bottom: 20px; padding-top: 10px; }
.twt-footer { padding: 12px 15px; }
    .twt-footer, .twt-footer a { color: #D2D2D2; }
        .twt-footer i { padding-right: 10px; }
.btn-space { padding-left: 11.6%; padding-right: 11%; }
.p-head { color: #F77B6F; font-size: 14px; font-weight: 400; }
.cmt-head { font-size: 13px; font-weight: 400; }
.p-thumb img { border-radius: 3px; height: 50px; width: 50px; }
.tasi-tab .media-body p { }
.feed-box { position: relative; }
    .feed-box img { border-radius: 50%; height: 85px; width: 85px; }
    .feed-box h1 { color: #8B8B8B; font-size: 20px; font-weight: 400; }
    .feed-box a { color: #3AC7F9; }
.profile-nav .user-heading.clock-row { padding: 20px; }
.clock-row { min-height: 170px; text-transform: uppercase; }
ul.clock-category { padding: 15px 0; }
    ul.clock-category li { border: medium none; display: inline-block; text-align: center; width: 24%; }
        ul.clock-category li a span { display: block; line-height: normal; }
        ul.clock-category li a i { font-size: 30px; padding-right: 0; }
        ul.clock-category li a:hover, ul.clock-category li a.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; color: #1FB5AD !important; }
            ul.clock-category li a:hover i, ul.clock-category li a.active i { color: #1FB5AD !important; }
.clock-row h1 { font-size: 22px !important; font-weight: 400 !important; letter-spacing: 1px; margin: 0 0 5px !important; }
.clock-row p { color: #FFFFFF !important; font-size: 18px; font-weight: 300; margin: 0; }
.wdgt-row { text-align: center !important; }
    .wdgt-row i { font-size: 50px; }
.wdgt-value h1 { color: #C7CBD6; font-size: 30px; font-weight: 400; margin: 0; }
.wdgt-value p { color: #C7CBD6; font-size: 14px; font-weight: 300; margin: 0; }
.red-bg { background: none repeat scroll 0 0 #FA8564; }
.purple-bg { background: none repeat scroll 0 0 #9466B5; color: #FFFFFF; }
.weather-box { float: left; width: 100%; }
    .weather-box .symbol { border-radius: 4px 0 0 4px; float: left; padding: 61px 15px; text-align: center; width: 50%; }
        .weather-box .symbol i { font-size: 70px; text-shadow: -5px 6px 5px rgba(0, 0, 0, 0.3); }
    .weather-box .value { color: #BDBDBD; float: right; font-size: 14px; padding: 33px 0; text-align: center; width: 50%; }
        .weather-box .value i { font-size: 20px; }
.wdgt-row, .prd-img { position: relative; }
    .wdgt-row img { border-radius: 4px 4px 0 0; width: 100%; }
.wdt-head { bottom: 15px; color: #FFFFFF; font-size: 16px; font-weight: 400; left: 20px; position: absolute; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); text-transform: uppercase; }
.country-select { position: absolute; right: 10px; top: 10px; }
.weather-full-info { color: #CBCBCB; }
    .weather-full-info h1 { font-size: 14px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase; }
    .weather-full-info h2 { font-size: 14px; font-weight: 300; margin: 0 0 5px; }
    .weather-full-info .today-status i { color: #1FB5AD; font-size: 40px; }
    .weather-full-info .degree { display: inline-block; font-size: 30px; font-weight: 600; padding-left: 20px; }
        .weather-full-info .degree:after { content: "o"; font-size: 16px; position: relative; top: -12px; }
    .weather-full-info ul { margin-bottom: 0; }
        .weather-full-info ul li { border-left: 1px solid #F1F2F7; display: inline-block; text-align: center; width: 16%; }
            .weather-full-info ul li i { font-size: 25px; }
    .weather-full-info .statistics { padding-top: 5px; }
        .weather-full-info .statistics:after { content: "o"; font-size: 10px; position: relative; top: -5px; }
.prd-row { position: relative; }
.btn-add-cart { bottom: 9px; padding: 12px; position: absolute; right: 15px; }
.prd-row img { width: 100%; }
.prd-row .action { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 5px; bottom: 10px; height: 45px; position: absolute; right: -35px; width: 100px; }
    .prd-row .action .part1 { color: #FFFFFF; float: left; font-size: 18px; line-height: 45px; text-align: center; width: 50%; }
.yellow-bg-prd { background: none repeat scroll 0 0 #FFDD00; border-radius: 0 5px 5px 0; }
.prd-row h1 { color: #5F6165; font-size: 24px; font-weight: 400; margin: 5px 0; }
.prd-row p { color: #BFC2C4; margin: 0; }
    .prd-row p.normal { color: #BFC2C4; }
    .prd-row p.terques { color: #1FB5AD; }
.prd-row .price { margin-bottom: 20px; margin-top: 20px; }
    .prd-row .price .amnt { color: #1FB5AD; font-size: 25px; font-weight: 600; }
        .prd-row .price .amnt:after { content: ".00"; font-size: 12px; position: relative; top: -10px; }
.clock-place { margin: -76px auto 0; }
.btn-gap button { margin-right: 10px; }
span.customSelect { background-color: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 50px; color: #A4AABA; font-size: 12px; padding: 6px 10px; text-align: left; }
    span.customSelect.changed { background-color: #FFFFFF; }
.customSelectInner { background: url("../images/customSelect-arrow.gif") no-repeat scroll right center rgba(0, 0, 0, 0); }
.chat-form { clear: both; margin-top: 25px; }
    .chat-form .input-cont { margin-bottom: 10px; }
        .chat-form .input-cont input { margin-bottom: 0; }
        .chat-form .input-cont input { border: 1px solid #D3D3D3 !important; margin-top: 0; min-height: 45px; }
        .chat-form .input-cont input { background-color: #FFFFFF !important; }
.chat-features a { margin-left: 10px; }
    .chat-features a i { color: #D0D0D0; }
.timeline-messages h3 { background: none repeat scroll 0 0 #FFFFFF; color: #1FB5AD; font-size: 16px; margin-bottom: 30px; margin-top: -3px; padding: 20px; position: relative; text-transform: uppercase; }
.timeline-messages:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); bottom: 0; top: 0; width: 2px; }
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before { content: ""; left: 20px; position: absolute; top: -2px; }
.timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out { position: relative; }
    .timeline-messages .msg-in .arrow { border-right: 8px solid #949496 !important; }
    .timeline-messages .msg-in .arrow { border-bottom: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid rgba(0, 0, 0, 0); display: block; height: 0; left: -8px; position: absolute; top: 25px; width: 0; }
    .timeline-messages .msg-out .arrow { border-right: 8px solid #41CAC0 !important; }
    .timeline-messages .msg-out .arrow { border-bottom: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid rgba(0, 0, 0, 0); display: block; height: 0; left: -8px; position: absolute; top: 25px; width: 0; }
    .msg-time-chat:first-child:before { margin-top: 27px; }
    .msg-time-chat:before { background: none repeat scroll 0 0 #CCCCCC; border: 2px solid #FAFAFA; border-radius: 100px; height: 16px; margin: 35px 0 0 -7px; width: 16px; }
    .msg-time-chat:hover:before { background: none repeat scroll 0 0 #41CAC0; }
    .msg-time-chat:first-child { padding-top: 0; }
.message-img { float: left; margin-right: 30px; overflow: hidden; }
    .message-img img { display: block; height: 44px; width: 44px; }
.message-body { display: inline-block; margin-left: 50px; }
.msg-time-chat .msg-in .text { border-radius: 4px; margin-top: 14px; }
    .msg-time-chat .msg-in .text .first { background: none repeat scroll 0 0 #949496; border-radius: 4px; color: #FFFFFF; float: left; margin-right: 5px; padding: 10px; text-align: right; width: 130px; }
    .msg-time-chat .msg-in .text .second { background: none repeat scroll 0 0 #8FD6D6; border-radius: 4px; color: #FFFFFF; float: left; padding: 10px; }
.msg-time-chat .msg-out .text { border: 1px solid #E3E6ED; border-radius: 4px; padding: 10px; }
.msg-time-chat p { margin: 0; }
.msg-time-chat .attribution { font-size: 11px; margin: 0 0 5px; }
.msg-time-chat { overflow: hidden; padding: 8px 0; }
.msg-in a, .msg-in a:hover { border-radius: 4px; color: #B64C4C; font-size: 13px; font-weight: 400; margin-right: 10px; text-decoration: none; }
.msg-out a, .msg-out a:hover { border-radius: 4px; color: #288F98; font-size: 13px; font-weight: 400; margin-right: 10px; text-decoration: none; }
.bg-terques { background: none repeat scroll 0 0 #8FD6D6 !important; }
.bg-red { background: none repeat scroll 0 0 #FFA991 !important; }
.bg-purple { background: none repeat scroll 0 0 #BDA4EC !important; }
.bg-green { background: none repeat scroll 0 0 #AEC785 !important; }
.bg-yellow { background: none repeat scroll 0 0 #FED65A !important; }
.bg-blue { background: none repeat scroll 0 0 #99CCE3 !important; }
.boxed-page { background-color: #000000 !important; }
.box-head { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.boxed-page .container { background: none repeat scroll 0 0 #32323A; padding-left: 0; padding-right: 0; }
.boxed-page > .container { overflow: hidden; }
.boxed-page .container #sidebar { position: inherit; }
.boxed-page .container .header .container { background: none repeat scroll 0 0 #FFFFFF; }
.boxed-page .container aside { float: left; }
.boxed-page .container .wrapper { background: none repeat scroll 0 0 #F1F2F7; min-height: 900px; }
.boxed-page .brand { margin-left: 0; }
.tools a { color: #A7A7A7; font-size: 12px; margin-left: 10px; }
.gmaps { height: 300px; width: 100%; }
.ullist { border-bottom: 1px solid #CCCCCC; margin-left: 20px; }
    .ullist li { display: inline-block; margin-left: 5px; }
        .ullist li a { background: none repeat scroll 0 0 #F1F1F1; border-left: 1px solid #CCCCCC; border-radius: 3px 3px 0 0; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; display: inline-block; padding: 10px 20px !important; }
        .ullist li.active a { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-bottom: -1px; position: relative; top: 1px; }
.rating { direction: rtl; font-size: 30px; unicode-bidi: bidi-override; }
    .rating span.star, .rating span.star { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; }
        .rating span.star:hover, .rating span.star:hover { cursor: pointer; }
        .rating span.star:before, .rating span.star:before { color: #BEC3C7; content: ""; padding-right: 5px; }
        .rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before { color: #41CAC0; content: ""; }
#editor-container { margin: 10px auto 0; width: 100%; }
#header-editor { border-bottom: 1px solid #EAEAEA; overflow: hidden; padding: 0 0 30px; position: relative; }
#headerLeft, #headerRight { overflow: hidden; width: 100%; }
#headerLeft { float: left; padding: 10px 1px 1px; }
    #headerLeft h2, #headerLeft h3 { font-family: 'Open Sans',sans-serif; font-weight: normal; margin: 0; overflow: hidden; }
    #headerLeft h2 { color: #32323A; font-size: 2.6em; line-height: 1.1em; margin-bottom: 30px; text-transform: capitalize; }
    #headerLeft h3 { color: #32323A; font-size: 1.5em; line-height: 1.1em; margin: 0.2em 0 0; }
#headerRight { float: right; padding: 1px; }
    #headerRight p { line-height: 1.8em; margin: 0; text-align: justify; }
        #headerRight p + p { margin-top: 20px; }
    #headerRight > div { color: #757575; font-size: 1.1em; margin: 0; padding: 20px 0; }
#columns { color: #757575; overflow: hidden; padding: 20px 0; }
    #columns h3 { color: #32323A; }
    #columns > div { float: left; width: 33.3%; }
    #columns #column1 > div { margin-left: 1px; }
    #columns #column3 > div { margin-right: 1px; }
    #columns > div > div { margin: 0 10px; padding: 10px 0; }
    #columns blockquote { margin-left: 15px; }
#taglist { display: inline-block; font-weight: bold; margin: 0 0 0 20px; }
.cke_editable.cke_editable_inline.cke_focus { background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #EAEAEA; cursor: text; outline: medium none; }
.general-table .progress { margin-bottom: 0; }
.adv-table table tr td { padding: 10px; }
.adv-table table.display thead th { border-bottom: 1px solid #DDDDDD; padding: 10px; }
tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
td.details { background-color: #EEEEEE; }
    td.details table tr td, .dataTable tr:last-child { border: medium none; }
.adv-table table.display tr.odd.gradeA { background-color: #F9F9F9; }
.adv-table table.display tr.even.gradeA { background-color: #FFFFFF; }
.adv-table .dataTables_filter label input { float: right; margin-left: 10px; width: 78%; }
.adv-table .dataTables_filter label { line-height: 33px; width: 100%; }
.adv-table .dataTables_length select { display: inline-block; margin: 0 10px 0 0; padding: 5px 8px; width: 65px; }
.adv-table .dataTables_info, .dataTables_paginate { padding: 15px 0; }
.adv-table .dataTables_length, .adv-table .dataTables_filter { padding: 15px 0; }
.cke_chrome { border: medium none !important; }
.editable-table .dataTables_filter { width: 80%; }
tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }
.flot-chart .chart, .flot-chart .pie, .flot-chart .bars { height: 300px; }
.demo-xchart { height: 400px; width: 100%; }
.full-width #main-content { margin-left: 0; }
.horizontal-menu { float: left; margin-top: 18px; }
    .horizontal-menu .navbar-nav > li { margin-right: 5px; }
        .horizontal-menu .navbar-nav > li > a { border-radius: 30px; padding: 10px 20px; transition: all 0.3s ease 0s; }
    .horizontal-menu > .navbar-nav > li > .dropdown-menu { border: medium none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important; margin-top: 23px; }
.full-width .navbar-header { width: 100%; }
.full-width .nav > li > a:hover, .full-width .nav li.active a, .full-width .nav li.dropdown a:hover, .full-width .nav li.dropdown.open a:focus, .full-width .nav .open > a, .full-width .nav .open > a:hover, .full-width .nav .open > a:focus { background-color: #1FB5AD; border-radius: 30px; color: #FFFFFF; text-decoration: none; transition: all 0.3s ease 0s; }
.full-width .dropdown-menu { box-shadow: none; }
    .full-width .dropdown-menu > li > a { font-size: 13px; padding: 10px 20px; }
.horizontal-menu .dropdown-menu > li > a { font-size: 13px; margin: 5px 10px; padding: 10px 20px; }
.form-body { padding: 20px; }
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #2A3542; color: #FFFFFF; cursor: pointer; text-decoration: none; }
.ms-container .ms-list, .ms-container .ms-list.ms-focus { box-shadow: none !important; }
    .ms-container .ms-list.ms-focus { border: 1px solid #2A3542; }
.ms-selectable .search-input, .ms-selection .search-input { margin-bottom: 10px; }
.spinner-buttons.btn-group-vertical .btn { height: 17px; margin: 0; padding-left: 6px; padding-right: 6px; text-align: center; width: 22px; }
    .spinner-buttons.btn-group-vertical .btn i { margin-top: -3px; }
    .spinner-buttons.btn-group-vertical .btn:first-child { border-radius: 0 4px 0 0 !important; }
    .spinner-buttons.btn-group-vertical .btn:last-child { border-radius: 0 0 4px !important; }
.wysihtml5-toolbar .btn-default { background: none repeat scroll 0 0 #FFFFFF; color: #757575; }
.lock-screen { background: url("../images/lock-screen.jpg") no-repeat fixed 0 0 / cover #1FB3A3; }
.lock-wrapper { margin: 10% auto; max-width: 500px; }
.lock-box { position: relative; }
.lock-name { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 0 0 5px; color: #1FB5AD; float: left; height: 50px; line-height: 50px; margin-top: 55px; padding: 0 20px; text-align: left; width: 50%; }
.lock-pwd { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 5px 5px 0; color: #1FB5AD; float: right; height: 50px; line-height: 50px; margin-top: 55px; padding: 0 0 0 80px; width: 50%; }
    .lock-pwd input { color: #626F81; margin-top: 6px; width: 74%; }
        .lock-pwd input:focus, .lock-pwd input:hover { border-color: #FFFFFF; }
.lock-wrapper img { border: 10px solid #FFFFFF; border-radius: 50%; height: 160px; left: 33%; position: absolute; width: 160px; }
.lock-wrapper .locked { color: #026F7A; display: inline-block; margin-bottom: 20px; }
.btn-lock, .btn-lock:hover { background: none repeat scroll 0 0 #FFFFFF; color: #626F81; margin-top: -8px; }
.lock-input { border: medium none; float: left; margin-right: 3px; width: 83%; }
#time { color: #FFFFFF; display: inline-block; font-family: 'Lato',sans-serif; font-size: 125px; font-weight: 100; margin-bottom: 50px; text-align: center; width: 100%; }
.language { margin-top: 4px; }
    .language .dropdown-menu { border: medium none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important; margin-top: 18px; }
        .language .dropdown-menu li a { padding: 10px; }
        .language .dropdown-menu li:last-child a { border-bottom: medium none; }
        .language .dropdown-menu li a { font-size: 13px; padding: 10px; }
            .language .dropdown-menu li a:hover { background: none repeat scroll 0 0 #F1F2F7; color: #32323A; }
.language-menu { margin-top: 15px !important; padding: 0; }
.lang-arrow-up { background: url("../images/top-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 10px; margin-right: 15px; margin-top: -15px; width: 18px; }
.breadcrumbs-alt { list-style-type: none; margin: 0 0 20px; overflow: hidden; padding: 0; width: 100%; }
    .breadcrumbs-alt li { float: left; margin: 0 25px 0 0; transition: all 0.3s ease-in-out 0s; }
    .breadcrumbs-alt a:before { border-color: #E0E1E7 #E0E1E7 #E0E1E7 rgba(0, 0, 0, 0); border-style: solid; border-width: 1.5em 0 1.7em 1em; content: ""; left: -1em; margin-top: -1.6em; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; }
    .breadcrumbs-alt a:after { border-bottom: 1.5em solid rgba(0, 0, 0, 0); border-left: 1em solid #E0E1E7; border-top: 1.5em solid rgba(0, 0, 0, 0); content: ""; margin-top: -1.5em; position: absolute; right: -1em; top: 50%; transition: all 0.3s ease-in-out 0s; }
    .breadcrumbs-alt a { background: none repeat scroll 0 0 #E0E1E7; color: #444444; float: left; font-size: 12px; padding: 10px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; }
        .breadcrumbs-alt a:hover:before, .breadcrumbs-alt a.current:before { border-color: #1FB5AD #1FB5AD #1FB5AD rgba(0, 0, 0, 0); border-style: solid; border-width: 1.5em 0 1.7em 1em; content: ""; left: -1em; margin-top: -1.6em; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; }
        .breadcrumbs-alt a:hover:after, .breadcrumbs-alt a.current:after { border-bottom: 1.5em solid rgba(0, 0, 0, 0); border-left: 1em solid #1FB5AD; border-top: 1.5em solid rgba(0, 0, 0, 0); content: ""; margin-top: -1.5em; position: absolute; right: -1em; top: 50%; transition: all 0.3s ease-in-out 0s; }
        .breadcrumbs-alt a:hover, .breadcrumbs-alt a.current { background: none repeat scroll 0 0 #1FB5AD; color: #FFFFFF; float: left; font-size: 12px; padding: 10px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; }
.footer-section { background: none repeat scroll 0 0 #32323A; bottom: 0; color: #FFFFFF; margin-top: 30px; padding: 10px 0; width: 100%; }
.go-top { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); border-radius: 2%; float: right; height: 25px; margin-right: 1%; width: 25px; }
    .go-top i { color: #FFFFFF; font-size: 18px; padding-top: 2px; }
.site-min-height { min-height: 900px; }
.price-head { padding: 10px 0 50px; }
    .price-head h1 { color: #1FB5AD; font-size: 32px; font-weight: normal; }
.pricing-table { background: none repeat scroll 0 0 #F1F2F7; border-radius: 5px; padding: 0 0 25px; text-align: center; }
    .pricing-table.most-popular { position: relative; }
.most-popular { background: none repeat scroll 0 0 #F1F2F7; color: #7D7D7D; }
    .most-popular .pricing-head { background: none repeat scroll 0 0 #1FB5AD; border-radius: 5px 5px 0 0; height: 170px; position: relative; }
    .most-popular .pricing-quote, .most-popular ul li i { color: #1FB5AD; }
    .most-popular ul li { }
    .most-popular .price-actions .btn { background: none repeat scroll 0 0 #1FB5AD !important; cursor: pointer; }
.pricing-table .price-actions .btn { background: none repeat scroll 0 0 #7D7D7D; border: medium none; border-radius: 5px; box-shadow: none; color: #FFFFFF; cursor: pointer; padding: 10px 20px; text-shadow: none; }
.pricing-head { background: none repeat scroll 0 0 #7D7D7D; border-radius: 5px 5px 0 0; height: 170px; position: relative; }
    .pricing-head h1 { color: #FFFFFF; font-size: 24px; font-weight: 300; padding-top: 30px; text-transform: uppercase; }
.pricing-quote { background: none repeat scroll 0 0 #FFFFFF; border-radius: 50%; color: #7D7D7D; font-size: 45px; font-weight: 100; height: 150px; margin: -85px auto; padding: 22px 0; position: relative; width: 150px; z-index: 100; }
    .pricing-quote:after { border: 10px solid rgba(255, 255, 255, 0.5); border-radius: 50%; content: ""; height: 170px; left: -10px; margin: -85px auto; position: absolute; top: 75px; width: 170px; z-index: 100; }
.pricing-table ul { margin: 120px 0 50px; padding: 0; }
    .pricing-table ul li { font-weight: 300; margin: 0 2em; padding: 1em 0; text-align: left; }
        .pricing-table ul li i { margin-right: 10px; }
.pricing-quote span.note { display: inline; font-size: 18px; line-height: 0.8em; position: relative; top: -18px; }
.pricing-quote p { color: #D2D2D6; font-size: 16px; }
.pricing-quotation, .team-info { background: none repeat scroll 0 0 #EEEEEE; border-radius: 5px; display: inline-block; margin-bottom: 100px; padding: 20px 20px 35px; text-align: center; width: 100%; }
    .pricing-quotation h3, .team-info h3 { font-weight: 300; }
    .pricing-quotation p, .team-info p { margin-bottom: 0; }
.pricing-plan, .team-info-wrap { position: relative; }
.pricing-quotation:before, .team-info:before { background-color: #EEEEEE; border-color: #EEEEEE; border-image: none; border-right: 1px none #EEEEEE; border-style: none; content: ""; display: block; height: 14px; left: 48%; position: absolute; top: -7px; transform: rotate(45deg); width: 15px; }
.sortable .panel .panel-heading { cursor: move; }
.has-switch span.switch-left, .has-switch span.switch-right { border-radius: 40px; }
.toggle-heading h3 { font-size: 16px; font-weight: 300; margin: 0 0 10px; padding-bottom: 10px; }
.tagsinput { height: 40px !important; margin: 0 !important; min-height: 41px !important; overflow: auto !important; padding: 5px !important; }
div.tagsinput span.tag { background: none repeat scroll 0 0 #CDE69C !important; border: 0 none !important; color: #638421 !important; margin-bottom: 4px !important; padding: 5px 6px !important; }
.hd-title { font-size: 16px; margin: 10px 0; }
.main-chart { height: 265px; width: 100%; }
#flotTip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; padding: 10px; }
#legendcontainer26 { padding: 10px 0; }
    #legendcontainer26 .legendColorBox { padding-right: 5px; }
        #legendcontainer26 .legendColorBox div { border-radius: 100% !important; }
.widget-h { color: #AFAEBC; font-size: 16px; margin: 0 0 10px; text-align: center; text-transform: uppercase; }
.gauge-canvas { text-align: center; }
.gauge-value { color: #FA8564; font-size: 16px; font-weight: bold; padding-left: 20px; }
.gauge-title { color: #CCCCCC; font-size: 14px; padding-right: 20px; }
.gauge-meta { margin: 0; padding-top: 7px; }
.daily-visit { text-align: center; }
.daily-visit-spark { padding: 10px 0; }
.sm-pie .legendColorBox { padding-right: 5px; }
    .sm-pie .legendColorBox > div { border: 0 solid #FFFFFF !important; }
    .sm-pie .legendColorBox div { border-radius: 100% !important; }
.epie-chart { display: inline-block; height: 80px; position: relative; text-align: center; width: 80px; }
    .epie-chart canvas { left: 0; position: absolute; top: 0; }
.percent { display: inline-block; line-height: 80px; z-index: 2; }
.pc-epie-chart { display: inline-block; height: 50px; position: relative; text-align: center; width: 50px; }
    .pc-epie-chart canvas { left: 0; position: absolute; top: 0; }
    .pc-epie-chart .percent { color: #5BC6F0; display: inline-block; font-size: 10px; line-height: 50px; z-index: 2; }
.percent:after { content: "%"; font-size: 0.8em; margin-left: 0.1em; }
.chart-meta { margin: 0; }
.visit-chart-value { color: #3ACDC7; font-size: 18px; font-weight: 600; padding-top: 10px; }
.visit-chart-title { color: #CCCCCC; font-size: 16px; padding-top: 10px; }
    .visit-chart-title i { color: #3ACDC7; }
.top-stats-panel { min-height: 164px; }
    .top-stats-panel .sm-pie { margin-top: 30px; }
.sm-pie { display: block; height: 100px; width: 100%; }
.target-sell { display: block; height: 40px; width: 100%; }
.side-graph-info { float: left; padding-bottom: 7px; padding-left: 15px; padding-top: 7px; }
.side-mini-graph { float: right; margin-right: 10px; text-align: center; width: 70px; }
.side-graph-info.payment-info { padding-top: 10px; }
.monthly-stats { border-radius: 4px 4px 0 0; margin: -15px -15px 15px; padding: 15px; }
    .monthly-stats.pink { background-color: #9972B5 !important; }
.sparkline { text-align: center; }
.monthly-stats h4 { color: #FFFFFF; font-weight: normal; margin: 0; padding: 5px 0 10px; text-transform: uppercase; }
.circle-sat ul { text-align: center; }
    .circle-sat ul li { display: inline-block; }
        .circle-sat ul li span { display: block; text-transform: uppercase; }
.left-stat-label span, .right-stat-label span { display: block; }
.left-stat-label { font-size: 11px; padding-right: 10px; position: relative; text-align: right; top: 10px; }
.right-stat-label { font-size: 11px; padding-left: 10px; position: relative; text-align: left; top: 10px; }
.left-stat-label .sell-percent { color: #F9A10C; font-size: 14px; }
.right-stat-label .sell-percent { color: #36D8C0; font-size: 14px; padding-top: 30px; }
.spark-bar-label span { color: #BBBBBB; display: block; }
.bar-label-value { color: #666666 !important; font-size: 20px; }
.prospective-spark-bar { margin: 0; }
    .prospective-spark-bar li { padding: 20px 0; }
.jqstooltip:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.6) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0); border-image: none; border-right: 4px solid rgba(136, 183, 213, 0); border-style: solid; border-width: 4px; content: " "; height: 0; left: 50%; margin-left: -4px; pointer-events: none; position: absolute; top: 100%; width: 0; }
.stat-btn { background-color: #EEE6F5; border-radius: 3px; color: #CAB1D9; height: 24px; padding: 3px; }
    .stat-btn:hover { background-color: #422C50; color: #CAB1D9; }
    .stat-btn.active { background-color: #422C50; color: #CAB1D9; }
.region-earning-stats { color: #6D6D6D; font-family: 'Open Sans',sans-serif; font-weight: 600; padding: 40px 30px; text-align: center; text-transform: uppercase; }
    .region-earning-stats span { color: #B0C781; display: block; font-size: 20px; }
.location-earning-stats { font-family: 'Open Sans',sans-serif; font-weight: 600; margin-bottom: 30px; text-align: center; }
    .location-earning-stats li { padding: 0 15px; }
    .location-earning-stats li { display: inline-block; font-size: 12px; text-transform: uppercase; }
        .location-earning-stats li span { display: block; font-size: 14px; }
.stat-divider { border-right: 1px dashed #DADADA; }
.vector-stat { height: 150px; margin-top: 20px; }
.alert-icon { border-radius: 100%; display: inline-block; height: 40px; width: 40px; }
    .alert-icon i { color: #FFFFFF; display: block; font-size: 20px; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.notification-info { margin-left: 56px; margin-top: -40px; }
.notification-meta { margin-bottom: 3px; }
.notification-info p { color: #999999; font-size: 12px; margin: 0; }
.alert-info .alert-icon { background-color: #99CCE3; }
.alert-danger .alert-icon { background-color: #FCB1AE; }
.alert-success .alert-icon { background-color: #98D7AD; }
.alert-warning .alert-icon { background-color: #FFE699; }
.notification-sender { color: #414147; }
.notification-time { color: #999999; font-style: italic; }
.alert-info .notification-info a { color: #45A2C9; }
.alert-danger .notification-info a { color: #FB6F6B; }
.alert-success .notification-info a { color: #42B663; }
.alert-warning .notification-info a { color: #E6CB76; }
.alert-info.bucket-notification { background-color: #EEF7FD; }
.alert-danger.bucket-notification { background-color: #FEF3F2; }
.alert-success.bucket-notification { background-color: #EEF8F8; }
.alert-warning.bucket-notification { background-color: #FFF7E1; }
.conversation-list li { margin-bottom: 24px; }
.conversation-list .chat-avatar { display: inline-block; float: left; text-align: center; width: 40px; }
    .conversation-list .chat-avatar i { font-size: 12px; font-style: normal; }
.conversation-list .ctext-wrap i { color: #2CB9B3; display: block; font-size: 12px; font-style: normal; font-weight: bold; position: relative; }
.conversation-list .conversation-text { display: inline-block; float: left; font-size: 12px; margin-left: 12px; width: 70%; }
.conversation-list .ctext-wrap { background: none repeat scroll 0 0 #D5F2EF; border-radius: 3px; display: inline-block; padding: 10px; position: relative; }
    .conversation-list .ctext-wrap p { margin: 0; padding-top: 3px; }
    .conversation-list .ctext-wrap:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(213, 242, 239, 0) #D5F2EF rgba(213, 242, 239, 0) rgba(213, 242, 239, 0); border-image: none; border-style: solid; border-width: 5px; content: " "; height: 0; margin-top: -5px; pointer-events: none; position: absolute; right: 100%; top: 20%; width: 0; }
.conversation-list .odd .chat-avatar { float: right !important; }
.conversation-list .odd .conversation-text { float: right !important; margin-right: 12px; text-align: right; width: 70% !important; }
.conversation-list .odd .ctext-wrap { background: none repeat scroll 0 0 #EEEEF2 !important; }
    .conversation-list .odd .ctext-wrap i { color: #ACACAC; }
    .conversation-list .odd .ctext-wrap:after { border-color: rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) #EEEEF2 !important; left: 100% !important; top: 20% !important; }
.chat-send { padding-left: 0; }
    .chat-send button { width: 100%; }
.event-calendar { background: none repeat scroll 0 0 #1FB5AC; border-radius: 6px; min-height: 474px; }
.calendar-block { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 5px 5px 0; float: right !important; min-height: 474px; z-index: 1000; }
.event-list-block { border-radius: 5px 0 0 5px; }
.calendar-block .clndr { margin: 40px 0; }
.calendar-block .clndr { margin: 40px 0; }
.calendar-block .clndr-controls { margin: 45px 0 !important; }
.calendar-block .day-contents { margin: auto; width: 30px; }
.today .day-contents { background: none repeat scroll 0 0 #1FB0AB; border-radius: 3px; color: #FFFFFF; cursor: pointer; width: 30px; }
.calendar-block .day-contents:hover { background: none repeat scroll 0 0 #1FB0AB; border-radius: 3px; color: #FFFFFF; cursor: pointer; width: 30px; }
.event-list li { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); border-radius: 3px; color: #FFFFFF; margin-bottom: 5px; padding: 10px 30px 10px 10px; position: relative; }
.event-close { color: #FFFFFF; display: inline-block; font-size: 20px; position: absolute; right: 4px; top: 8px; }
.cal-day { color: #FFFFFF; font-size: 30px; font-weight: 300; padding-bottom: 30px; padding-top: 15px; text-transform: uppercase; }
    .cal-day span { display: block; font-size: 14px; }
.evnt-input, .evnt-input:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: -moz-use-text-color -moz-use-text-color #FFFFFF; border-image: none; border-radius: 0; border-style: none none solid; border-width: medium medium 1px; color: #FFFFFF; margin-top: 10px; padding-left: 0; }
.widget-head { position: relative; }
.widget-collapse { display: block; height: 20px; position: absolute; right: 10px; text-align: center; width: 20px; }
    .widget-collapse i { display: block; font-size: 8px; height: 20px; line-height: 20px; text-align: center; width: 20px; }
.mini-stat { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px; margin-bottom: 20px; padding: 20px; }
.mini-stat-icon { background: none repeat scroll 0 0 #EEEEEE; border-radius: 100%; color: #FFFFFF; display: inline-block; float: left; font-size: 30px; height: 60px; line-height: 60px; margin-right: 10px; text-align: center; width: 60px; }
.mini-stat-info { font-size: 12px; padding-top: 2px; }
    .mini-stat-info span { display: block; font-size: 24px; font-weight: 600; }
.orange { background: none repeat scroll 0 0 #FA8564 !important; }
.tar { background: none repeat scroll 0 0 #1FB5AC !important; }
.mini-stat .green { background: none repeat scroll 0 0 #AEC785 !important; }
.pink { background: none repeat scroll 0 0 #A48AD4 !important; }
.yellow-b { background: none repeat scroll 0 0 #FDD752 !important; }
.weather-widget { background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px; margin-bottom: 20px; padding: 12px 15px; }
.weather-info { margin: 0; }
    .weather-info li { color: #CCCCCC; font-size: 14px; }
.weather-icon { margin-right: 10px; padding-right: 10px; }
    .weather-icon canvas { margin-top: 15px; }
.weather-cent span { color: #AEC785; font-size: 30px; font-weight: 700; }
    .weather-cent span:after { content: "o"; font-size: 16px; position: relative; top: -15px; }
.bar-stats { border-bottom: 2px solid #AEC785; height: 80px; margin-top: 20px; position: relative; }
.progress-stat-bar { padding-left: 10px; }
    .progress-stat-bar li { background: none repeat scroll 0 0 #F1F1F1; float: left; height: 78px; margin-right: 5px; position: relative; width: 20px; }
.progress-stat-percent { background: none repeat scroll 0 0 #AEC785; bottom: 0; display: block; left: 0; position: absolute; width: 100%; }
.bar-legend { position: absolute; right: 0; top: 0; }
    .bar-legend li { font-size: 11px; margin-bottom: 5px; }
.bar-legend-pointer { display: inline-block; height: 10px; margin-right: 5px; position: relative; top: 1px; width: 10px; }
    .bar-legend-pointer.green { background: none repeat scroll 0 0 #AEC785; }
.daily-sales-info { color: #CCCCCC; }
    .daily-sales-info span { display: inline-block; }
        .daily-sales-info span.sales-count { color: #AEC785; font-size: 18px; font-weight: 600; }
.daily-sales-info { padding-top: 6px; }
    .daily-sales-info span.sales-label { position: relative; top: -2px; }
.todo-title { margin-right: 70px; }
.to-do-list li { background: none repeat scroll 0 0 #F3F3F3; border-radius: 3px; cursor: move; margin-bottom: 5px; padding: 13px; position: relative; }
    .to-do-list li p { margin-bottom: 0; }
.todo-actionlist { position: absolute; right: 15px; top: 13px; }
    .todo-actionlist a { display: inline-block; float: left; height: 24px; width: 24px; }
        .todo-actionlist a i { color: #CCCCCC; display: inline-block; height: 24px; line-height: 24px; text-align: center; width: 24px; }
        .todo-actionlist a:hover i { color: #666666; }
.todo-done i { font-size: 14px; }
.todo-remove i { font-size: 10px; }
.line-through { text-decoration: line-through; }
.todo-action-bar { margin-top: 20px; }
.drag-marker { display: block; float: left; height: 17px; position: relative; top: 2px; width: 7px; }
    .drag-marker i { background: none repeat scroll 0 0 #CCCCCC; box-shadow: 5px 0 0 0 #CCCCCC, 0 5px 0 0 #CCCCCC, 5px 5px 0 0 #CCCCCC, 0 10px 0 0 #CCCCCC, 5px 10px 0 0 #CCCCCC, 0 15px 0 0 #CCCCCC, 5px 15px 0 0 #CCCCCC; display: block; height: 2px; width: 2px; }
.to-do-list li .todo-check input[type="checkbox"] { visibility: hidden; }
.todo-check { margin-left: 10px; margin-right: 10px; position: relative; width: 20px; }
    .todo-check label { border: 1px solid #CCCCCC; border-radius: 2px; cursor: pointer; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
        .todo-check label:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: -moz-use-text-color -moz-use-text-color #CFCFCF #CFCFCF; border-image: none; border-style: none none solid solid; border-width: medium medium 3px 3px; content: ""; height: 8px; left: 3px; opacity: 0; position: absolute; top: 3px; transform: rotate(-45deg); width: 13px; }
.todo-checklabel:hover:after { opacity: 0.3; }
.todo-check input[type="checkbox"]:checked + label:after { opacity: 1; }
.btn-todo-select button, .btn-add-task button { font-size: 12px; width: 100%; }
.todo-search-wrap { padding: 0; }
.todo-search { border-radius: 3px !important; }
.side-mini-stat { padding: 10px 0 !important; }
.notification-pie-chart { display: block; height: 50px; position: relative !important; width: 50px; }
    .notification-pie-chart .pie-percent, .notification-pie-chart .percent { color: #666666; display: block; font-size: 11px !important; font-weight: normal !important; height: 50px !important; line-height: 52px !important; margin-left: 0 !important; padding-left: 0 !important; position: absolute; text-align: center; top: 0; width: 50px !important; }
.legendLabel { padding-bottom: 3px; }
.notification-pie-chart .percent:after { content: "%"; font-size: 0.8em; margin-left: 0.1em; }
.first-city { color: #7BD0D1; }
.second-city { color: #C5CC73; }
.third-city { color: #E47578; }
.top-menu .dropdown-menu:after, .top-menu .dropdown-menu:before { border: medium solid rgba(0, 0, 0, 0); bottom: 100%; content: " "; height: 0; left: 9%; pointer-events: none; position: absolute; width: 0; }
.top-menu .dropdown-menu:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; border-width: 7px; margin-left: -7px; }
.top-menu .dropdown-menu:before { border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) #EEEEEE; border-width: 8px; margin-left: -8px; }
.pull-right.top-menu .dropdown-menu:after, .pull-right.top-menu .dropdown-menu:before { border: medium solid rgba(0, 0, 0, 0); bottom: 100%; content: " "; height: 0; left: 90%; pointer-events: none; position: absolute; width: 0; }
.pull-right.top-menu .dropdown-menu:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF; border-width: 7px; margin-left: -7px; }
.pull-right.top-menu .dropdown-menu:before { border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) #EEEEEE; border-width: 8px; margin-left: -8px; }
.chartJs { display: block; width: 100%; }
#gmap-list, #gmap-tabs { height: 450px; }
#graph-area-line > svg, #graph-bar > svg { width: 100% !important; }
.task-info .desc p { padding-bottom: 0 !important; }
.task-info .desc h5 { padding-top: 8px; }
.evnt-input:-moz-placeholder { color: #FFFFFF !important; font-size: 12px; }
.evnt-input::-moz-placeholder { color: #FFFFFF !important; font-size: 12px; }
#map-canvas { border: 10px solid #EEEEEE; border-radius: 100%; height: 400px; margin-top: 40px; width: 400px; }
.gear-settings { border-radius: 0 30% 0 0; height: 35px; width: 35px; }
    .gear-settings i { color: #BFBFC1; display: inline-block; font-size: 18px; height: 35px; line-height: 33px; position: relative; text-align: center; width: 35px; }
    .gear-settings:hover i { color: #666666; }
.theme-switcher { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; padding-left: 7px; position: fixed; right: -1px; top: -165px; transition: all 0.3s ease-in-out 0s; width: 228px; z-index: 1000; }
.show-switcher { right: -1px; top: 80px; transition: all 0.3s ease-in-out 0s; }
.theme-switcher h6 { margin: 0; padding: 10px 10px 0; }
.color-list { padding: 5px; }
.select-layout { padding: 10px; }
    .select-layout li a, .layout-option li a, .layout-option li .btn { border-radius: 3px; font-size: 12px; margin-right: 5px; padding: 3px 10px; }
.color-list li { display: inline-block; float: left; height: 24px; margin: 5px; width: 24px; }
.theme-color { cursor: pointer; }
.default-theme { background-color: #1FB5AD; }
.blue-theme { background-color: #38BBEB; }
.green-theme { background-color: #8EBF4E; }
.orange-theme { background-color: #FEA352; }
.purple-theme { background-color: #9488DD; }
.turquoise-theme { background-color: #6CCAC9; }
.fixed-width { background: none repeat scroll 0 0 #AEAEAE; }
    .fixed-width #container { margin: auto; overflow: hidden !important; position: relative; width: 90%; }
        .fixed-width #container .header { left: auto; right: auto; width: 90%; }
    .fixed-width #main-content { background: none repeat scroll 0 0 #F1F2F7; }
    .fixed-width #container #sidebar { position: absolute; }


.text-purple { color: #9488DD; }
.text-green { color: #1FB5AD; }

ul.sidebar-menu li i { margin-left: -10px; margin-right: 5px; }
    ul.sidebar-menu li i.icon-cancel-2 { font-size: 13px; margin-right: 8px; }
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus, ul.sidebar-menu li a.active i, ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { background: transparent; color: #fff; }

ul.sidebar-menu li.disabled a { color: #59595F; }
ul.sidebar-menu li a { color: #fff; }
    ul.sidebar-menu li a i { color: #F0F0F0; }
    ul.sidebar-menu li a i, ul.sidebar-menu li a span { transition: none; }
ul.sidebar-menu li.disabled i, ul.sidebar-menu li.disabled a.active i { color: #64646A; }
ul.sidebar-menu li.disabled a:hover i, ul.sidebar-menu li.disabled a:focus i { color: #64646A; }
ul.sidebar-menu li.disabled a.active, ul.sidebar-menu li.disabled a:hover, ul.sidebar-menu li.disabled a:focus { background-color: transparent; cursor: default; }
ul.sidebar-menu li sup { vertical-align: top; position: relative; top: 0.2em; }
#main-content .wrapper { padding: 0 15px; }
.tooltip-inner { text-transform: none; font-size: 11px; }

.notify-row i:before { margin: 0; line-height: 1; color: #959595; }
.notify-row .dropdown-toggle:hover i:before, .notify-row .dropdown-toggle:focus i:before { color: #fff; }
.headerToggleCircle { background: none repeat scroll 0 0 #F6F6F6; border-radius: 50%; float: left; height: 35px; width: 35px; color: #959595; cursor: pointer; }
    .headerToggleCircle:hover { background: none repeat scroll 0 0 #32D2C9; color: #FFFFFF; }
    .headerToggleCircle .icon-info-2 { margin-top: 7px; margin-left: 9px; }
    .headerToggleCircle .icon-wrench { font-size: 16px; margin-left: 6px; margin-top: 5px; }

.modal-backdrop { background-color: #000; }
    .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); }
.graphiModal .modal-header { background-color: #FFF; padding: 5px 15px; }
    .graphiModal .modal-header h3 { margin-top: 5px; }
.graphiModal .modal-content { background-color: #F1F2F7; }
.graphiModal .panel-heading { background-color: #35C39F; }
    .graphiModal .panel-heading p { color: #FFF; }
.graphiModal .panel-body { border: 1px solid #f5f5f5; border-top: none; }
.graphiModal .modal-body img { float: left; margin-right: 10px; width: 100px; padding: 5px; }
.graphiModal .badge { font-size: inherit; }
.graphiModal .h4 b { padding: 5px 10px; background-color: #1FB5AD; color: #fff; border-radius: 50%; }
.graphiModal .btn-block { padding-top: 15px; padding-bottom: 15px; }
th { text-align: center; }
.table-centered { text-align: center; }

.leftside-navigation .sidebar-menu li:last-of-type { margin-bottom: 47px; }

.text-larger { font-size: larger; }

.qweqwe { margin-top: 800px; margin-left: 300px; display: none; }
    .qweqwe:before { font-size: 30px; }
    .qweqwe [class^="ico-"], .qweqwe [class*=" ico-"] { font-size: 20px; color: black; background-color: #fff; padding: 5px; line-height: 2; }
