<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
 * Remark (http://getbootstrapadmin.com/remark)
 * Copyright 2015 amazingsurge
 * Licensed under the Themeforest Standard Licenses
 */

/* Electrolux Fonts */
@font-face {
    font-family: 'electrolux_sansregular'; font-weight: normal; font-style: normal;
    src: url('../fonts/electrolux/electroluxsans_3_regular-webfont.woff2') format('woff2'),
         url('../fonts/elextrolux/electroluxsans_3_regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'electrolux_sanssemibold'; font-weight: normal; font-style: normal;
    src: url('../fonts/elextrolux/electroluxsans_4_semibold-webfont.woff2') format('woff2'),
         url('../fonts/elextrolux/electroluxsans_4_semibold-webfont.woff') format('woff');
}

html, body { height: 100%; }
.page-wrap { min-height: 100%; /* equal to footer height */ margin-bottom: -44px;}
.page-wrap:after { content: ""; display: block; }
.site-footer, .page-wrap:after { height: 44px; }
body.modal-open { overflow: visible!important; }
body { padding-top: 66px; font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif; background: #f0f3f4; }
pre { background: none; text-align: left; font-size: 14px; border: none; margin:0; white-space: pre-wrap; word-break: normal; width:100%; display: inline-block; padding: 0; vertical-align:top; font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif; }
ul, li { list-style: none; padding: 0; margin: 0; }
.fancybox-lock .fancybox-overlay { overflow: hidden; }
.btn-link:focus { text-decoration: none; }
.tooltip { white-space: nowrap; }
.login-loader { display: inline-block; text-align: center; width: 100%; padding-top: 10px; }
.readonly { background: #eee!important; cursor: default; }
.display-block { display: block; }
.display-inline-block { display: inline-block; }
.pos-rel { position: relative; z-index:999; }
a:focus, a:hover { text-decoration:none; }
:focus { outline:0; outline: none; }
.disabled {color: #ccc !important; cursor: not-allowed !important;}
.disabled:hover {color: #ccc !important; cursor: not-allowed !important;}
.loading { background:url(images/ajax-loader.gif) no-repeat 47% 47%; width:32px; height:32px; display:inline-block; vertical-align:middle; }
.site-menubar-unfold .fa-compress:before { content: "\f066"; }
.site-menubar-fold .fa-compress:before { content: "\f065"; }
.site-navbar { background-color:#fff; }
.site-navbar .navbar-header {background-color:#f37032;display:inline-block;width: 220px;padding:12px 0 13px;position:relative;    z-index:1;}
.site-navbar .navbar-header .top-logo { background:url(../images/go-works-logo1.png) no-repeat;width:106px;height:41px;display:block;margin-left:30px;}
.site-menubar-fold .site-navbar .navbar-header .top-logo {background:url(../images/mobile-logo1.png) no-repeat;margin-left:22px; width: 44px; }
.site-navbar .navbar-header .navbar-toggle {color: #fff;}
.site-navbar .navbar-header .hamburger .hamburger-bar,.site-navbar .navbar-header .hamburger:after,.site-navbar .navbar-header .hamburger:before { background-color: #fff;}
.site-navbar .navbar-header .navbar-brand { color: #fff; font-family: 'Roboto', sans-serif; cursor: pointer;}
.search-field { display:inline-block; background:none; border:none; font-size:17px; vertical-align:top; padding:10px 10px 10px 0; margin-top:10px; }
.search-field:focus { outline:0; border:none; }
.search-btn { border:none; background:none; font-size:20px; color:#485b7a; font-weight:bold; display:inline-block; padding:20px 10px 17px; }
.search-btn:focus { border:none; outline:0; }
.search-icon { position: absolute; left:11px; top: 9px; background:url(../images/search-icon-small.jpg) no-repeat top left; width:13px; height:12px; }
.navbar-search-overlap { margin-left: 50px; width: 35%; }
.navbar-search-overlap.collapse { display: block; }
.navbar-search-overlap .input-search-close { display: none; }
.navbar-search-overlap .form-control { border: none; }
.navbar-search-overlap .form-control:focus { border:none; outline:0; }
.input-search .input-search-icon { font-size: 14px;  }
.site-menubar-unfold .navbar-search-overlap { left:220px; }
.site-menubar-fold .navbar-search-overlap { left:0; }
.site-navbar .container-fluid { background-color: #fff; }
.site-navbar.navbar-inverse .container-fluid { background-color: transparent; margin-left:260px; }
.site-navbar.navbar-default .navbar-toolbar &gt; li &gt; a { color:#3f516b; font-size:16px; }
.nav &gt; li &gt; a.language-option { display:inline-block; width:20px; height:20px; border-radius:25px; overflow:hidden; padding:0; margin:22px 15px 0;}
.nav &gt; li &gt; a.language-option img { width:100%; height:100%; }
.site-navbar .navbar-right .dropdown-menu { background:#263238; padding:0; border:none; margin-top:8px; }
.site-navbar .navbar-right .dropdown-menu &gt; li { padding:0; margin:0; }
.site-navbar .navbar-right .dropdown-menu &gt; li &gt; a { color:#fff; }
.site-navbar .navbar-right .dropdown-menu &gt; li &gt; a:focus, .site-navbar .navbar-right .dropdown-menu &gt; li &gt; a:hover { border-radius:0; background:#838f9a; }
.site-menubar { z-index: 999; position: fixed; top: 66px; height: 100%; height: -webkit-calc(100% - 66px); height: calc(100% - 66px); background: #263238; color:#838f9a; font-family: 'Roboto', sans-serif;}
.site-menubar-body { height: 100%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px);}
.site-menubar ul { list-style: none; margin:0; padding:0; margin-top:0!important; width:220px;}
.site-menubar a { outline: 0; }
.site-menubar a:focus,.site-menubar a:hover { text-decoration: none;}
.site-menubar.site-menubar-light { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08); box-shadow: 0 2px 4px rgba(0,0,0,.08); }
.site-menubar.site-menubar-light .scrollable-inverse.scrollable .scrollable-bar-handle { background: rgba(163,175,183,.6);}
.site-menubar-section { padding: 0 30px; margin-top: 50px; margin-bottom: 50px; }
.site-menubar-section&gt;h4,.site-menubar-section&gt;h5 { color: #76838f;}
.site-menubar-section .progress:last-child { margin-bottom: 0;}
.site-menubar-footer { position: fixed; bottom: 0; display: block; z-index: 1400;}
.site-menubar-footer &gt; a { display: block; float: left; width: 33.33333333%; height: 76px; padding: 26px 0; color: #76838f; font-size: 16px; text-align: center; background-color: #21292e;}
.site-menubar-footer&gt;a:focus,.site-menubar-footer&gt;a:hover { background-color: #1e2427;}
.site-menubar-light .site-menubar-footer&gt;a { background-color: #e4eaec;}
.site-menubar-light .site-menubar-footer&gt;a:focus,.site-menubar-light .site-menubar-footer&gt;a:hover { background-color: #d5dee1;}
.site-menu { font-size: 14px; overflow-y: hidden; padding-bottom: 20px;}
.site-menu-icon { float:left; text-align: center; font-size:20px; width: 22px; }
.site-menu-title { vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.site-menu-arrow { font-family: 'Web Icons'; -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: relative; display: inline-block; font-style: normal; font-weight: 400; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.site-menu-arrow:before { content: '\f17f';}
.site-menu-arrow,.site-menu-badge,.site-menu-label { position: absolute; right: 30px; display: inline-block; vertical-align: middle;}
.site-menu .badge,.site-menu .label { padding: 2px 5px 3px; font-size: 12px; font-weight: 400;}
.site-menu-item { position: relative; white-space: nowrap; display:inline-block; width:100%; }
.site-menu-item a { display:inline-block; color:rgba(163,175,183,.9); white-space:nowrap; cursor:pointer; width:100%; height:50px; }
.site-menu-item.is-hidden { opacity: 0;}
.site-menu-item.is-shown { opacity: 1;}
.site-menu&gt;.site-menu-item { padding: 0; position: relative;}
.site-menu&gt;.site-menu-item.open { background: #242f35;}
.site-menu&gt;.site-menu-item.open&gt;a { color: #fff; background: 0 0;}
.site-menu&gt;.site-menu-item.open.hover&gt;a { background: 0 0;}
.site-menu&gt;.site-menu-item.hover&gt;a,.site-menu&gt;.site-menu-item:hover&gt;a {color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.02);}
.site-menu&gt;.site-menu-item.active { background: #242f35; border-top: 1px solid rgba(0,0,0,.04); border-bottom: 1px solid rgba(0,0,0,.04);}
.site-menu&gt;.site-menu-item.active&gt;a { color: #fff; background: 0 0;}
.site-menu&gt;.site-menu-item.active.hover&gt;a { background: 0 0;}
.site-menu .site-menu-sub { padding: 5px 0; margin: 0; font-size: 14px; background: 0 0; }
.site-menu .site-menu-sub .site-menu-item { line-height: 36px; color: rgba(163,175,183,.9); background: 0 0;}
.site-menu .site-menu-sub .site-menu-item.has-sub { border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
.site-menu .site-menu-sub .site-menu-item.has-sub.open { border-top-color: rgba(0,0,0,.06); border-bottom-color: rgba(0,0,0,.06);}
.site-menu .site-menu-sub .site-menu-item&gt;a { padding: 0 30px;}
.site-menu .site-menu-sub .site-menu-item.open { background: rgba(0,0,0,.06);}
.site-menu .site-menu-sub .site-menu-item.open&gt;a { color: #fff;}
.site-menu .site-menu-sub .site-menu-item.open.hover&gt;a { background-color: transparent; }
.site-menu .site-menu-sub .site-menu-item.hover&gt;a,.site-menu .site-menu-sub .site-menu-item:hover&gt;a { color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.02);}
.site-menu .site-menu-sub .site-menu-item.active { background: rgba(0,0,0,.06);}
.site-menu .site-menu-sub .site-menu-item.active&gt;a { color: #fff;}
.site-menu .site-menu-sub .site-menu-item.active.hover&gt;a { background-color: transparent;}
.site-menubar-light .site-menu-item a { color: #c8cacc;}
.site-menubar-light .site-menu-item.hover&gt;a,.site-menubar-light .site-menu-item:hover&gt;a { background: 0 0;}
.site-menubar-light .site-menu&gt;.site-menu-item.open { background: rgba(53,131,202,.05); }
.site-menubar-light .site-menu&gt;.site-menu-item.open&gt;a { color: #62a8ea;}
.site-menubar-light .site-menu&gt;.site-menu-item.hover,.site-menubar-light .site-menu&gt;.site-menu-item:hover { background-color:#000;}
.site-menubar-light .site-menu&gt;.site-menu-item.hover&gt;a,.site-menubar-light .site-menu&gt;.site-menu-item:hover&gt;a { color: #f37032; }
.site-menubar-light .site-menu&gt;.site-menu-item:focus&gt;a { color: #f37032; background:#1e282d;}
.site-menubar-light .site-menu&gt;.site-menu-item.active { background:#000;}
.site-menubar-light .site-menu&gt;.site-menu-item.active&gt;a { color:#f37032;}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.open { background: rgba(53,131,202,.03);}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.open&gt;a { color: #62a8ea;}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover { background-color: transparent;}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover&gt;a,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover&gt;a { color: #62a8ea;}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover.open,.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover.open { background-color: rgba(53,131,202,.03);}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.active { background: 0 0;}
.site-menubar-light .site-menu .site-menu-sub .site-menu-item.active&gt;a { color: #62a8ea;}

.site-gridmenu { position: fixed; top: 66px; height: 100%; padding: 20px 0; background-color: #263238; z-index: 1500; opacity: 0; visibility: hidden;}
.js &gt; .site-gridmenu { -webkit-transition: opacity .5s ease 0s,visibility 0s; -o-transition: opacity .5s ease 0s,visibility 0s; transition: opacity .5s ease 0s,visibility 0s;}
.site-gridmenu-active &gt; .site-gridmenu { opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease 0s; -o-transition: opacity .5s ease 0s; transition: opacity .5s ease 0s;}
.site-gridmenu-active&gt;.site-gridmenu ul { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0); }
.site-gridmenu ul { margin: 0; padding: 0; list-style: none; opacity: .4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform .5s ease 0s,opacity .5s ease 0s; -o-transition: -o-transform .5s ease 0s,opacity .5s ease 0s; transition: transform .5s ease 0s,opacity .5s ease 0s;}
.site-gridmenu li { float: left; width: 50%; text-align: center; }
.site-gridmenu li&gt;a { display: block; padding: 30px 15px; color: #a3afb7; }
.site-gridmenu li .icon { display: block; margin-bottom: 10px; font-size: 32px;}
.site-gridmenu li:hover&gt;a { color: #fff; cursor: pointer; text-decoration: none; background-color: rgba(255,255,255,.02);}
.site-gridmenu-toggle:after { opacity: 0; font-family: 'Web Icons'; font-size: 14px; -webkit-transition: opacity .15s; -o-transition: opacity .15s; transition: opacity .15s; display: inline-block; font-style: normal; font-weight: 400; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); position: relative; right: -3px; top: -1px; content: '\f183';}
.site-gridmenu-active .site-gridmenu-toggle:after { opacity: 1;}
.site-sidebar { z-index: 1210;}
.site-sidebar.slidePanel { -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); box-shadow: 0 0 8px 0 rgba(0,0,0,.2);}
.site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right { width: 300px; overflow: hidden;}
.site-sidebar-content { height: 100%;}
.site-sidebar-nav.nav-tabs&gt;li { display: table-cell; width: 1%;}
.site-sidebar-nav.nav-tabs&gt;li&gt;a { font-size: 16px; line-height: 90px; padding: 0;}
.site-sidebar-tab-content { height: 100%; height: -webkit-calc(100% - 90px); height: calc(100% - 90px); }
.site-sidebar-tab-content&gt;.tab-pane { height: 100%; padding: 20px 30px;}
.site-sidebar-tab-content&gt;.tab-pane.scrollable { padding: 0; }
.site-sidebar-tab-content&gt;.tab-pane .scrollable-content { padding: 20px 30px; }
.site-sidebar-tab-content&gt;.tab-pane .list-group { margin-left: -30px; margin-right: -30px;}
.site-sidebar-tab-content&gt;.tab-pane .list-group&gt;.list-group-item { padding-left: 30px; padding-right: 30px; }
.site-sidebar .conversation { position: absolute; top: 0; right: -100%; height: 100%; width: 100%; background-color: #fff; z-index: 1700; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.site-sidebar .conversation.active { right: 0; }
.site-sidebar .conversation-header { border-bottom: 1px solid #e4eaec;}
.site-sidebar .conversation-header&gt;* { margin: 0; padding: 0 30px; line-height: 90px;}
.site-sidebar .conversation-more,.site-sidebar .conversation-return { cursor: pointer; color: rgba(55,71,79,.4);}
.site-sidebar .conversation-more:focus,.site-sidebar .conversation-more:hover,.site-sidebar .conversation-return:focus,.site-sidebar .conversation-return:hover { color: rgba(55,71,79,.6);}
.site-sidebar .conversation-more:active,.site-sidebar .conversation-return:active { color: #37474f;}
.site-sidebar .conversation-title { position: relative; top: 1px; color: #37474f; text-align: center; z-index: -1;}
.site-sidebar .conversation-content { padding: 30px 15px; }
.site-sidebar .conversation-reply { position: absolute; bottom: 0; padding: 10px 0; border-top: 1px solid #e4eaec;}
.site-sidebar .conversation-reply .form-control { border: none; border-right: 1px solid #e4eaec; }

.site-action { position: fixed; z-index: 1290; bottom: 55px; right: 32px;}
.site-action input { display: none; }
.site-action .btn { -webkit-box-shadow: 0 10px 10px 0 rgba(60,60,60,.1); box-shadow: 0 10px 10px 0 rgba(60,60,60,.1);}
.site-action .back-icon { display: none;}
.site-action-buttons { display: none; position: absolute; top: -130px; left: 0; width: 100%; text-align: center;}
.site-action-buttons .btn { display: block; margin: 0 auto; margin-bottom: 10px;}
.site-action-toggle .back-icon { display: block; }
.site-action-toggle .front-icon { display: none;}
.site-action-toggle .site-action-buttons { display: block;}
.site-menu-item .arrow { position: absolute; width: 40px; height: 60px; right: 0; cursor: pointer; }
.site-menu-item .arrow:after { content: ''; position: absolute; top:21px; right: 5px; border: solid 8px transparent; border-left:solid 8px #666; }
.site-menu-item .sub-menu { display: none; float:left; width: 100%; }
.site-menu-item .sub-menu li { display: block; }
.site-menu-item .sub-menu li a { display: block; font-size: 14px; padding: 10px 20px; line-height: 18px; height: auto; padding-left:32px; position: relative; }
.site-menu-item .sub-menu li a:hover { background: #222; color:#f37032; }
.site-menu-item .sub-menu li.active a { background: #222; color:#f37032; }
.site-menu-item .sub-menu li a:hover:before {  border-left:solid 5px #f37032; }
.site-menu-item.active .sub-menu.active { display: block; color:#f37032; }
.site-menubar-fold .site-menu-item .sub-menu li a:before { display: none; }
.site-menubar-fold .site-menu-item .sub-menu li a { padding: 15px 20px 15px 36px; font-size: 18px;  }
.site-menubar-fold .site-menu-item .sub-menu li a .site-menu-title { display: none; }

.page { background: #f0f3f4; position: relative; min-height: -webkit-calc(100% - 44px); min-height: calc(100% - 44px); }
.page-dark.layout-full { color: #fff;}
.page-dark.layout-full:before { position: fixed; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-position: center top; -webkit-background-size: cover; background-size: cover; z-index: -1;}
.page-dark.layout-full:after { position: fixed; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(38,50,56,.6); z-index: -1; }
.page-dark.layout-full .brand { margin-bottom: 11%;margin-top: 9%; }
.page-dark.layout-full .brand-text { color: #fff; font-size: 18px; text-transform: uppercase; }
.page-nav-tabs { padding: 0 30px; }
.page-content { padding:0 15px;}
.page-content-actions { padding: 0 30px 30px; }
.page-content-actions .dropdown { display: inline-block; }
.page-content-actions:after,.page-content-actions:before { content: " "; display: table; }
.page-content-actions:after { clear: both; }
.page-content-table { padding: 0; max-width: 100%; overflow-x: auto; }
.page-content-table .table&gt;tbody&gt;tr&gt;td,.page-content-table .table&gt;tbody&gt;tr&gt;th,.page-content-table .table&gt;thead&gt;tr&gt;td,.page-content-table .table&gt;thead&gt;tr&gt;th { padding-top: 20px; padding-bottom: 20px; }
.page-content-table .table&gt;tbody&gt;tr&gt;td:first-child,.page-content-table .table&gt;tbody&gt;tr&gt;th:first-child,.page-content-table .table&gt;thead&gt;tr&gt;td:first-child,.page-content-table .table&gt;thead&gt;tr&gt;th:first-child { padding-left: 30px; }
.page-content-table .table&gt;tbody&gt;tr&gt;td:last-child,.page-content-table .table&gt;tbody&gt;tr&gt;th:last-child,.page-content-table .table&gt;thead&gt;tr&gt;td:last-child,.page-content-table .table&gt;thead&gt;tr&gt;th:last-child { padding-right: 30px;}
.page-content-table .table&gt;tbody&gt;tr:hover&gt;td { background-color: #FAFAFA; }
.page-content-table .table&gt;tbody&gt;tr&gt;td { cursor: pointer;}
.page-content-table .table&gt;tbody&gt;tr:last-child td { border-bottom: 1px solid #e4eaec;}
.page-content-table .table.is-indent&gt;tbody&gt;tr&gt;td.pre-cell,.page-content-table .table.is-indent&gt;tbody&gt;tr&gt;td.suf-cell,.page-content-table .table.is-indent&gt;tbody&gt;tr&gt;th.pre-cell,.page-content-table .table.is-indent&gt;tbody&gt;tr&gt;th.suf-cell,.page-content-table .table.is-indent&gt;thead&gt;tr&gt;td.pre-cell,.page-content-table .table.is-indent&gt;thead&gt;tr&gt;td.suf-cell,.page-content-table .table.is-indent&gt;thead&gt;tr&gt;th.pre-cell,.page-content-table .table.is-indent&gt;thead&gt;tr&gt;th.suf-cell { padding: 0; border-top: none; border-bottom: none; width: 30px;}
.page-content-table .table.is-indent&gt;tbody&gt;tr:first-child td { border-top: none;}
.page-content-table .table.is-indent&gt;tbody&gt;tr:last-child td.pre-cell,.page-content-table .table.is-indent&gt;tbody&gt;tr:last-child td.suf-cell { border-bottom: none;}
.page-content-table .table.is-indent&gt;tfoot&gt;tr&gt;td { border-top: none; }
.page-content-table .pagination { margin-left: 30px; margin-right: 30px;}
.page-copyright { margin-top: 60px; color: #37474f; font-size: 12px; letter-spacing: 1px; }
.page-copyright .social a { margin: 0 10px; text-decoration: none; }
.page-copyright .social .icon { font-size: 16px; color: rgba(55,71,79,.6);}
.page-copyright .social .icon:focus,.page-copyright .social .icon:hover { color: rgba(55,71,79,.8); }
.page-copyright .social .icon.active,.page-copyright .social .icon:active { color: #37474f; }
.page-copyright-inverse { color: #fff;}
.page-copyright-inverse .social .icon { color: #fff; }
.page-copyright-inverse .social .icon:active,.page-copyright-inverse .social .icon:hover { color: rgba(255,255,255,.8); }
.page-header+.page-content { padding-top: 0; }
.page-title { font-size: 26px; margin-top: 0; margin-bottom: 0; }
.page-title&gt;.icon { margin-right: .3em; }
.page-description { color: #a3afb7; }
.page-header { padding:0 15px; margin-top: 0; margin-bottom:20px; background: 0 0; position: relative; border-bottom: none;}
.page-header h1 { display:inline-block; font-family: 'Roboto', sans-serif; font-size:23px; color:#444; margin-bottom:5px; }
.page-header h1 span { display:none; }
.page-header-actions { position: absolute; right:30px; top:68%; margin: auto;}
.page-header-actions .filter-option { margin-top:0; }
.page-header-actions .new-btn { padding:8px 14px; margin-left:5px; }
.page-header-actions .btn-icon { margin-left: 6px; }
.page-header-actions&gt;* { margin-bottom: 0; }
.page-header .breadcrumb { padding:0; margin:0; }
.page-header a.breadcrumb { cursor: pointer; }
.page-header .breadcrumb li .btn { padding:0; margin:0; background:none; border:none; }
.page-header-bordered { padding-top: 20px; padding-bottom: 20px; background-color: #fff; margin-bottom: 30px; border-bottom: 1px solid transparent;}
.page-header-tabs { padding-bottom: 0; }
.page-header-tabs .nav-tabs-line { margin-top: 5px; border-bottom-color: transparent;}
.page-header-tabs .nav-tabs-line&gt;li &gt; a { padding: 5px 20px;}
.page-aside { position: absolute; top: 0; left: 0; bottom: 0; width: 260px; border-right: 1px solid #e4eaec; background: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.page-aside+.page-main { margin-left: 260px;}
.page-aside-fixed { position: fixed;}
.page-aside-section { position: relative;}
.page-aside-section:first-child { padding-top: 22px;}
.page-aside-section:last-child { margin-bottom: 22px;}
.page-aside-section:after { content: ''; position: relative; display: block; margin: 22px; border-bottom: 1px solid #e4eaec;}
.page-aside-section:last-child:after { display: none;}
.page-aside-switch { display: none; cursor: pointer; position: absolute; left: -webkit-calc(100% - 1px); left: calc(100% - 1px); top: -webkit-calc(50% - 25px); top: calc(50% - 25px);
    background-color: #fff; -webkit-box-shadow: 1px 0 3px rgba(0,0,0,.2); box-shadow: 1px 0 3px rgba(0,0,0,.2); border-radius: 0 100px 100px 0; line-height: 1; padding: 15px 8px 15px 4px;}
.page-aside-title { padding: 10px 30px; margin: 20px 0 10px; font-weight: 700; color: #526069; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: default;}
.page-aside .list-group { margin-bottom: 22px;}
.page-aside .list-group-item { padding: 13px 30px; margin-bottom: 1px; border: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page-aside .list-group-item .icon { color: #a3afb7;}
.page-aside .list-group-item .item-right { float: right;}
.page-aside .list-group-item:focus,.page-aside .list-group-item:hover { background-color: #FAFAFA; border: none; color: #62a8ea;}
.page-aside .list-group-item:focus&gt;.icon,.page-aside .list-group-item:hover&gt;.icon { color: #62a8ea;}
.page-aside .list-group-item.active { background-color: transparent; color: #62a8ea;}
.page-aside .list-group-item.active&gt;.icon { color: #62a8ea; }
.page-aside .list-group-item.active:focus,.page-aside .list-group-item.active:hover { background-color: #FAFAFA; border: none; color: #62a8ea;}
.page-aside .list-group-item.active:focus&gt;.icon,.page-aside .list-group-item.active:hover&gt;.icon { color: #62a8ea; }
.page-aside .list-group.has-actions .list-group-item { cursor: pointer;}
.page-aside .list-group.has-actions .list-group-item.agendalist { cursor: default;}
.page-aside .list-group.has-actions .list-group-item .list-editable { display: none; position: relative;}
.page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; margin: 0; padding: 0; cursor: pointer; background: 0 0; border: 0; outline: 0; -webkit-appearance: none;}
.page-aside .list-group.has-actions .list-group-item .list-editable .form-group { margin: 0;}
.page-aside .list-group.has-actions .list-group-item .item-actions { display: none; position: absolute; right: 20px; top: 6px;}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon { padding-left: 2px; padding-right: 2px; background-color: transparent;}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon { color: #62a8ea;}
.page-aside .list-group.has-actions .list-group-item .item-actions .icon { margin: 0;}
.page-aside .list-group.has-actions .list-group-item:hover .item-right { display: none;}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions { display: block;}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon { color: #76838f;}

.site-footer { float: left; width: 100%; padding: 10px 30px 10px 230px; background-color:#fff; border-top: 1px solid #e4eaec; height: 44px; position:fixed; bottom: 0}
.site-footer .site-footer-legal { float: left; padding-top: 3px; }
.site-footer:after,.site-footer:before { content: " "; display: table;}
.site-footer:after { clear: both;}
.site-footer-actions { float: right;}
.site-footer-right { float: right;}
.site-footer .scroll-to-top { color: #76838f;}
.site-footer .scroll-to-top,.site-footer .scroll-to-top:active,.site-footer .scroll-to-top:hover { text-decoration: none;}
.layout-full { height: 100%;}
body.layout-full { padding-top: 0;}
.layout-full .page { height: 100%; margin: 0!important; padding: 0; background-color: transparent; position: relative; z-index: 3; }
.layout-full&gt;.loader { margin-left: 0!important;}
.layout-boxed .slidePanel-left,.layout-boxed .slidePanel-right { margin-top: 0; height: 100%; z-index: 1510;}

.invite-btn-userprofile{float: right;margin-top: -6px; margin-right: 10px;}

/* Registration Form */
.user-reg-bg { position: absolute; top: 0; left:0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; }
.registration-form { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 350px; z-index: 5; }
.registration-form .btn-group { width: 100%; }
.registration-form .btn-group .btn { width: 100%; background:#f26522; border-color:#f26522; }
.registration-form .register-logo { display: inline-block; width: 100%; text-align: center; }
.registration-form .register-logo p { margin-top: -5px; margin-bottom: 25px; font-size: 15px; }
.registration-form .register-logo img { width: 200px; margin-bottom: 10px; }
.registration-form form { margin: 0; width: 100%; }
.registration-form p { margin: 10px 0; text-align: center; }
.registration-form form a { margin-left: 0; color:#f26522; }
.registration-form .signup-social { display: inline-block; width: 100%; text-align: center; padding: 0; margin: 0; list-style: none; }
.registration-form .signup-social li { display: inline-block; margin: 0 10px; }
.registration-form .signup-social li a { font-size: 18px; color: #fff; }
.registration-form .signup-social li a:hover { color:#f26522; }



.site-print { padding-top: 0;}
.site-print .site-footer,.site-print .site-gridmenu,.site-print .site-menubar,.site-print .site-navbar { display: none;}
.site-print .page { margin: 0!important;}

.site-menubar-fold .page,.site-menubar-fold .site-footer { padding-left: 90px;}
.site-menubar-fold .site-navbar .navbar-brand { float: none; text-align: center;}
.site-menubar-fold .site-navbar .navbar-brand-text { display: none; }
.site-menubar-fold .site-menu { overflow: visible; width: 90px; }
.site-menubar-fold .site-menu-category { font: 0/0 a; color: transparent; text-shadow: none; height: 2px; background: #242f35; margin: 0;}
.site-menubar-fold .site-menu-category:first-child { visibility: hidden; display:none!important;}
.site-menubar-fold .site-menu&gt;.site-menu-item { font-size: 14px;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-icon,.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-title {
    -webkit-transition: visibility .25s,opacity .25s; -o-transition: visibility .25s,opacity .25s; transition: visibility .25s,opacity .25s; position: absolute; top:25px; left:0; width:90px; text-align:center; margin-top:-7px; }
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-arrow { -webkit-transition: visibility 0; -o-transition: visibility 0; transition: visibility 0; visibility: hidden;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-title { opacity: 0; visibility: hidden;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-icon { visibility:visible; opacity:1; font-size:24px; margin-right: 0; line-height:24px; padding-top:0; }
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-badge { left: 50px; top: -15px;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;a .site-menu-label { display: none;}
.site-menubar-fold .site-menu&gt;.site-menu-item.active { border-top: none; border-bottom: none; }
/*.site-menubar-fold .site-menu&gt;.site-menu-item.active&gt;a .site-menu-icon,.site-menubar-fold .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-icon,.site-menubar-fold .site-menu&gt;.site-menu-item.open&gt;a .site-menu-icon { visibility: hidden; opacity: 0; display:none; }
.site-menubar-fold .site-menu&gt;.site-menu-item.active&gt;a .site-menu-title,.site-menubar-fold .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-title,.site-menubar-fold .site-menu&gt;.site-menu-item.open&gt;a .site-menu-title { opacity: 1; visibility: visible;}*/
.site-menubar-fold .site-menu&gt;.site-menu-item.active&gt;a .site-menu-badge,.site-menubar-fold .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-badge,.site-menubar-fold .site-menu&gt;.site-menu-item.open&gt;a .site-menu-badge { display: none;}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-sub { display: none;}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open&gt;a .site-menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open&gt;.site-menu-sub { display: block;}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)&gt;a .site-menu-arrow { -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none;}
.site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)&gt;.site-menu-sub { display: none;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;.site-menu-sub {-webkit-transition: visibility .25s,opacity .25s; -o-transition: visibility .25s,opacity .25s; transition: visibility .25s,opacity .25s; position: absolute; left: 90px; top: 0; width: 240px; background: #242f35; visibility: hidden; opacity: 0; overflow-y: auto;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;.site-menu-sub-up { top: auto; bottom: 0;}
.site-menubar-fold .site-menu&gt;.site-menu-item&gt;.site-menu-sub .site-menu-item&gt;a { padding: 0 20px;}
.site-menubar-fold .site-menu&gt;.site-menu-item.hover&gt;.site-menu-sub { visibility: visible; opacity: 1;}
.site-menubar-fold .site-menubar-light .site-menu-category { background: rgba(53,131,202,.05); }
.site-menubar-fold .site-menubar-light .site-menu&gt;.site-menu-item&gt;.site-menu-sub { -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.08); box-shadow: 2px 1px 2px rgba(0,0,0,.08); background: #f3f8fb;}
.site-menubar-fold .site-menubar { width: 90px;}
.site-menubar-fold .site-menubar-section { padding: 30px; border-top: 2px solid #242f35; border-bottom: 2px solid #242f35; margin-top: 0;}
.site-menubar-fold .site-menubar-section&gt;h4,.site-menubar-fold .site-menubar-section&gt;h5 { display: none;}
.site-menubar-fold .site-menubar-light .site-menubar-section { border-top: 2px solid rgba(53,131,202,.05); border-bottom: 2px solid rgba(53,131,202,.05);}
.site-menubar-fold .site-gridmenu { width: 90px;}
.site-menubar-fold .site-gridmenu li { float: none; width: 100%;}
.site-menubar-fold .site-gridmenu li &gt; a { padding: 15px 0;}
.site-menubar-fold .site-gridmenu-toggle:after { display: none;}
.site-menubar-fold .site-menubar-footer { width: 90px;}
.site-menubar-fold .site-menubar-footer &gt; a { display: none;}
.site-menubar-fold .site-menubar-footer &gt; a.fold-show { width: 100%; float: none; display: block;}
.site-menubar-fold.site-menubar-changing .site-menu&gt;.site-menu-item&gt;.site-menu-sub { display: none;}
.site-menubar-unfold .page { margin-left: 220px; }
.site-menubar-unfold .site-menu-category {  -webkit-transition: all .25s,font .1s .15s,color .1s .15s; -o-transition: all .25s,font .1s .15s,color .1s .15s; transition: all .25s,font .1s .15s,color .1s .15s; font-size: 15px; padding: 0 24px; color: #76838f; line-height: 46px; text-transform: uppercase; margin-top: 20px;}
.site-menubar-unfold .site-menu&gt;.site-menu-item&gt;a .site-menu-title { font-size: 16px;}
.site-menubar-unfold .site-menu-icon { margin-right:9px;}
.site-menubar-unfold .site-menu .site-menu-sub { display: none;}
.site-menubar-unfold .site-menu-item { -webkit-transition: -webkit-transform .1s,all .25s,border 0; -o-transition: -o-transform .1s,all .25s,border 0; transition: transform .1s,all .25s,border 0; line-height: 36px;}
.site-menubar-unfold .site-menu-item.open&gt;a .site-menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.site-menubar-unfold .site-menu-item.open&gt;.site-menu-sub { display: block;}
.site-menubar-unfold .site-menu-item:not(.open)&gt;a .site-menu-arrow { -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none;}
.site-menubar-unfold .site-menu-item:not(.open)&gt;.site-menu-sub { display: none;}
.site-menubar-unfold .site-menu&gt;.site-menu-item&gt;a { padding:18px 30px; line-height:20px; }
.site-menubar-unfold .site-menu&gt;.site-menu-item .site-menu-title { display: inline-block; max-width: 140px;}
.site-menubar-unfold .site-menubar { width: 220px;}
.site-menubar-unfold .site-gridmenu { width: 220px; }
.site-menubar-unfold .site-menubar-footer { width: 220px;}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before { width: .6em; -webkit-transform: translate3d(.45em,.1em,0) rotate(45deg); transform: translate3d(.45em,.1em,0) rotate(45deg);}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar { border-radius: .2em; }
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after { width: .6em; -webkit-transform: translate3d(.45em,-.1em,0) rotate(-45deg); transform: translate3d(.45em,-.1em,0) rotate(-45deg);}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-down { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-down:before { width: .6em; -webkit-transform: translate3d(.45em,.1em,0) rotate(45deg); transform: translate3d(.45em,.1em,0) rotate(45deg);}
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-down .hamburger-bar { border-radius: .2em; }
.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-down:after { width: .6em; -webkit-transform: translate3d(.45em,-.1em,0) rotate(-45deg); transform: translate3d(.45em,-.1em,0) rotate(-45deg);}
.site-menubar-flipped .site-menubar,.site-menubar-flipped .site-menubar-footer { right: 0; left: auto; }
.site-menubar-flipped .site-gridmenu { right: 0; left: auto;}
.site-menubar-flipped .hamburger-arrow-left.collapsed:before,.site-menubar-flipped .hamburger-arrow-left.unfolded:before {
    -webkit-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -ms-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -o-transform: translateX(-.1em) translateY(.1em) rotate(135deg); transform: translateX(-.1em) translateY(.1em) rotate(135deg);}
.site-menubar-flipped .hamburger-arrow-left.collapsed:after,.site-menubar-flipped .hamburger-arrow-left.unfolded:after {
    -webkit-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -ms-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -o-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); transform: translateX(-.1em) translateY(-.1em) rotate(45deg);}
.site-menubar-flipped .hamburger-arrow-right.collapsed:before,.site-menubar-flipped .hamburger-arrow-right.unfolded:before {
    -webkit-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -ms-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -o-transform: translateX(-.1em) translateY(.1em) rotate(135deg); transform: translateX(-.1em) translateY(.1em) rotate(135deg);}
.site-menubar-flipped .hamburger-arrow-right.collapsed:after,.site-menubar-flipped .hamburger-arrow-right.unfolded:after {
    -webkit-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -ms-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -o-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); transform: translateX(-.1em) translateY(-.1em) rotate(45deg);}
.site-menubar-unfold.site-menubar-flipped .page,.site-menubar-unfold.site-menubar-flipped .site-footer { margin-right: 260px; margin-left: 0;}
.site-menubar-fold.site-menubar-flipped .page,.site-menubar-fold.site-menubar-flipped .site-footer { margin-right: 90px; margin-left: 0;}
.site-menubar-fold.site-menubar-flipped .site-menu&gt;.site-menu-item&gt;.site-menu-sub { left: auto; right: 90px;}

/*.collapse .navbar-nav .dropdown a .ellipsis { width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 11px; }*/
.firstText{ overflow: hidden;  white-space:nowrap; text-overflow:ellipsis; display:inline-flex; vertical-align: top; }
#bs-example-navbar-collapse-1 { width: 100%; margin-left: -3%; }
.client-user.site-navbar .navbar-header { background-color: #fff; display: inline-block; width: 220px; padding: 12px 0 0; position: relative; z-index: 1;}
/*.client-user.site-navbar .navbar-header .top-logo { background: url(../images/client-bunning-logo.png) no-repeat; background-size: 100%; width: 172px; height: 43px; display: inline-block; margin-left: 25px;}*/
.client-user.site-navbar .navbar-header .top-logo { background: url(../CM/previewService/get/branding?name=Client_Main_Logo) no-repeat; background-size: 100%; width: 172px; height: 43px; display: inline-block; margin-left: 25px;}
/*.site-menubar-fold .client-user.site-navbar .navbar-header .top-logo { background: url(../images/client-bunning-logo.png) no-repeat top right; width: 40px; height: 43px; display: inline-block; margin-left: 25px;}*/
.site-menubar-fold .client-user.site-navbar .navbar-header .top-logo { background: url(../CM/previewService/get/branding?name=Client_Mobile_Logo) no-repeat top right; width: 40px; height: 43px; display: inline-block; margin-left: 25px;}
/*.client-user.site-menubar-fold .site-navbar .navbar-header .top-logo { background: url(https://www.brandagency.com.au/static/images/logos/thebrandagency.svg) no-repeat; margin-left: 22px;}*/
.client-user.site-menubar-fold .site-navbar .navbar-header .top-logo { background: url(../CM/previewService/get/branding?name=Client_Mobile_Logo) no-repeat; margin-left: 22px;}

.checkbox-custom,.radio-custom { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.checkbox-custom label,.radio-custom label { min-height: 22px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
.checkbox-custom input[type=checkbox],.radio-custom input[type=radio] { position: absolute; margin-left: -20px; margin-top: 0; margin-bottom: 0;}
.checkbox-custom.disabled label,.radio-custom.disabled label,fieldset[disabled] .checkbox-custom label,fieldset[disabled] .radio-custom label { cursor: not-allowed;}
.input-group-addon .checkbox-custom,.input-group-addon .radio-custom { margin: 0;}
.checkbox-custom { padding-left: 20px;}
.checkbox-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px; }
.checkbox-custom label:empty { padding-left: 0; }
.checkbox-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius: 3px; background-color: #fff; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.checkbox-custom label::after { display: inline-block; position: absolute; width: 20px; height: 20px; line-height: 20px; left: 0; top: 0; margin-left: -20px; text-align: center; padding-top: 1px; font-size: 12px; color: #76838f;}
.checkbox-custom input[type=radio],.checkbox-custom input[type=checkbox] { opacity: 0; z-index: 1; width: 20px; height: 20px;}
.checkbox-custom input[type=radio]:focus+label::before,.checkbox-custom input[type=checkbox]:focus+label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.checkbox-custom input[type=radio]:checked+label::before,.checkbox-custom input[type=checkbox]:checked+label::before { border-color: #e4eaec; border-width: 10px; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.checkbox-custom input[type=radio]:checked+label::after,.checkbox-custom input[type=checkbox]:checked+label::after { font-family: "Web Icons"; content: "\f192";}
.checkbox-custom input[type=radio]:disabled+label,.checkbox-custom input[type=checkbox]:disabled+label { opacity: .65;}
.checkbox-custom input[type=radio]:disabled+label::before,.checkbox-custom input[type=checkbox]:disabled+label::before { background-color: #FAFAFA; border-color: #e4eaec; border-width: 1px; cursor: not-allowed;}
.checkbox-custom.checkbox-circle label::before { border-radius: 50%; }
.checkbox-custom.checkbox-inline { margin-top: 0; display: inline-block; margin-bottom: 0;}
.checkbox-inline+.checkbox-inline { margin-left: 20px;}
.checkbox-default input[type=radio]:checked+label::before,.checkbox-default input[type=checkbox]:checked+label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px; }
.checkbox-default input[type=radio]:checked+label::after,.checkbox-default input[type=checkbox]:checked+label::after { color: #62a8ea; }
.checkbox-primary input[type=radio]:checked+label::before,.checkbox-primary input[type=checkbox]:checked+label::before { background-color: #62a8ea; border-color: #62a8ea;}
.checkbox-primary input[type=radio]:checked+label::after,.checkbox-primary input[type=checkbox]:checked+label::after { color: #fff;}
.checkbox-danger input[type=radio]:checked+label::before,.checkbox-danger input[type=checkbox]:checked+label::before { background-color: #f96868; border-color: #f96868;}
.checkbox-danger input[type=radio]:checked+label::after,.checkbox-danger input[type=checkbox]:checked+label::after { color: #fff;}
.checkbox-info input[type=radio]:checked+label::before,.checkbox-info input[type=checkbox]:checked+label::before { background-color: #57c7d4; border-color: #57c7d4; }
.checkbox-info input[type=radio]:checked+label::after,.checkbox-info input[type=checkbox]:checked+label::after { color: #fff;}
.checkbox-warning input[type=radio]:checked+label::before,.checkbox-warning input[type=checkbox]:checked+label::before { background-color: #f2a654; border-color: #f2a654;}
.checkbox-warning input[type=radio]:checked+label::after,.checkbox-warning input[type=checkbox]:checked+label::after { color: #fff;}
.checkbox-success input[type=radio]:checked+label::before,.checkbox-success input[type=checkbox]:checked+label::before { background-color: #46be8a; border-color: #46be8a;}
.checkbox-success input[type=radio]:checked+label::after,.checkbox-success input[type=checkbox]:checked+label::after { color: #fff; }
.checkbox-sm { padding-left: 18px;}
.checkbox-sm label { padding-left: 8px;}
.checkbox-sm label:empty { padding-left: 0;}
.checkbox-sm label::after,.checkbox-sm label::before { width: 18px; height: 18px; margin-left: -18px; }
.checkbox-sm label::after { font-size: 10px; line-height: 18px; }
.checkbox-sm input[type=radio],.checkbox-sm input[type=checkbox] { width: 18px; height: 18px;}
.checkbox-sm input[type=radio]:checked+label::before,.checkbox-sm input[type=checkbox]:checked+label::before { border-width: 9px;}
.checkbox-lg { padding-left: 24px;}
.checkbox-lg label { padding-left: 12px;}
.checkbox-lg label:empty { padding-left: 0;}
.checkbox-lg label::after,.checkbox-lg label::before { width: 24px; height: 24px; margin-left: -24px;}
.checkbox-lg label::after { font-size: 14px; line-height: 24px;}
.checkbox-lg input[type=radio],.checkbox-lg input[type=checkbox] { width: 24px; height: 24px;}
.checkbox-lg input[type=radio]:checked+label::before,.checkbox-lg input[type=checkbox]:checked+label::before { border-width: 12px;}
.radio-custom { padding-left: 20px; }
.radio-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px; }
.radio-custom label:empty { padding-left: 0;}
.radio-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius: 50%; background-color: #fff; -webkit-transition: border 300ms ease-in-out 0s,color 300ms ease-in-out 0s; -o-transition: border 300ms ease-in-out 0s,color 300ms ease-in-out 0s; transition: border 300ms ease-in-out 0s,color 300ms ease-in-out 0s;}
.radio-custom label::after { display: inline-block; position: absolute; content: " "; width: 6px; height: 6px; left: 7px; top: 7px; margin-left: -20px; border: 2px solid #76838f; border-radius: 50%; background-color: transparent;-webkit-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: -webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33); -o-transition: -o-transform .1s cubic-bezier(.8,-.33,.2,1.33); transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);}
.radio-custom input[type=radio] { width: 20px; height: 20px; opacity: 0; z-index: 1; }
.radio-custom input[type=radio]:focus+label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio-custom input[type=radio]:checked+label::before { border-color: #e4eaec; border-width: 10px; }
.radio-custom input[type=radio]:checked+label::after { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);}
.radio-custom input[type=radio]:disabled+label { opacity: .65; }
.radio-custom input[type=radio]:disabled+label::before { cursor: not-allowed;}
.radio-custom.radio-inline { margin-top: 0; display: inline-block; margin-bottom: 0; }
.radio-inline+.radio-inline { margin-left: 20px;}
.radio-default input[type=radio]:checked+label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px; }
.radio-default input[type=radio]:checked+label::after { border-color: #62a8ea; }
.radio-primary input[type=radio]:checked+label::before { border-color: #62a8ea;}
.radio-primary input[type=radio]:checked+label::after { border-color: #fff;}
.radio-danger input[type=radio]:checked+label::before { border-color: #f96868;}
.radio-danger input[type=radio]:checked+label::after { border-color: #fff;}
.radio-info input[type=radio]:checked+label::before { border-color: #57c7d4;}
.radio-info input[type=radio]:checked+label::after { border-color: #fff;}
.radio-warning input[type=radio]:checked+label::before { border-color: #f2a654;}
.radio-warning input[type=radio]:checked+label::after { border-color: #fff;}
.radio-success input[type=radio]:checked+label::before { border-color: #46be8a;}
.radio-success input[type=radio]:checked+label::after { border-color: #fff;}
.radio-sm { padding-left: 18px;}
.radio-sm label { padding-left: 8px;}
.radio-sm label:empty { padding-left: 0;}
.radio-sm label::before { width: 18px; height: 18px; margin-left: -20px;}
.radio-sm label::after { width: 4px; height: 4px; left: 7px; top: 7px; margin-left: -20px; border-width: 2px;}
.radio-sm input[type=radio] { width: 18px; height: 18px;}
.radio-sm input[type=radio]:checked+label::before { border-width: 9px; }
.radio-lg { padding-left: 24px;}
.radio-lg label { padding-left: 12px;}
.radio-lg label:empty { padding-left: 0;}
.radio-lg label::before { width: 24px; height: 24px; margin-left: -20px;}
.radio-lg label::after { width: 8px; height: 8px; left: 8px; top: 8px; margin-left: -20px; border-width: 2px;}
.radio-lg input[type=radio] { width: 24px; height: 24px;}
.radio-lg input[type=radio]:checked+label::before { border-width: 12px;}

.form-horizontal .checkbox-custom,.form-horizontal .radio-custom { margin-top: 0; margin-bottom: 0; padding-top: 7px;}
.form-horizontal .checkbox-custom,.form-horizontal .radio-custom {  min-height: 29px; }
.form-material { position: relative;}
.form-material.floating { margin-top: 20px; margin-bottom: 20px;}
.form-material.floating+.form-material.floating { margin-top: 40px;}
.form-material .form-control { padding: 0; -webkit-background-size: 0 2px,100% 1px; background-size: 0 2px,100% 1px; background-repeat: no-repeat; background-position: center bottom,center -webkit-calc(100% - 1px); background-position: center bottom,center calc(100% - 1px); background-color: transparent; background-color: rgba(0,0,0,0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out;}
.form-material .form-control,.form-material .form-control.focus,.form-material .form-control:focus { float: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#62a8ea),to(#62a8ea)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#62a8ea,#62a8ea),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: -o-linear-gradient(#62a8ea,#62a8ea),-o-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#62a8ea,#62a8ea),linear-gradient(#e4eaec,#e4eaec);}
.no-cssgradients .form-material .form-control { border-bottom: 2px solid #e4eaec;}
.form-material .form-control::-webkit-input-placeholder { color: #a3afb7;}
.form-material .form-control::-moz-placeholder { color: #a3afb7;}
.form-material .form-control:-ms-input-placeholder { color: #a3afb7;}
.form-material .form-control:disabled::-webkit-input-placeholder { color: #ccd5db;}
.form-material .form-control:disabled::-moz-placeholder { color: #ccd5db;}
.form-material .form-control:disabled:-ms-input-placeholder { color: #ccd5db;}
.form-material .form-control.focus,.form-material .form-control:focus { outline: 0; -webkit-background-size: 100% 2px,100% 1px; background-size: 100% 2px,100% 1px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s;}
.no-cssgradients .form-material .form-control.focus,.no-cssgradients .form-material .form-control:focus { background: 0 0; border-bottom: 2px solid #62a8ea;}
.form-material .form-control:disabled,.form-material .form-control[disabled],fieldset[disabled] .form-material .form-control { background: 0 0;  background: rgba(0,0,0,0); border-bottom: 1px dashed #ccd5db;}
.form-material .form-control:disabled~.floating-label,.form-material .form-control[disabled]~.floating-label,fieldset[disabled] .form-material .form-control~.floating-label { color: #ccd5db; }
.form-material .control-label { font-weight: 700; margin-bottom: 0; }
.form-material .floating-label { font-size: 14px; color: #76838f; position: absolute; pointer-events: none; left: 0; -webkit-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all; }
.form-material .floating-label.floating-label-static { position: relative; top: auto; display: block; }
.form-material [class*=col-]&gt;.floating-label { left: 15px; }
.form-material .form-control~.floating-label { font-size: 14px; top: 8px;}
.form-material .form-control.focus~.floating-label,.form-material .form-control:-webkit-autofill~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label { top: -11.2px; font-size: 11.2px;}
.form-material .form-control.input-sm~.floating-label { font-size: 12px; top: 6px;}
.form-material .form-control.input-sm.focus~.floating-label,.form-material .form-control.input-sm:-webkit-autofill~.floating-label,.form-material .form-control.input-sm:focus~.floating-label,.form-material .form-control.input-sm:not(.empty)~.floating-label { top: -9.6px; font-size: 9.6px; }
.form-material .form-control.input-lg~.floating-label { font-size: 18px; top: 6px;}
.form-material .form-control.input-lg.focus~.floating-label,.form-material .form-control.input-lg:-webkit-autofill~.floating-label,.form-material .form-control.input-lg:focus~.floating-label,.form-material .form-control.input-lg:not(.empty)~.floating-label { top: -14.4px; font-size: 14.4px; }
.form-material .form-control.focus~.floating-label,.form-material .form-control:-webkit-autofill~.floating-label,.form-material .form-control:focus~.floating-label,.form-material .form-control:not(.empty)~.floating-label { font-weight: 700;}
.form-material .form-control.focus~.floating-label,.form-material .form-control:focus~.floating-label { color: #62a8ea;}
.form-material textarea.form-control { resize: none; padding-bottom: 6px;}
.form-material.floating textarea.form-control { padding-top: 6px;}
.form-material select.form-control { border: 0; border-radius: 0;}
.form-material:not(.floating) .control-label+select[multiple] { margin-top: 5px; }
.form-material .hint { position: absolute; font-size: 80%; display: none;}
.form-material .form-control.focus~.hint,.form-material .form-control:focus~.hint { display: block;}
.form-material .form-control.focus:invalid~.floating-label,.form-material .form-control:not(.empty):invalid~.floating-label { color: #f96868;}
.form-material .form-control:invalid { background-image: -webkit-gradient(linear,left top,left bottom,from(#f96868),to(#f96868)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#f96868,#f96868),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: -o-linear-gradient(#f96868,#f96868),-o-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#f96868,#f96868),linear-gradient(#e4eaec,#e4eaec);}
.form-material.form-group.has-warning .form-control.focus,.form-material.form-group.has-warning .form-control:-webkit-autofill,.form-material.form-group.has-warning .form-control:focus,.form-material.form-group.has-warning .form-control:not(.empty) { background-image: -webkit-gradient(linear,left top,left bottom,from(#f2a654),to(#f2a654)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#f2a654,#f2a654),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#f2a654,#f2a654),linear-gradient(#e4eaec,#e4eaec);}
.no-cssgradients .form-material.form-group.has-warning .form-control.focus,.no-cssgradients .form-material.form-group.has-warning .form-control:-webkit-autofill,.no-cssgradients .form-material.form-group.has-warning .form-control:focus,.no-cssgradients .form-material.form-group.has-warning .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #f2a654;}
.form-material.form-group.has-warning .form-control:not(.empty) { -webkit-background-size: 100% 2px,100% 1px; background-size: 100% 2px,100% 1px;}
.form-material.form-group.has-warning .control-label { color: #f2a654;}
.form-material.form-group.has-warning .form-control.focus~.floating-label,.form-material.form-group.has-warning .form-control:-webkit-autofill~.floating-label,.form-material.form-group.has-warning .form-control:focus~.floating-label,.form-material.form-group.has-warning .form-control:not(.empty)~.floating-label { color: #f2a654;}
.form-material.form-group.has-error .form-control.focus,.form-material.form-group.has-error .form-control:-webkit-autofill,.form-material.form-group.has-error .form-control:focus,.form-material.form-group.has-error .form-control:not(.empty) { background-image: -webkit-gradient(linear,left top,left bottom,from(#f96868),to(#f96868)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#f96868,#f96868),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#f96868,#f96868),linear-gradient(#e4eaec,#e4eaec);}
.no-cssgradients .form-material.form-group.has-error .form-control.focus,.no-cssgradients .form-material.form-group.has-error .form-control:-webkit-autofill,.no-cssgradients .form-material.form-group.has-error .form-control:focus,.no-cssgradients .form-material.form-group.has-error .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #f96868;}
.form-material.form-group.has-error .form-control:not(.empty) { -webkit-background-size: 100% 2px,100% 1px;  background-size: 100% 2px,100% 1px; }
.form-material.form-group.has-error .control-label { color: #f96868;}
.form-material.form-group.has-error .form-control.focus~.floating-label,.form-material.form-group.has-error .form-control:-webkit-autofill~.floating-label,.form-material.form-group.has-error .form-control:focus~.floating-label,.form-material.form-group.has-error .form-control:not(.empty)~.floating-label { color: #f96868;}
.form-material.form-group.has-success .form-control.focus,.form-material.form-group.has-success .form-control:-webkit-autofill,.form-material.form-group.has-success .form-control:focus,.form-material.form-group.has-success .form-control:not(.empty) { background-image: -webkit-gradient(linear,left top,left bottom,from(#46be8a),to(#46be8a)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#46be8a,#46be8a),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#46be8a,#46be8a),linear-gradient(#e4eaec,#e4eaec); }
.no-cssgradients .form-material.form-group.has-success .form-control.focus,.no-cssgradients .form-material.form-group.has-success .form-control:-webkit-autofill,.no-cssgradients .form-material.form-group.has-success .form-control:focus,.no-cssgradients .form-material.form-group.has-success .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #46be8a;}
.form-material.form-group.has-success .form-control:not(.empty) { -webkit-background-size: 100% 2px,100% 1px; background-size: 100% 2px,100% 1px;}
.form-material.form-group.has-success .control-label { color: #46be8a;}
.form-material.form-group.has-success .form-control.focus~.floating-label,.form-material.form-group.has-success .form-control:-webkit-autofill~.floating-label,.form-material.form-group.has-success .form-control:focus~.floating-label,.form-material.form-group.has-success .form-control:not(.empty)~.floating-label { color: #46be8a; }
.form-material.form-group.has-info .form-control.focus,.form-material.form-group.has-info .form-control:-webkit-autofill,.form-material.form-group.has-info .form-control:focus,.form-material.form-group.has-info .form-control:not(.empty) { background-image: -webkit-gradient(linear,left top,left bottom,from(#57c7d4),to(#57c7d4)),-webkit-gradient(linear,left top,left bottom,from(#e4eaec),to(#e4eaec)); background-image: -webkit-linear-gradient(#57c7d4,#57c7d4),-webkit-linear-gradient(#e4eaec,#e4eaec); background-image: linear-gradient(#57c7d4,#57c7d4),linear-gradient(#e4eaec,#e4eaec); }
.no-cssgradients .form-material.form-group.has-info .form-control.focus,.no-cssgradients .form-material.form-group.has-info .form-control:-webkit-autofill,.no-cssgradients .form-material.form-group.has-info .form-control:focus,.no-cssgradients .form-material.form-group.has-info .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #57c7d4; }
.form-material.form-group.has-info .form-control:not(.empty) { -webkit-background-size: 100% 2px,100% 1px; background-size: 100% 2px,100% 1px;}
.form-material.form-group.has-info .control-label { color: #57c7d4;}
.form-material.form-group.has-info .form-control.focus~.floating-label,.form-material.form-group.has-info .form-control:-webkit-autofill~.floating-label,.form-material.form-group.has-info .form-control:focus~.floating-label,.form-material.form-group.has-info .form-control:not(.empty)~.floating-label { color: #57c7d4;}
.form-material .input-group .form-control-wrap { margin-right: 5px; margin-left: 5px;}
.form-material .input-group .form-control-wrap .form-control { float: none;}
.form-material .input-group .input-group-addon {border: 0; background: 0 0;}
.form-material .input-group .input-group-btn .btn { border-radius: 4px; margin: 0;}
.form-material input[type=file] { opacity: 0; position: absolute; top: 0;right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.form-control-wrap { position: relative;}
.form-control-inline { min-width: 0; width: auto; display: inline; }
.loader { position: relative; display: inline-block; margin: 0 auto; font-size: 40px; text-indent: -9999em; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.loader.loader-default { width: 1em; height: 1em; background-color: #a3afb7; border-radius: 100%; -webkit-animation: loader-default 1s infinite ease-in-out; -o-animation: loader-default 1s infinite ease-in-out; animation: loader-default 1s infinite ease-in-out;}
.loader.loader-grill { width: .25em; height: .5em; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out; -o-animation: default-grill 1s infinite ease-in-out; animation: default-grill 1s infinite ease-in-out; -webkit-animation-delay: -.16s; -o-animation-delay: -.16s; animation-delay: -.16s;}
.loader.loader-grill:after,.loader.loader-grill:before { position: absolute; top: 0; width: 100%; height: 100%; content: ''; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out; -o-animation: default-grill 1s infinite ease-in-out; animation: default-grill 1s infinite ease-in-out;}
.loader.loader-grill:before { left: -.375em; -webkit-animation-delay: -.32s; -o-animation-delay: -.32s; animation-delay: -.32s; }
.loader.loader-grill:after { left: .375em; }
.loader.loader-circle { width: 1em; height: 1em; border-top: .125em solid rgba(163,175,183,.5); border-right: .125em solid rgba(163,175,183,.5); border-bottom: .125em solid rgba(163,175,183,.5); border-left: .125em solid #a3afb7; border-radius: 50%; -webkit-animation: loader-circle 1.1s infinite linear; -o-animation: loader-circle 1.1s infinite linear; animation: loader-circle 1.1s infinite linear; }
.loader.loader-round-circle { width: 1em; height: 1em; font-size: 10px; border-radius: 50%; -webkit-animation: loader-round-circle 1.3s infinite linear; -o-animation: loader-round-circle 1.3s infinite linear; animation: loader-round-circle 1.3s infinite linear;}
.loader.loader-tadpole { width: 1em; height: 1em; border-radius: 50%; -webkit-animation: loader-tadpole 1.7s infinite ease;  -o-animation: loader-tadpole 1.7s infinite ease;  animation: loader-tadpole 1.7s infinite ease;}
.loader.loader-ellipsis {  width: .625em; height: .625em; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out; -o-animation: loader-ellipsis 1.8s infinite ease-in-out; animation: loader-ellipsis 1.8s infinite ease-in-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: -.16s; -o-animation-delay: -.16s; animation-delay: -.16s;}
.loader.loader-ellipsis:after,.loader.loader-ellipsis:before { position: absolute; top: 0; width: 100%; height: 100%; content: ''; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out; -o-animation: loader-ellipsis 1.8s infinite ease-in-out; animation: loader-ellipsis 1.8s infinite ease-in-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.loader.loader-ellipsis:before { left: -.875em; -webkit-animation-delay: -.32s; -o-animation-delay: -.32s; animation-delay: -.32s;}
.loader.loader-ellipsis:after { left: .875em;}
.loader.loader-dot { width: 2em; height: 2em; -webkit-animation: loader-dot-rotate 2s infinite linear; -o-animation: loader-dot-rotate 2s infinite linear; animation: loader-dot-rotate 2s infinite linear;}
.loader.loader-dot:after,.loader.loader-dot:before { position: absolute; top: 0; left: 0; width: 60%; height: 60%; content: ''; background: #a3afb7; border-radius: 100%; -webkit-animation: loader-dot-bounce 2s infinite ease-in-out; -o-animation: loader-dot-bounce 2s infinite ease-in-out; animation: loader-dot-bounce 2s infinite ease-in-out;}
.loader.loader-dot:after { top: auto; bottom: 0; -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s;}
.loader.loader-bounce { width: 1.5em; height: 1.5em; }
.loader.loader-bounce:after,.loader.loader-bounce:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #a3afb7; border-radius: 50%; opacity: .6; -webkit-animation: loader-bounce 2s infinite ease-in-out;-o-animation: loader-bounce 2s infinite ease-in-out; animation: loader-bounce 2s infinite ease-in-out;}
.loader.loader-bounce:after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s;}

.side-panel-loading,body&gt;.loader { position: fixed; top: 50%; left: 50%; margin-top: -20px; }
.site-menubar-unfold&gt;.loader { margin-left: 130px;}
.site-menubar-fold&gt;.loader { margin-left: 45px;}
.site-menubar-hide.site-menubar-unfold&gt;.loader { margin-left: 0;}

.quoted-row { background-color: #ffff00;}

.popover-content {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    background-color: white;
    color: #000;
}

@-webkit-keyframes loader-default {
    0% { -webkit-transform: scale(0); transform: scale(0); }
    100% {  opacity: 0; -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes loader-default {
    0% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes loader-default {
    0% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes default-grill {
    0%,100%,80% { height: 1em; -webkit-box-shadow: 0 0 #a3afb7; box-shadow: 0 0 #a3afb7; }
    40% { height: 1.2em; -webkit-box-shadow: 0 -.25em #a3afb7; box-shadow: 0 -.25em #a3afb7; }
}
@-o-keyframes default-grill {
    0%,100%,80% { height: 1em; box-shadow: 0 0 #a3afb7; }
    40% { height: 1.2em; box-shadow: 0 -.25em #a3afb7; }
}
@keyframes default-grill {
    0%,100%,80% { height: 1em; -webkit-box-shadow: 0 0 #a3afb7; box-shadow: 0 0 #a3afb7; }
    40% { height: 1.2em; -webkit-box-shadow: 0 -.25em #a3afb7; box-shadow: 0 -.25em #a3afb7; }
}
@-webkit-keyframes loader-circle {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loader-circle {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-circle {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loader-round-circle {
    0%,100% { -webkit-box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7; }
    12.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    25% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    37.5% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    50% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    62.5% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    75% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7; }
    87.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7; }
}
@-o-keyframes loader-round-circle {
    0%,100% { box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7; }
    12.5% { box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    25% { box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    37.5% { box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    50% { box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    62.5% { box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    75% { box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7; }
    87.5% { box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7; }
}
@keyframes loader-round-circle {
    0%,100% { -webkit-box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 .2em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 0 #a3afb7; }
    12.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 .2em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    25% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7;  box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 0 #a3afb7,3em 0 0 .2em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    37.5% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 0 #a3afb7,2em 2em 0 .2em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 -.5em #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    50% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 0 #a3afb7,0 3em 0 .2em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 -.5em #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    62.5% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 0 #a3afb7,-2em 2em 0 .2em #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 -.5em #a3afb7; }
    75% { -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7; box-shadow: 0 -3em 0 -.5em #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 .2em #a3afb7,-2em -2em 0 0 #a3afb7; }
    87.5% { -webkit-box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7; box-shadow: 0 -3em 0 0 #a3afb7,2em -2em 0 -.5em #a3afb7,3em 0 0 -.5em #a3afb7,2em 2em 0 -.5em #a3afb7,0 3em 0 -.5em #a3afb7,-2em 2em 0 0 #a3afb7,-3em 0 0 0 #a3afb7,-2em -2em 0 .2em #a3afb7; }
}
@-webkit-keyframes loader-tadpole {
    0% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(0); transform: rotate(0);}
    5%,95% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; }
    10%,59% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7; }
    20% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7; }
    38% {-webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7; }
    100% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loader-tadpole {
    0% { box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    5%,95% { box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; }
    10%,59% { box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7; }
    20% { box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7; }
    38% { box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7; }
    100% { box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-tadpole {
    0% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    5%,95% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; }
    10%,59% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.087em -.825em 0 -.42em #a3afb7,-.173em -.812em 0 -.44em #a3afb7,-.256em -.789em 0 -.46em #a3afb7,-.297em -.775em 0 -.477em #a3afb7; }
    20% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.338em -.758em 0 -.42em #a3afb7,-.555em -.617em 0 -.44em #a3afb7,-.671em -.488em 0 -.46em #a3afb7,-.749em -.34em 0 -.477em #a3afb7; }
    38% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,-.377em -.74em 0 -.42em #a3afb7,-.645em -.522em 0 -.44em #a3afb7,-.775em -.297em 0 -.46em #a3afb7,-.82em -.09em 0 -.477em #a3afb7; }
    100% { -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; box-shadow: 0 -.83em 0 -.4em #a3afb7,0 -.83em 0 -.42em #a3afb7,0 -.83em 0 -.44em #a3afb7,0 -.83em 0 -.46em #a3afb7,0 -.83em 0 -.477em #a3afb7; -webkit-transform: rotate(360deg);      -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loader-ellipsis {
    0%,100%,80% { -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7; box-shadow: 0 .625em 0 -.325em #a3afb7; }
    40% { -webkit-box-shadow: 0 .625em 0 0 #a3afb7; box-shadow: 0 .625em 0 0 #a3afb7; }
}
@-o-keyframes loader-ellipsis {
    0%,100%,80% { box-shadow: 0 .625em 0 -.325em #a3afb7; }
    40% { box-shadow: 0 .625em 0 0 #a3afb7;  }
}
@keyframes loader-ellipsis {
    0%,100%,80% { -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7; box-shadow: 0 .625em 0 -.325em #a3afb7; }
    40% {-webkit-box-shadow: 0 .625em 0 0 #a3afb7; box-shadow: 0 .625em 0 0 #a3afb7; }
}
@-webkit-keyframes loader-dot-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loader-dot-rotate {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% {-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loader-dot-rotate {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loader-dot-bounce {
    0%,100% { -webkit-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes loader-dot-bounce {
    0%,100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes loader-dot-bounce {
    0%,100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes loader-bounce {
    0%,100% { -webkit-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes loader-bounce {
    0%,100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes loader-bounce {
    0%,100% { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    50% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
[class*=animation-] { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.animation-hover:not(:hover),.animation-hover:not(:hover) [class*=animation-],.touch .animation-hover:not(.hover),.touch .animation-hover:not(.hover) [class*=animation-] { -webkit-animation-name: none; -o-animation-name: none; animation-name: none; }
.animation-reverse { -webkit-animation-direction: reverse;-o-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; }
.animation-repeat { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animation-fade {-webkit-animation-name: fade;-o-animation-name: fade; animation-name: fade; -webkit-animation-duration: .8s;-o-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;}
.animation-scale { -webkit-animation-name: scale-12; -o-animation-name: scale-12; animation-name: scale-12;}
.animation-scale-up { -webkit-animation-name: fade-scale-02;-o-animation-name: fade-scale-02; animation-name: fade-scale-02;}
.animation-scale-down { -webkit-animation-name: fade-scale-18; -o-animation-name: fade-scale-18; animation-name: fade-scale-18;}
.animation-slide-top {-webkit-animation-name: slide-top; -o-animation-name: slide-top; animation-name: slide-top;}
.animation-slide-bottom { -webkit-animation-name: slide-bottom; -o-animation-name: slide-bottom; animation-name: slide-bottom;}
.animation-slide-left { -webkit-animation-name: slide-left; -o-animation-name: slide-left; animation-name: slide-left;}
.animation-slide-right { -webkit-animation-name: slide-right; -o-animation-name: slide-right; animation-name: slide-right;}
.animation-shake { -webkit-animation-name: shake; -o-animation-name: shake; animation-name: shake;}
.animation-duration-10 { -webkit-animation-duration: 15s; -o-animation-duration: 15s;  animation-duration: 15s;}
.animation-duration-9 {-webkit-animation-duration: 9s; -o-animation-duration: 9s; animation-duration: 9s;}
.animation-duration-8 { -webkit-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s;}
.animation-duration-7 { -webkit-animation-duration: 7s; -o-animation-duration: 7s; animation-duration: 7s;}
.animation-duration-6 { -webkit-animation-duration: 6s; -o-animation-duration: 6s; animation-duration: 6s;}
.animation-duration-5 { -webkit-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s;}
.animation-duration-4 { -webkit-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s;}
.animation-duration-3 { -webkit-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s;}
.animation-duration-2 { -webkit-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s;}
.animation-duration-1 { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}
.animation-duration-250 { -webkit-animation-duration: 250ms; -o-animation-duration: 250ms; animation-duration: 250ms;}
.animation-duration-500 { -webkit-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms;}
.animation-duration-750 { -webkit-animation-duration: 750ms; -o-animation-duration: 750ms; animation-duration: 750ms;}
.animation-delay-1000 { -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;}
.animation-delay-900 { -webkit-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms;}
.animation-delay-800 { -webkit-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms;}
.animation-delay-700 { -webkit-animation-delay: 700ms; -o-animation-delay: 700ms; animation-delay: 700ms;}
.animation-delay-600 { -webkit-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms;}
.animation-delay-500 { -webkit-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms;}
.animation-delay-400 { -webkit-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms;}
.animation-delay-300 { -webkit-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms;}
.animation-delay-200 { -webkit-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms;}
.animation-delay-100 { -webkit-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms;}
.animation-top-left { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
.animation-top-center { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0;}
.animation-top-right { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0;}
.animation-middle-left { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%;}
.animation-middle-right {-webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.animation-bottom-left {-webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;}
.animation-bottom-center { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.animation-bottom-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%;}
.animation-easing-easeInOut { -webkit-animation-timing-function: cubic-bezier(.42,0,.58,1); -o-animation-timing-function: cubic-bezier(.42,0,.58,1); animation-timing-function: cubic-bezier(.42,0,.58,1);}
.animation-easing-easeInQuad { -webkit-animation-timing-function: cubic-bezier(.55,.085,.68,.53); -o-animation-timing-function: cubic-bezier(.55,.085,.68,.53); animation-timing-function: cubic-bezier(.55,.085,.68,.53);}
.animation-easing-easeInCubic { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -o-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
.animation-easing-easeInQuart { -webkit-animation-timing-function: cubic-bezier(.895,.03,.685,.22); -o-animation-timing-function: cubic-bezier(.895,.03,.685,.22); animation-timing-function: cubic-bezier(.895,.03,.685,.22);}
.animation-easing-easeInQuint { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06);}
.animation-easing-easeInSine { -webkit-animation-timing-function: cubic-bezier(.47,0,.745,.715); -o-animation-timing-function: cubic-bezier(.47,0,.745,.715); animation-timing-function: cubic-bezier(.47,0,.745,.715);}
.animation-easing-easeInExpo { -webkit-animation-timing-function: cubic-bezier(.95,.05,.795,.035); -o-animation-timing-function: cubic-bezier(.95,.05,.795,.035); animation-timing-function: cubic-bezier(.95,.05,.795,.035);}
.animation-easing-easeInCirc { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.335); -o-animation-timing-function: cubic-bezier(.6,.04,.98,.335); animation-timing-function: cubic-bezier(.6,.04,.98,.335);}
.animation-easing-easeInBack { -webkit-animation-timing-function: cubic-bezier(.6,-.28,.735,.045); -o-animation-timing-function: cubic-bezier(.6,-.28,.735,.045); animation-timing-function: cubic-bezier(.6,-.28,.735,.045);}
.animation-easing-eastOutQuad { -webkit-animation-timing-function: cubic-bezier(.25,.46,.45,.94); -o-animation-timing-function: cubic-bezier(.25,.46,.45,.94); animation-timing-function: cubic-bezier(.25,.46,.45,.94);}
.animation-easing-easeOutCubic { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -o-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1);}
.animation-easing-easeOutQuart { -webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1); -o-animation-timing-function: cubic-bezier(.165,.84,.44,1); animation-timing-function: cubic-bezier(.165,.84,.44,1);}
.animation-easing-easeOutQuint { -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); -o-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1);}
.animation-easing-easeOutSine { -webkit-animation-timing-function: cubic-bezier(.39,.575,.565,1); -o-animation-timing-function: cubic-bezier(.39,.575,.565,1); animation-timing-function: cubic-bezier(.39,.575,.565,1);}
.animation-easing-easeOutExpo { -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1); -o-animation-timing-function: cubic-bezier(.19,1,.22,1); animation-timing-function: cubic-bezier(.19,1,.22,1);}
.animation-easing-easeOutCirc { -webkit-animation-timing-function: cubic-bezier(.075,.82,.165,1); -o-animation-timing-function: cubic-bezier(.075,.82,.165,1); animation-timing-function: cubic-bezier(.075,.82,.165,1);}
.animation-easing-easeOutBack { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1.275); -o-animation-timing-function: cubic-bezier(.175,.885,.32,1.275); animation-timing-function: cubic-bezier(.175,.885,.32,1.275);}
.animation-easing-easeInOutQuad { -webkit-animation-timing-function: cubic-bezier(.455,.03,.515,.955); -o-animation-timing-function: cubic-bezier(.455,.03,.515,.955); animation-timing-function: cubic-bezier(.455,.03,.515,.955);}
.animation-easing-easeInOutCubic { -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1); -o-animation-timing-function: cubic-bezier(.645,.045,.355,1); animation-timing-function: cubic-bezier(.645,.045,.355,1);}
.animation-easing-easeInOutQuart { -webkit-animation-timing-function: cubic-bezier(.77,0,.175,1); -o-animation-timing-function: cubic-bezier(.77,0,.175,1); animation-timing-function: cubic-bezier(.77,0,.175,1);}
.animation-easing-easeInOutQuint { -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1); -o-animation-timing-function: cubic-bezier(.86,0,.07,1); animation-timing-function: cubic-bezier(.86,0,.07,1);}
.animation-easing-easeInOutSine { -webkit-animation-timing-function: cubic-bezier(.445,.05,.55,.95); -o-animation-timing-function: cubic-bezier(.445,.05,.55,.95); animation-timing-function: cubic-bezier(.445,.05,.55,.95);}
.animation-easing-easeInOutExpo { -webkit-animation-timing-function: cubic-bezier(1,0,0,1); -o-animation-timing-function: cubic-bezier(1,0,0,1); animation-timing-function: cubic-bezier(1,0,0,1);}
.animation-easing-easeInOutCirc { -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86); -o-animation-timing-function: cubic-bezier(.785,.135,.15,.86); animation-timing-function: cubic-bezier(.785,.135,.15,.86);}
.animation-easing-easeInOutBack { -webkit-animation-timing-function: cubic-bezier(.68,-.55,.265,1.55); -o-animation-timing-function: cubic-bezier(.68,-.55,.265,1.55); animation-timing-function: cubic-bezier(.68,-.55,.265,1.55);}
.animation-easing-easeInOutElastic { -webkit-animation-timing-function: cubic-bezier(1,-.56,0,1.455); -o-animation-timing-function: cubic-bezier(1,-.56,0,1.455); animation-timing-function: cubic-bezier(1,-.56,0,1.455);}
@-webkit-keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes scale-12 {
    0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes scale-12 {
    0% { -o-transform: scale(1.2); transform: scale(1.2); }
    100% { -o-transform: scale(1); transform: scale(1); }
}
@keyframes scale-12 {
    0% { -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
    100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes fade-scale-02 {
    0% { opacity: 0; -webkit-transform: scale(.2); transform: scale(.2); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes fade-scale-02 {
    0% { opacity: 0; -o-transform: scale(.2); transform: scale(.2); }
    100% { opacity: 1; -o-transform: scale(1); transform: scale(1); }
}
@keyframes fade-scale-02 {
    0% { opacity: 0; -webkit-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2); }
    100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes fade-scale-18 {
    0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes fade-scale-18 {
    0% { opacity: 0; -o-transform: scale(1.8); transform: scale(1.8); }
    100% { opacity: 1; -o-transform: scale(1); transform: scale(1); }
}
@keyframes fade-scale-18 {
    0% { opacity: 0; -webkit-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); }
    100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes slide-top {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);  }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-o-keyframes slide-top {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slide-top {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);  }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slide-bottom {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-o-keyframes slide-bottom {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1;  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slide-bottom {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  }
}
@-o-keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes slide-right {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-o-keyframes slide-right {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    100% { opacity: 1;  -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes slide-right {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes shake {
    0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
    10% { -webkit-transform: translateX(-9px); transform: translateX(-9px); }
    20% { -webkit-transform: translateX(8px); transform: translateX(8px); }
    30% { -webkit-transform: translateX(-7px); transform: translateX(-7px); }
    40% { -webkit-transform: translateX(6px); transform: translateX(6px); }
    50% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
    60% { -webkit-transform: translateX(4px); transform: translateX(4px); }
    70% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
    80% { -webkit-transform: translateX(2px); transform: translateX(2px); }
    90% { -webkit-transform: translateX(-1px); transform: translateX(-1px); }
}
@-o-keyframes shake {
    0%,100% { -o-transform: translateX(0); transform: translateX(0); }
    10% { -o-transform: translateX(-9px); transform: translateX(-9px); }
    20% { -o-transform: translateX(8px); transform: translateX(8px); }
    30% { -o-transform: translateX(-7px); transform: translateX(-7px); }
    40% { -o-transform: translateX(6px); transform: translateX(6px); }
    50% { -o-transform: translateX(-5px); transform: translateX(-5px); }
    60% { -o-transform: translateX(4px); transform: translateX(4px); }
    70% { -o-transform: translateX(-3px); transform: translateX(-3px); }
    80% { -o-transform: translateX(2px); transform: translateX(2px); }
    90% { -o-transform: translateX(-1px); transform: translateX(-1px); }
}
@keyframes shake {
    0%,100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);  }
    10% { -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); transform: translateX(-9px); }
    20% { -webkit-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }
    30% { -webkit-transform: translateX(-7px); -o-transform: translateX(-7px); transform: translateX(-7px); }
    40% { -webkit-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); }
    50% { -webkit-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); }
    60% { -webkit-transform: translateX(4px);  -o-transform: translateX(4px); transform: translateX(4px); }
    70% { -webkit-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); }
    80% { -webkit-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px); }
    90% { -webkit-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px);  }
}
.primary-100 {color: #e8f1f8!important;}
.primary-200 {color: #d5e4f1!important;}
.primary-300 { color: #bcd8f1!important;}
.primary-400 { color: #a2caee!important;}
.primary-500 { color: #89bceb!important;}
.primary-600 { color: #62a8ea!important;}
.primary-700 { color: #4e97d9!important;}
.primary-800 { color: #3583ca!important;}
.red-100 { color: #ffeaea!important;}
.red-200 { color: #fad3d3!important;}
.red-300 { color: #fab4b4!important;}
.red-400 { color: #fa9898!important;}
.red-500 { color: #fa7a7a!important;}
.red-600 { color: #f96868!important;}
.red-700 { color: #e9595b!important;}
.red-800 { color: #d6494b!important;}
.pink-100 { color: #fce4ec!important;}
.pink-200 { color: #ffccde!important;}
.pink-300 { color: #fba9c6!important;}
.pink-400 { color: #fb8db4!important;}
.pink-500 { color: #f978a6!important;}
.pink-600 { color: #f96197!important;}
.pink-700 { color: #f44c87!important;}
.pink-800 { color: #e53b75!important;}
.purple-100 { color: #f6f2ff!important;}
.purple-200 { color: #e3dbf4!important;}
.purple-300 { color: #d2c5ec!important;}
.purple-400 { color: #bba7e4!important;}
.purple-500 { color: #a58add!important;}
.purple-600 { color: #926dde!important;}
.purple-700 { color: #7c51d1!important;}
.purple-800 { color: #6d45bc!important;}
.indigo-100 { color: #edeff9!important;}
.indigo-200 { color: #dadef5!important;}
.indigo-300 { color: #bcc5f4!important;}
.indigo-400 { color: #9daaf3!important;}
.indigo-500 { color: #8897ec!important;}
.indigo-600 { color: #677ae4!important;}
.indigo-700 { color: #5166d6!important;}
.indigo-800 { color: #465bd4!important;}
.blue-100 { color: #e8f1f8!important;}
.blue-200 { color: #d5e4f1!important;}
.blue-300 { color: #bcd8f1!important;}
.blue-400 { color: #a2caee!important;}
.blue-500 { color: #89bceb!important;}
.blue-600 { color: #62a8ea!important;}
.blue-700 { color: #4e97d9!important;}
.blue-800 { color: #3583ca!important;}
.cyan-100 { color: #ecf9fa!important;}
.cyan-200 { color: #d3eff2!important;}
.cyan-300 { color: #baeaef!important;}
.cyan-400 { color: #9ae1e9!important;}
.cyan-500 { color: #77d6e1!important;}
.cyan-600 { color: #57c7d4!important;}
.cyan-700 { color: #47b8c6!important;}
.cyan-800 { color: #37a9b7!important;}
.teal-100 { color: #ecfdfc!important;}
.teal-200 { color: #cdf4f1!important;}
.teal-300 { color: #99e1da!important;}
.teal-400 { color: #79d1c9!important;}
.teal-500 { color: #56bfb5!important;}
.teal-600 { color: #3aa99e!important;}
.teal-700 { color: #269b8f!important;}
.teal-800 { color: #178d81!important;}
.green-100 { color: #e7faf2!important;}
.green-200 { color: #bfedd8!important;}
.green-300 { color: #9fe5c5!important;}
.green-400 { color: #7dd3ae!important;}
.green-500 { color: #5cd29d!important;}
.green-600 { color: #46be8a!important;}
.green-700 { color: #36ab7a!important;}
.green-800 { color: #279566!important;}
.light-green-100 { color: #f1f7ea!important;}
.light-green-200 { color: #e0ecd1!important;}
.light-green-300 { color: #cadfb1!important;}
.light-green-400 { color: #bad896!important;}
.light-green-500 { color: #acd57c!important;}
.light-green-600 { color: #9ece67!important;}
.light-green-700 { color: #83b944!important;}
.light-green-800 { color: #70a532!important;}
.yellow-100 { color: #fffae7!important;}
.yellow-200 { color: #f9eec1!important;}
.yellow-300 { color: #f6e7a9!important;}
.yellow-400 { color: #f8e59b!important;}
.yellow-500 { color: #f7e083!important;}
.yellow-600 { color: #f7da64!important;}
.yellow-700 { color: #f9cd48!important;}
.yellow-800 { color: #fbc02d!important;}
.orange-100 { color: #fff3e6!important;}
.orange-200 { color: #ffddb9!important;}
.orange-300 { color: #fbce9d!important;}
.orange-400 { color: #f6be80!important;}
.orange-500 { color: #f4b066!important;}
.orange-600 { color: #f2a654!important;}
.orange-700 { color: #ec9940!important;}
.orange-800 { color: #e98f2e!important;}
.brown-100 { color: #fae6df!important;}
.brown-200 { color: #e2bdaf!important;}
.brown-300 { color: #d3aa9c!important;}
.brown-400 { color: #b98e7e!important;}
.brown-500 { color: #a17768!important;}
.brown-600 { color: #8d6658!important;}
.brown-700 { color: #7d5b4f!important;}
.brown-800 { color: #715146!important;}
.grey-100 { color: #fafafa!important;}
.grey-200 { color: #eee!important;}
.grey-300 { color: #e0e0e0!important;}
.grey-400 { color: #bdbdbd!important;}
.grey-500 { color: #9e9e9e!important;}
.grey-600 { color: #757575!important;}
.grey-700 { color: #616161!important;}
.grey-800 { color: #424242!important;}
.blue-grey-100 { color: #f3f7f9!important;}
.blue-grey-200 { color: #e4eaec!important;}
.blue-grey-300 { color: #ccd5db!important;}
.blue-grey-400 { color: #a3afb7!important;}
.blue-grey-500 { color: #76838f!important;}
.blue-grey-600 { color: #526069!important;}
.blue-grey-700 { color: #37474f!important;}
.blue-grey-800 { color: #263238!important;}
.bg-primary-100 { background-color: #e8f1f8!important;}
.bg-primary-200 { background-color: #d5e4f1!important;}
.bg-primary-300 { background-color: #bcd8f1!important;}
.bg-primary-400 { background-color: #a2caee!important;}
.bg-primary-500 { background-color: #89bceb!important;}
.bg-primary-600 { background-color: #62a8ea!important;}
.bg-primary-700 { background-color: #4e97d9!important;}
.bg-primary-800 { background-color: #3583ca!important;}
.bg-red-100 { background-color: #ffeaea!important;}
.bg-red-200 { background-color: #fad3d3!important;}
.bg-red-300 { background-color: #fab4b4!important;}
.bg-red-400 { background-color: #fa9898!important;}
.bg-red-500 { background-color: #fa7a7a!important;}
.bg-red-600 { background-color: #f96868!important;}
.bg-red-700 { background-color: #e9595b!important;}
.bg-red-800 { background-color: #d6494b!important;}
.bg-pink-100 { background-color: #fce4ec!important;}
.bg-pink-200 { background-color: #ffccde!important;}
.bg-pink-300 { background-color: #fba9c6!important;}
.bg-pink-400 { background-color: #fb8db4!important;}
.bg-pink-500 { background-color: #f978a6!important;}
.bg-pink-600 { background-color: #f96197!important;}
.bg-pink-700 { background-color: #f44c87!important;}
.bg-pink-800 { background-color: #e53b75!important;}
.bg-purple-100 { background-color: #f6f2ff!important;}
.bg-purple-200 { background-color: #e3dbf4!important;}
.bg-purple-300 { background-color: #d2c5ec!important;}
.bg-purple-400 { background-color: #bba7e4!important;}
.bg-purple-500 { background-color: #a58add!important;}
.bg-purple-600 { background-color: #926dde!important;}
.bg-purple-700 { background-color: #7c51d1!important;}
.bg-purple-800 { background-color: #6d45bc!important;}
.bg-indigo-100 { background-color: #edeff9!important;}
.bg-indigo-200 { background-color: #dadef5!important;}
.bg-indigo-300 { background-color: #bcc5f4!important;}
.bg-indigo-400 { background-color: #9daaf3!important;}
.bg-indigo-500 { background-color: #8897ec!important;}
.bg-indigo-600 { background-color: #677ae4!important;}
.bg-indigo-700 { background-color: #5166d6!important;}
.bg-indigo-800 { background-color: #465bd4!important;}
.bg-blue-100 { background-color: #e8f1f8!important;}
.bg-blue-200 { background-color: #d5e4f1!important;}
.bg-blue-300 { background-color: #bcd8f1!important;}
.bg-blue-400 { background-color: #a2caee!important;}
.bg-blue-500 { background-color: #89bceb!important;}
.bg-blue-600 { background-color: #62a8ea!important;}
.bg-blue-700 { background-color: #4e97d9!important;}
.bg-blue-800 { background-color: #3583ca!important;}
.bg-cyan-100 { background-color: #ecf9fa!important;}
.bg-cyan-200 { background-color: #d3eff2!important;}
.bg-cyan-300 { background-color: #baeaef!important;}
.bg-cyan-400 { background-color: #9ae1e9!important;}
.bg-cyan-500 { background-color: #77d6e1!important;}
.bg-cyan-600 { background-color: #57c7d4!important;}
.bg-cyan-700 { background-color: #47b8c6!important;}
.bg-cyan-800 { background-color: #37a9b7!important;}
.bg-teal-100 { background-color: #ecfdfc!important;}
.bg-teal-200 { background-color: #cdf4f1!important;}
.bg-teal-300 { background-color: #99e1da!important;}
.bg-teal-400 { background-color: #79d1c9!important;}
.bg-teal-500 { background-color: #56bfb5!important;}
.bg-teal-600 { background-color: #3aa99e!important;}
.bg-teal-700 { background-color: #269b8f!important;}
.bg-teal-800 { background-color: #178d81!important;}
.bg-green-100 { background-color: #e7faf2!important;}
.bg-green-200 { background-color: #bfedd8!important;}
.bg-green-300 { background-color: #9fe5c5!important;}
.bg-green-400 { background-color: #7dd3ae!important;}
.bg-green-500 { background-color: #5cd29d!important;}
.bg-green-600 { background-color: #46be8a!important;}
.bg-green-700 { background-color: #36ab7a!important;}
.bg-green-800 { background-color: #279566!important;}
.bg-light-green-100 { background-color: #f1f7ea!important;}
.bg-light-green-200 { background-color: #e0ecd1!important;}
.bg-light-green-300 { background-color: #cadfb1!important;}
.bg-light-green-400 { background-color: #bad896!important;}
.bg-light-green-500 { background-color: #acd57c!important;}
.bg-light-green-600 { background-color: #9ece67!important;}
.bg-light-green-700 { background-color: #83b944!important;}
.bg-light-green-800 { background-color: #70a532!important;}
.bg-yellow-100 { background-color: #fffae7!important;}
.bg-yellow-200 { background-color: #f9eec1!important;}
.bg-yellow-300 { background-color: #f6e7a9!important;}
.bg-yellow-400 { background-color: #f8e59b!important;}
.bg-yellow-500 { background-color: #f7e083!important;}
.bg-yellow-600 { background-color: #f7da64!important;}
.bg-yellow-700 { background-color: #f9cd48!important;}
.bg-yellow-800 { background-color: #fbc02d!important;}
.bg-orange-100 { background-color: #fff3e6!important;}
.bg-orange-200 { background-color: #ffddb9!important;}
.bg-orange-300 { background-color: #fbce9d!important;}
.bg-orange-400 { background-color: #f6be80!important;}
.bg-orange-500 { background-color: #f4b066!important;}
.bg-orange-600 { background-color: #f2a654!important;}
.bg-orange-700 { background-color: #ec9940!important;}
.bg-orange-800 { background-color: #e98f2e!important;}
.bg-brown-100 { background-color: #fae6df!important;}
.bg-brown-200 { background-color: #e2bdaf!important;}
.bg-brown-300 { background-color: #d3aa9c!important;}
.bg-brown-400 { background-color: #b98e7e!important;}
.bg-brown-500 { background-color: #a17768!important;}
.bg-brown-600 { background-color: #8d6658!important;}
.bg-brown-700 { background-color: #7d5b4f!important;}
.bg-brown-800 { background-color: #715146!important;}
.bg-grey-100 { background-color: #fafafa!important;}
.bg-grey-200 { background-color: #eee!important;}
.bg-grey-300 { background-color: #e0e0e0!important;}
.bg-grey-400 { background-color: #bdbdbd!important;}
.bg-grey-500 { background-color: #9e9e9e!important;}
.bg-grey-600 { background-color: #757575!important;}
.bg-grey-700 { background-color: #616161!important;}
.bg-grey-800 { background-color: #424242!important;}
.bg-blue-grey-100 { background-color: #f3f7f9!important;}
.bg-blue-grey-200 { background-color: #e4eaec!important;}
.bg-blue-grey-300 { background-color: #ccd5db!important;}
.bg-blue-grey-400 { background-color: #a3afb7!important;}
.bg-blue-grey-500 { background-color: #76838f!important;}
.bg-blue-grey-600 { background-color: #526069!important;}
.bg-blue-grey-700 { background-color: #37474f!important;}
.bg-blue-grey-800 { background-color: #263238!important;}
.black { color: #000!important;}
.white { color: #fff!important;}
.bg-white { color: #76838f; background-color: #fff;}
.bg-primary { color: #fff; background-color: #62a8ea;}
.bg-primary:hover { background-color: #8fc1f0;}
.bg-primary a,a.bg-primary { color: #fff;}
.bg-primary a:hover,a.bg-primary:hover { color: #fff;}
.bg-success { color: #fff; background-color: #46be8a;}
.bg-success:hover { background-color: #6ccba2;}
.bg-success a,a.bg-success { color: #fff;}
.bg-success a:hover,a.bg-success:hover { color: #fff;}
.bg-info { color: #fff; background-color: #57c7d4;}
.bg-info:hover { background-color: #80d5de;}
.bg-info a,a.bg-info { color: #fff;}
.bg-info a:hover,a.bg-info:hover { color: #fff;}
.bg-warning { color: #fff; background-color: #f2a654;}
.bg-warning:hover { background-color: #f6bf83;}
.bg-warning a,a.bg-warning { color: #fff;}
.bg-warning a:hover,a.bg-warning:hover { color: #fff;}
.bg-danger { color: #fff; background-color: #f96868;}
.bg-danger:hover { background-color: #fb9999;}
.bg-danger a,a.bg-danger { color: #fff;}
.bg-danger a:hover,a.bg-danger:hover { color: #fff;}
.bg-dark { color: #fff; background-color: #526069;}
.bg-dark:hover { background-color: #687a86;}
.bg-dark a,a.bg-dark { color: #fff;}
.bg-dark a:hover,a.bg-dark:hover { color: #fff;}
.social-facebook { color: #fff; background-color: #3b5998!important;}
.social-facebook:focus,.social-facebook:hover { color: #fff; background-color: #4c70ba!important;}
.social-facebook.active,.social-facebook:active { color: #fff; background-color: #2d4373!important;}
.bg-facebook { background-color: #3b5998;}
.social-twitter { color: #fff; background-color: #55acee!important;}
.social-twitter:focus,.social-twitter:hover { color: #fff; background-color: #83c3f3!important;}
.social-twitter.active,.social-twitter:active { color: #fff; background-color: #2795e9!important;}
.bg-twitter { background-color: #55acee;}
.social-google-plus { color: #fff; background-color: #dd4b39!important;}
.social-google-plus:focus,.social-google-plus:hover { color: #fff; background-color: #e47365!important;}
.social-google-plus.active,.social-google-plus:active { color: #fff; background-color: #c23321!important;}
.bg-google-plus { background-color: #dd4b39;}
.social-linkedin { color: #fff; background-color: #0976b4!important;}
.social-linkedin:focus,.social-linkedin:hover { color: #fff;  background-color: #0b96e5!important;}
.social-linkedin.active,.social-linkedin:active { color: #fff; background-color: #075683!important;}
.bg-linkedin { background-color: #0976b4;}
.social-flickr { color: #fff; background-color: #ff0084!important;}
.social-flickr:focus,.social-flickr:hover { color: #fff; background-color: #ff339d!important;}
.social-flickr.active,.social-flickr:active { color: #fff; background-color: #cc006a!important;}
.bg-flickr { background-color: #ff0084;}
.social-tumblr { color: #fff; background-color: #35465c!important;}
.social-tumblr:focus,.social-tumblr:hover { color: #fff; background-color: #485f7c!important;}
.social-tumblr.active,.social-tumblr:active { color: #fff; background-color: #222d3c!important;}
.bg-tumblr { background-color: #35465c;}
.social-xing { color: #fff; background-color: #024b4d!important;}
.social-xing:focus,.social-xing:hover { color: #fff; background-color: #037b7f!important;}
.social-xing.active,.social-xing:active { color: #fff; background-color: #011b1b!important;}
.bg-xing {background-color: #024b4d;}
.social-github { color: #fff; background-color: #4183c4!important;}
.social-github:focus,.social-github:hover { color: #fff; background-color: #689cd0!important;}
.social-github.active,.social-github:active { color: #fff; background-color: #3269a0!important;}
.bg-github { background-color: #4183c4;}
.social-html5 { color: #fff; background-color: #e44f26!important;}
.social-html5:focus,.social-html5:hover { color: #fff; background-color: #ea7453!important;}
.social-html5.active,.social-html5:active { color: #fff; background-color: #bf3c18!important;}
.bg-html5 { background-color: #e44f26;}
.social-openid { color: #fff; background-color: #f67d28!important;}
.social-openid:focus,.social-openid:hover { color: #fff; background-color: #f89b59!important;}
.social-openid.active,.social-openid:active { color: #fff; background-color: #e26309!important;}
.bg-openid { background-color: #f67d28;}
.social-stack-overflow { color: #fff; background-color: #f86c01!important;}
.social-stack-overflow:focus,.social-stack-overflow:hover { color: #fff; background-color: #fe882e!important;}
.social-stack-overflow.active,.social-stack-overflow:active { color: #fff; background-color: #c55601!important;}
.bg-stack-overflow { background-color: #f86c01;}
.social-css3 { color: #fff; background-color: #1572b6!important;}
.social-css3:focus,.social-css3:hover { color: #fff; background-color: #1a8fe4!important;}
.social-css3.active,.social-css3:active { color: #fff; background-color: #105588!important;}
.bg-css3 { background-color: #1572b6;}
.social-youtube { color: #fff; background-color: #b31217!important;}
.social-youtube:focus,.social-youtube:hover { color: #fff; background-color: #e1171d!important;}
.social-youtube.active,.social-youtube:active { color: #fff; background-color: #850d11!important;}
.bg-youtube { background-color: #b31217;}
.social-dribbble { color: #fff; background-color: #c32361!important;}
.social-dribbble:focus,.social-dribbble:hover {color: #fff; background-color: #dc3d7b!important;}
.social-dribbble.active,.social-dribbble:active { color: #fff; background-color: #981b4b!important;}
.bg-dribbble { background-color: #c32361;}
.social-instagram { color: #fff; background-color: #3f729b!important;}
.social-instagram:focus,.social-instagram:hover { color: #fff; background-color: #548cb9!important;}
.social-instagram.active,.social-instagram:active { color: #fff; background-color: #305777!important;}
.bg-instagram { background-color: #3f729b;}
.social-pinterest { color: #fff; background-color: #cc2127!important;}
.social-pinterest:focus,.social-pinterest:hover { color: #fff; background-color: #e04046!important;}
.social-pinterest.active,.social-pinterest:active { color: #fff; background-color: #a01a1f!important;}
.bg-pinterest { background-color: #cc2127;}
.social-vk { color: #fff; background-color: #3d5a7d!important;}
.social-vk:focus,.social-vk:hover { color: #fff; background-color: #4e739f!important;}
.social-vk.active,.social-vk:active { color: #fff; background-color: #2c415b!important;}
.bg-vk { background-color: #3d5a7d;}
.social-yahoo { color: #fff; background-color: #350178!important;}
.social-yahoo:focus,.social-yahoo:hover { color: #fff; background-color: #4b01ab!important;}
.social-yahoo.active,.social-yahoo:active { color: #fff; background-color: #1f0145!important;}
.bg-yahoo { background-color: #350178;}
.social-behance { color: #fff; background-color: #1769ff!important;}
.social-behance:focus,.social-behance:hover { color: #fff; background-color: #4a8aff!important;}
.social-behance.active,.social-behance:active { color: #fff; background-color: #0050e3!important;}
.bg-behance { background-color: #024b4d;}
.social-dropbox { color: #fff; background-color: #007ee5!important;}
.social-dropbox:focus,.social-dropbox:hover { color: #fff; background-color: #1998ff!important;}
.social-dropbox.active,.social-dropbox:active { color: #fff; background-color: #0062b2!important;}
.bg-dropbox { background-color: #007ee5;}
.badge-Custom { margin-left: 5px!important; background-color: #b7b6b5!important; margin-bottom: 0; }
.social-reddit { color: #fff; background-color: #ff4500!important;}
.social-reddit:focus,.social-reddit:hover { color: #fff; background-color: #ff6a33!important;}
.social-reddit.active,.social-reddit:active { color: #fff; background-color: #cc3700!important;}
.bg-reddit { background-color: #ff4500;}
.social-spotify { color: #fff; background-color: #7ab800!important;}
.social-spotify:focus,.social-spotify:hover { color: #fff; background-color: #9ceb00!important;}
.social-spotify.active,.social-spotify:active { color: #fff; background-color: #588500!important;}
.bg-spotify { background-color: #7ab800;}
.social-vine { color: #fff; background-color: #00b488!important;}
.social-vine:focus,.social-vine:hover { color: #fff; background-color: #00e7af!important;}
.social-vine.active,.social-vine:active { color: #fff; background-color: #008161!important;}
.bg-vine { background-color: #00b488;}
.social-foursquare { color: #fff; background-color: #0cbadf!important;}
.social-foursquare:focus,.social-foursquare:hover {color: #fff; background-color: #2ad0f4!important;}
.social-foursquare.active,.social-foursquare:active { color: #fff; background-color: #0992af!important;}
.bg-foursquare { background-color: #0cbadf;}
.social-vimeo { color: #fff; background-color: #1ab7ea!important;}
.social-vimeo:focus,.social-vimeo:hover { color: #fff; background-color: #49c6ee!important;}
.social-vimeo.active,.social-vimeo:active { color: #fff; background-color: #1295bf!important;}
.bg-vimeo { background-color: #1ab7ea;}
.social-skype { color: #fff; background-color: #77bcfd!important;}
.social-skype:focus,.social-skype:hover { color: #fff; background-color: #a9d5fe!important;}
.social-skype.active,.social-skype:active { color: #fff; background-color: #45a3fc!important;}
.bg-skype { background-color: #77bcfd;}
.social-evernote { color: #fff; background-color: #46bf8c!important;}
.social-evernote:focus,.social-evernote:hover { color: #fff; background-color: #6ccca4!important;}
.social-evernote.active,.social-evernote:active { color: #fff; background-color: #369c71!important;}
.bg-evernote { background-color: #46bf8c;}
a:focus { outline: 0;}
.blocks,[class*=blocks-] { list-style: none; padding: 0; margin: 0; margin-left: -15px; margin-right: -15px;}
.blocks:after,.blocks:before,[class*=blocks-]:after,[class*=blocks-]:before {content: " "; display: table;}
.blocks:after,[class*=blocks-]:after { clear: both;}
.blocks&gt;li,[class*=blocks-]&gt;li { margin-bottom: 22px; position: relative; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.blocks.no-space,[class*=blocks-].no-space { margin: 0;}
.blocks.no-space&gt;li,[class*=blocks-].no-space&gt;li {padding-left: 0; padding-right: 0; margin-bottom: 0;}
.block-first,.blocks-2&gt;li:nth-child(2n+3),.blocks-3&gt;li:nth-child(3n+4),.blocks-4&gt;li:nth-child(4n+5),.blocks-5&gt;li:nth-child(5n+6),.blocks-6&gt;li:nth-child(6n+7) { clear: both;}
.blocks-100&gt;li { width: 100%;}
.blocks-2&gt;li { width: 50%;}
.blocks-3&gt;li { width: 33.33333333%;}
.blocks-4&gt;li { width: 25%;}
.blocks-5&gt;li { width: 20%;}
.blocks-6&gt;li { width: 16.66666667%;}

.avatar { position: relative; display: inline-block; width: 40px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom;}
.avatar i { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%;}
.avatar img { width: 30px; max-width: 100%; height: 30px; border: 0 none; border-radius: 1000px;}
.avatar-online i { background-color: #46be8a;}
.avatar-off i { background-color: #526069;}
.avatar-busy i { background-color: #f2a654;}
.avatar-away i { background-color: #f96868;}
.avatar-100 { width: 100px;}
.avatar-100 i { height: 20px; width: 20px;}
.avatar-lg { width: 50px;}
.avatar-lg i { height: 12px; width: 12px;}
.avatar-sm { width: 30px;}
.avatar-sm i { height: 8px; width: 8px;}
.avatar-xs { width: 20px;}
.avatar-xs i { height: 7px; width: 7px;}
.status { display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%;}
.status-online { background-color: #46be8a;}
.status-off { background-color: #526069;}
.status-busy { background-color: #f2a654;}
.status-away { background-color: #f96868;}
.status-lg { width: 14px; height: 14px;}
.status-md { width: 10px; height: 10px;}
.status-sm { width: 8px; height: 8px;}
.status-xs { width: 7px; height: 7px;}
.icon { position: relative; display: inline-block; font-style: normal; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); line-height: 1;}
.icon.pull-left { margin-right: .3em;}
.icon.pull-right { margin-left: .3em;}
.icon.icon-circle { position: relative; margin: .5em;}
.icon.icon-circle:before { position: relative; z-index: 1;}
.icon.icon-circle:after { position: absolute; top: 50%; left: 50%; z-index: 0; content: ""; width: 2em; height: 2em; background-color: inherit; border-radius: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.icon.icon-lg { font-size: 1.33333333em; vertical-align: -15%;}
.icon.icon-2x { font-size: 2em;}
.icon.icon-3x { font-size: 3em;}
.icon.icon-4x { font-size: 4em;}
.icon.icon-5x { font-size: 5em;}
.icon.icon-fw { width: 1.28571429em; text-align: center;}
.icon.icon-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none;}
.icon.icon-ul&gt;li { position: relative;}
.icon.icon-li { position: absolute; top: .14285714em; left: -2.14285714em; width: 2.14285714em; text-align: center;}
.icon.icon-li.icon-lg { left: -1.85714286em;}
.icon.icon-border { padding: .2em .25em .15em; border: solid .08em #e4eaec; border-radius: .1em;}
.icon.icon-spin { -webkit-animation: icon-spin 2s infinite linear; -o-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear;}
.icon.icon-spin-reverse { -webkit-animation: icon-spin-reverse 2s infinite linear; -o-animation: icon-spin-reverse 2s infinite linear; animation: icon-spin-reverse 2s infinite linear;}
.icon.icon-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.icon.icon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.icon.icon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);  -o-transform: rotate(270deg); transform: rotate(270deg);}
.icon.icon-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1);}
.icon.icon-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1);}
.icon.icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;}
.icon.icon-stack-1x,.icon.icon-stack-2x { position: absolute; left: 0; width: 100%; text-align: center;}
.icon.icon-stack-1x { line-height: inherit;}
.icon.icon-stack-2x { font-size: 2em;}
.icon.icon-stack-inverse { color: #fff;}
.icon-color { color: rgba(55,71,79,.4);}
.icon-color:focus,.icon-color:hover { color: rgba(55,71,79,.6);}
.icon-color.active,.icon-color:active { color: #37474f;}
.icon-color-alt { color: rgba(55,71,79,.6);}
.icon-color-alt:focus,.icon-color-alt:hover { color: rgba(55,71,79,.8);}
.icon-color-alt.active,.icon-color-alt:active { color: #37474f;}
:root-flip-horizontal,:root-flip-vertical,:root-rotate-180,:root-rotate-270,:root-rotate-90 { -webkit-filter: none; filter: none;}
@-webkit-keyframes icon-spin {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@-o-keyframes icon-spin {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes icon-spin {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); }
}
@-webkit-keyframes icon-spin-reverse {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg); }
}
@-o-keyframes icon-spin-reverse {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(-359deg); -o-transform: rotate(-359deg); transform: rotate(-359deg); }
}
@keyframes icon-spin-reverse {
    0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(-359deg); -o-transform: rotate(-359deg); transform: rotate(-359deg); }
}
.hamburger { vertical-align: middle; font-size: 20px;}
.hamburger,.hamburger .hamburger-bar,.hamburger:after,.hamburger:before { -webkit-transition: -webkit-transform .2s ease-in-out; -o-transition: -o-transform .2s ease-in-out; transition: transform .2s ease-in-out;}
.hamburger:after,.hamburger:before { content: "";}
.hamburger .hamburger-bar,.hamburger:after,.hamburger:before { display: block; width: 1em; height: .1em; margin: 0; border-radius: 1px; background: #76838f;}
.navbar-default .hamburger .hamburger-bar,.navbar-default .hamburger:after,.navbar-default .hamburger:before { background: #76838f;}
.navbar-inverse .hamburger .hamburger-bar,.navbar-inverse .hamburger:after,.navbar-inverse .hamburger:before { background: #fff;}
.hamburger .hamburger-bar { margin: .2em 0;}
.hamburger-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%;}
.hamburger-close .hamburger-bar { opacity: 0;}
.hamburger-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%;}
.hamburger-close.collapsed:before,.hamburger-close.hided:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
.hamburger-close.collapsed .hamburger-bar,.hamburger-close.hided .hamburger-bar { opacity: 1;}
.hamburger-close.collapsed:after,.hamburger-close.hided:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
.hamburger-arrow-left.collapsed { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.hamburger-arrow-left.collapsed:before { width: .6em; -webkit-transform: translate3d(.45em,.1em,0) rotate(45deg); transform: translate3d(.45em,.1em,0) rotate(45deg);}
.hamburger-arrow-left.collapsed .hamburger-bar { border-radius: .2em;}
.hamburger-arrow-left.collapsed:after { width: .6em; -webkit-transform: translate3d(.45em,-.1em,0) rotate(-45deg); transform: translate3d(.45em,-.1em,0) rotate(-45deg);}
.hamburger-arrow-right.collapsed { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.hamburger-arrow-right.collapsed:before { width: .6em; -webkit-transform: translate3d(.45em,.1em,0) rotate(45deg); transform: translate3d(.45em,.1em,0) rotate(45deg);}
.hamburger-arrow-right.collapsed .hamburger-bar { border-radius: .2em;}
.hamburger-arrow-right.collapsed:after { width: .6em; -webkit-transform: translate3d(.45em,-.1em,0) rotate(-45deg); transform: translate3d(.45em,-.1em,0) rotate(-45deg);}
.counter { text-align: center;}
.counter .counter-number-group,.counter&gt;.counter-number { color: #37474f; font-size: 20px;}
.counter-label { display: block;}
.counter-icon { font-size: 20px;}
.counter-lg .counter-number-group,.counter-lg&gt;.counter-number { font-size: 40px;}
.counter-lg .counter-icon { font-size: 40px;}
.counter-md .counter-number-group,.counter-md&gt;.counter-number { font-size: 30px;}
.counter-md .counter-icon { font-size: 30px;}
.counter-sm .counter-number-group,.counter-sm&gt;.counter-number { font-size: 14px;}
.counter-sm .counter-icon { font-size: 14px;}
.counter-sm .counter-number+.counter-number-related,.counter-sm .counter-number-related+.counter-number { margin-left: 0;}
.counter-inverse { color: #fff;}
.counter-inverse .counter-number-group,.counter-inverse&gt;.counter-number { color: #fff;}
.counter-inverse .counter-icon { color: #fff;}
.widget { background-color: #fff; margin-bottom: 30px; position: relative;}
.widget .cover { width: 100%;}
[class*=blocks-]&gt;li&gt;.widget { margin-bottom: 0;}
.widget-shadow { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.widget { border-radius: 3px;}
.widget .widget-header { border-radius: 3px 3px 0 0;}
.widget .widget-header:last-child { border-radius: inherit;}
.widget .widget-body:last-child { border-radius: 0 0 3px 3px;}
.widget .widget-body:last-child .widget-body-footer { border-radius: 0 0 3px 3px;}
.widget .widget-footer { border-radius: 0 0 3px 3px;}
.widget .widget-footer:first-child { border-radiu: inherit;}
.widget-body { position: relative; padding: 30px 25px;}
.widget-body-footer { margin-top: 30px;}
.widget-body-footer:after,.widget-body-footer:before { content: " "; display: table;}
.widget-body-footer:after { clear: both;}
.widget-content ul { margin: 0; padding: 0;}
.widget-content li { list-style: none;}
.widget-title { margin-top: 0; color: #37474f; text-transform: capitalize;}
div.widget-title { font-size: 22px;}
.overlay-panel .widget-title { color: #fff;}
.widget&gt;.widget-title { padding: 12px 20px;}
.widget-metas { color: #a3afb7; font-size: 12px;}
.widget-metas.type-link&gt;a { position: relative; display: inline-block; padding: 3px 5px; color: #a3afb7;}
.widget-metas.type-link&gt;a:first-child { padding-left: 0;}
.widget-metas.type-link&gt;a:hover { color: #ccd5db;}
.widget-metas.type-link&gt;a+a:before { position: absolute; top: 10px; left: -2px; content: ''; width: 3px; height: 3px; background-color: #a3afb7; border-radius: 50%;}
.overlay-background .widget-time { opacity: .8; color: #fff;}
.widget-category { font-size: 16px;}
.widget-actions { margin-top: 10px; text-align: right;}
.widget-actions a { display: inline-block; margin-right: 10px; vertical-align: middle; color: #a3afb7;}
.widget-actions a .icon,.widget-actions a.icon { text-decoration: none;}
.widget-actions a .icon+span,.widget-actions a.icon+span {margin-left: 2px;}
.widget-actions a.active,.widget-actions a:focus,.widget-actions a:hover { text-decoration: none; color: #ccd5db;}
.widget-actions a:last-child { margin-right: 0;}
.widget-actions-sidebar { width: 60px; position: absolute; top: 20px; left: 20px;}
.widget-actions-sidebar a { display: inline-block; width: 100%; height: 60px; text-align: center; border-right: 1px solid #e4eaec; margin-right: 0;}
.widget-actions-sidebar a:before { display: inline-block; content: ''; height: 100%; vertical-align: middle;}
.widget-actions-sidebar a+a { border-top: 1px solid #e4eaec;}
.widget-actions-sidebar+.widget-content { margin-left: 80px;}
.widget-watermark { position: absolute; opacity: .1; right: 0; bottom: 0; line-height: 1;}
.widget-watermark.darker { color: #000;}
.widget-watermark.lighter { color: #fff;}
.widget-divider:after { width: 20px; height: 2px; content: ""; display: block; margin: 15px auto; background-color: #fff;}
.widget-left { position: absolute; width: 40%; height: 100%; top: 0; left: 0;}
.widget-left+.widget-body { margin-left: 40%; width: 60%;}

.panel-group { margin-bottom:0; }
.panel-group .panel { -webkit-box-shadow: none; box-shadow: none;}
.panel-group .panel-title { position: relative; padding: 15px 20px; font-size: 14px;}
.panel-group .panel-title a:before { position: absolute; top: 15px; right: 20px; font-family: "Web Icons"; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s;}
.panel-group .panel-title a:before { content: "\f199";}
.panel-group .panel-title.toggle a:after{ position: absolute; top: 15px; right: 20px; font-family: "Web Icons"; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s;}
.panel-group .panel-title.toggle a:after { content: "\f197";}
.panel-group .panel-title[aria-expanded=false]:before { opacity: .4;}
.panel-group .panel-title[aria-expanded=false]:after { opacity: 0; -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);}
.panel-group .panel-title[aria-expanded=true]:before { opacity: 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.panel-group .panel-title[aria-expanded=true]:after { opacity: 1;}
.panel-group .panel-title:focus,.panel-group .panel-title:hover { color: #76838f; text-decoration: none;}
.panel-group .panel-title:focus { outline: 0;}
.panel-group .panel-heading+.panel-collapse { margin: 0;}
.panel-group .panel-collapse .panel-body { padding: 15px 20px;}
.panel-group .panel-collapse .panel-body .panel-body { padding: 5px 20px; }
.panel-group .panel-collapse .panel-body .panel-body .panel-heading .panel-body { padding: 5px 10px 0; }
.panel-group .panel-collapse .panel-body .panel-body .panel-heading .panel-body .listing-title { padding: 0!important; }
.panel-group .panel-heading+.panel-collapse .panel-body { border-top-color: transparent;}
.panel-group .panel+.panel { margin-top: 10px;}
.panel-group-continuous .panel { border-radius: 0;}
.panel-group-continuous .panel:first-child { border-radius: 4px 4px 0 0;}
.panel-group-continuous .panel:last-child { border-radius: 0 0 4px 4px;}
.panel-group-continuous .panel+.panel { margin-top: 0; border-top: 1px solid #e4eaec;}
.panel-group-simple .panel { background: 0 0; -webkit-box-shadow: none; box-shadow: none;}
.panel-group-simple .panel-title { padding-left: 0; padding-bottom: 10px;}
.panel-group-simple .panel-title:after,.panel-group-simple .panel-title:before { right: 5px;}
.panel-group-simple .panel-collapse .panel-body { padding-left: 0; padding-right: 0; padding-top: 10px;}
.panel-group-simple .panel+.panel { margin-top: 0;}
.panel-group .panel-title.none-arrow:before { content: "" !important;}

.cover { overflow: hidden;}
.cover-background { height:100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.cover-image { display: block; width: 100%; height:363px; background:url(../images/dashboard-cover.jpg) no-repeat top right; background-size:cover; }
.cover-quote { position: relative; margin-bottom: 0; padding-left: 35px; border-left: none;}
.cover-quote:after,.cover-quote:before { position: absolute; top: -20px; font-size: 4em;}
.cover-quote:before { left: 0; content: open-quote;}
.cover-quote:after { right: 0; content: close-quote; visibility: hidden;}
.cover-quote.blockquote-reverse { padding-right: 35px; padding-left: 20px; border-right: none;}
.cover-quote.blockquote-reverse:before { right: 0; left: auto; content: close-quote;}
.cover-gallery .carousel-inner img { width: 100%;}
.cover-iframe { width: 100%; border: 0 none;}
.overlay { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0; overflow: hidden; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);}
.overlay .overlay-figure,.overlay&gt;:first-child { width: 100%; max-width: 100%; margin-bottom: 0;}
.overlay-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; color: #fff;}
.overlay-panel a:not([class]) { color: inherit; text-decoration: underline;}
.overlay-panel&gt;:last-child { margin-bottom: 0;}
.overlay-panel h1,.overlay-panel h2,.overlay-panel h3,.overlay-panel h4,.overlay-panel h5,.overlay-panel h6 { color: inherit;}
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) { opacity: 0;}
.overlay-background { background: rgba(0,0,0,.5);}
.overlay-image { width: 100%; max-width: 100%; padding: 0;}
.overlay-shade { background: rgba(0,0,0,0) -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(90%,rgba(255,255,255,.87)),to(#fff)) repeat scroll 0 0; background: rgba(0,0,0,0) -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0; background: rgba(0,0,0,0) -o-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0; background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(255,255,255,.87) 90%,#fff 100%) repeat scroll 0 0;}
.overlay-top { bottom: auto;}
.overlay-bottom { top: auto;}
.overlay-left { right: auto;}
.overlay-right { left: auto;}
.overlay-icon { font-size: 0; text-align: center;}
.overlay-icon:before { display: inline-block; height: 100%; vertical-align: middle; content: "";}
.overlay-icon .icon { display: inline-block; width: 32px; height: 32px; margin-right: 10px; margin-left: 10px; font-size: 32px; line-height: 1; color: #fff; text-decoration: none;}
.overlay-anchor { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.overlay-blur,.overlay-fade,.overlay-grayscale,.overlay-scale,.overlay-spin,[class*=overlay-slide] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity -webkit-transform -webkit-filter,opacity -webkit-transform filter; -o-transition-property: opacity -o-transform filter; transition-property: opacity transform filter;}
.overlay-fade { opacity: .7;}
.overlay-hover:hover .overlay-fade { opacity: 1;}
.overlay-scale { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.overlay-hover:hover .overlay-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.overlay-spin { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
.overlay-hover:hover .overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg);-o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}
.overlay-grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.overlay-hover:hover .overlay-grayscale { filter: grayscale(0); -webkit-filter: grayscale(0);}
[class*=overlay-slide] { opacity: 0;}
.overlay-slide-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.overlay-slide-bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
.overlay-slide-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.overlay-slide-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.overlay-hover:hover [class*=overlay-slide] { opacity: 1; -webkit-transform: translateX(0) translateY(0);  -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0);}

.commerceAction { width: 15%; }
.commerceAction i { cursor: pointer; }
.commerceQtysTable { width: 301px; }
.commerceImgThumbnail { width: 50px; }

.comments { padding: 0; margin: 0;}
.comments .comment { border: none; border-bottom: 1px solid #e4eaec;}
.comments .comment .comment:first-child { border-top: 1px solid #e4eaec;}
.comments .comment .comment:last-child { border-bottom: none;}
.comment { padding: 20px 0; margin: 0;}
.comment .comment { margin-top: 20px; padding-bottom: 20px;}
.comment .comment:last-child { padding-bottom: 0;}
.comment-author,.comment-author:focus,.comment-author:hover { color: #37474f;}
.comment-meta { margin-left: 5px; display: inline-block; font-size: 12px; color: #a3afb7;}
.comment-content { margin-top: 5px;}
.comment-content p { margin-bottom: 10px;}
.comment-actions { margin-top: 10px; text-align: right;}
.comment-actions a { display: inline-block; margin-right: 10px; vertical-align: middle;}
.comment-actions a.icon { text-decoration: none;}
.comment-actions a:last-child { margin-right: 0;}
.comment-reply { margin: 22px 0 10px;}
.font-medium-comment { font-size: medium; }
.comment-reply .form-group:last-child { margin-bottom: 0;}
.fa-comment-custom { font-size: 1.5em;    color: transparent;    -webkit-text-stroke-width: 2px;    -webkit-text-stroke-color: gray; }
.margin-top-custom-comment { margin-top: -1%; }
.chat-box {height: 100%; width: 100%; background-color: #fff; overflow: hidden;}
.chats { padding: 30px 15px;}
.chat-avatar {float: right;}
.chat-avatar .avatar { width: 30px;}
.chat-body { display: block; margin: 10px 30px 0 0; overflow: hidden;}
.chat-body:first-child { margin-top: 0;}
.chat-content { position: relative; display: block; float: right; padding: 8px 15px; margin: 0 20px 10px 0; clear: both; color: #fff; background-color: #62a8ea; border-radius: 4px;}
.chat-content:before { position: absolute; top: 10px; right: -10px; width: 0; height: 0; content: ''; border: 5px solid transparent; border-left-color: #62a8ea;}
.chat-content&gt;p:last-child { margin-bottom: 0;}
.chat-content+.chat-content:before { border-color: transparent;}
.chat-time { display: block; margin-top: 8px; color: rgba(255,255,255,.6);}
.chat-left .chat-avatar { float: left;}
.chat-left .chat-body { margin-right: 0; margin-left: 30px;}
.chat-left .chat-content { float: left; margin: 0 0 10px 20px; color: #76838f; background-color: #dfe9ef;}
.chat-left .chat-content:before { right: auto; left: -10px; border-right-color: #dfe9ef; border-left-color: transparent;}
.chat-left .chat-content+.chat-content:before { border-color: transparent;}
.chat-left .chat-time { color: #a3afb7;}
.chat-dropdown .badge.up { margin: 0 -.7em; }
.stage-comments { position: relative; padding-left: 45px; margin-bottom: 5px; }
.stage-comments .fa-comment-custom { position: absolute; left: 15px; }
.stage-comments .fa-file-alt { position: absolute; left: 15px; font-size: 1.5em; color: gray; }
.stage-comments .font-medium-comment { margin-bottom: 0; }
.cursor-pointer { cursor: pointer; }

.steps { margin-bottom: 22px;}
.steps.row { margin-left: 0; margin-right: 0; display: block;}
.step { position: relative; padding: 12px 20px; margin: 0; color: #a3afb7; font-size: inherit; vertical-align: top; background-color: #FAFAFA; border-radius: 0;}
.step-icon { float: left; font-size: 20px; margin-right: .5em;}
.step-number { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 40px; height: 40px; font-size: 24px; line-height: 40px; color: #fff; text-align: center; background: #e4eaec; border-radius: 50%;}
.step-number~.step-desc { min-height: 40px; margin-left: 50px;}
.step-title { font-size: 20px; color: #526069; margin-bottom: 0;}
.step-desc { text-align: left;}
.step-desc p { margin-bottom: 0;}
.steps-vertical .step { display: block; padding: 18px 20px;}
.steps-vertical .step[class*=col-] { width: 100%; float: none;}
.step.current { color: #fff; background-color: #62a8ea;}
.step.current .step-title { color: #fff;}
.step.current .step-number { color: #62a8ea; background-color: #fff;}
.step.disabled { color: #ccd5db; pointer-events: none; cursor: auto;}
.step.disabled .step-title { color: #ccd5db;}
.step.disabled .step-number { background-color: #ccd5db;}
.step.error { color: #fff; background-color: #f96868;}
.step.error .step-title { color: #fff;}
.step.error .step-number { color: #f96868; background-color: #fff;}
.step.done { color: #fff; background-color: #46be8a;}
.step.done .step-title { color: #fff;}
.step.done .step-number { color: #46be8a; background-color: #fff;}
.steps-lg .step { padding: 20px 20px; font-size: 16px;}
.steps-lg .step-icon { font-size: 22px;}
.steps-lg .step-title { font-size: 22px;}
.steps-lg .step-number { width: 46px; height: 46px; font-size: 28px; line-height: 46px;}
.steps-lg .step-number~.step-desc { min-height: 46px; margin-left: 56px;}
.steps-sm .step { font-size: 12px;}
.steps-sm .step-icon {font-size: 18px;}
.steps-sm .step-title {font-size: 18px;}
.steps-sm .step-number { width: 30px; height: 30px; font-size: 24px; line-height: 30px;}
.steps-sm .step-number~.step-desc { min-height: 30px; margin-left: 40px;}
.steps-xs .step {font-size: 10px;}
.steps-xs .step-icon { font-size: 16px;}
.steps-xs .step-title { font-size: 16px;}
.steps-xs .step-number { width: 24px; height: 24px; font-size: 20px; line-height: 24px;}
.steps-xs .step-number~.step-desc { min-height: 24px; margin-left: 34px;}
.pearls { margin-bottom: 22px;}
.pearls.row { display: block;}
.pearl { position: relative; padding: 0; margin: 0; text-align: center;}
.pearl:after,.pearl:before { position: absolute; top: 18px; z-index: 0; width: 50%; height: 4px; content: ""; background-color: #f3f7f9;}
.pearl:before { left: 0;}
.pearl:after { right: 0;}
.pearl:first-child:before,.pearl:last-child:after { display: none!important;}
.pearl-icon,.pearl-number { position: relative; z-index: 1; display: inline-block; width: 36px; height: 36px; line-height: 32px; color: #fff; text-align: center; background: #ccd5db; border-radius: 50%; border: 2px solid #ccd5db;}
.pearl-number { font-size: 18px;}
.pearl-icon { font-size: 18px;}
.pearl-title { margin-top: .5em; display: block; font-size: 16px; color: #526069; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.pearl.current:after,.pearl.current:before { background-color: #62a8ea;}
.pearl.current .pearl-icon,.pearl.current .pearl-number { color: #62a8ea; background-color: #fff; border-color: #62a8ea; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}
.pearl.disabled { pointer-events: none; cursor: auto;}
.pearl.disabled:after,.pearl.disabled:before { background-color: #f3f7f9;}
.pearl.disabled .pearl-icon,.pearl.disabled .pearl-number { color: #fff; background-color: #ccd5db; border-color: #ccd5db;}
.pearl.error:before { background-color: #62a8ea;}
.pearl.error:after { background-color: #f3f7f9;}
.pearl.error .pearl-icon,.pearl.error .pearl-number { color: #f96868; background-color: #fff; border-color: #f96868;}
.pearl.done:after,.pearl.done:before { background-color: #62a8ea;}
.pearl.done .pearl-icon,.pearl.done .pearl-number { color: #fff; background-color: #62a8ea; border-color: #62a8ea;}
.pearls-lg .pearl:after,.pearls-lg .pearl:before { top: 20px;}
.pearls-lg .pearl-title { font-size: 18px;}
.pearls-lg .pearl-icon,.pearls-lg .pearl-number { width: 40px; height: 40px; line-height: 36px;}
.pearls-lg .pearl-icon { font-size: 20px;}
.pearls-lg .pearl-number {font-size: 20px;}
.pearls-sm .pearl:after,.pearls-sm .pearl:before { top: 16px;}
.pearls-sm .pearl-title { font-size: 14px;}
.pearls-sm .pearl-icon,.pearls-sm .pearl-number { width: 32px; height: 32px; line-height: 28px;}
.pearls-sm .pearl-number { font-size: 16px;}
.pearls-sm .pearl-icon { font-size: 14px;}
.pearls-xs .pearl:after,.pearls-xs .pearl:before { top: 12px; height: 2px;}
.pearls-xs .pearl-title { font-size: 12px;}
.pearls-xs .pearl-icon,.pearls-xs .pearl-number { width: 24px; height: 24px; line-height: 20px;}
.pearls-xs .pearl-number { font-size: 12px;}
.pearls-xs .pearl-icon { font-size: 12px;}
.timeline { position: relative; padding: 0; margin-bottom: 22px; list-style: none; background: 0 0;}
.timeline:before { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; content: ""; background-color: #e4eaec;}
.timeline:after { display: table; content: "";}
.timeline:after { clear: both;}
.timeline&gt;li { position: relative; display: block; float: left; width: 50%; padding-right: 40px; margin-bottom: 60px; clear: left;}
.timeline&gt;li.timeline-period { position: relative; z-index: 6; display: block; float: none; width: 200px; padding: 25px 10px; margin: 20px auto 30px; clear: both; font-size: 26px; text-align: center; text-transform: uppercase; background: #FAFAFA;}
.timeline&gt;li.timeline-reverse { float: right; padding-right: 0; padding-left: 40px; clear: right;}
.timeline&gt;li:last-child { margin-bottom: 0;}
.timeline:not(.timeline-single)&gt;li.timeline-period+.timeline-item+.timeline-item,.timeline:not(.timeline-single)&gt;li:not(.timeline-period):first-child+.timeline-item { margin-top: 90px;}
.timeline-content { float: left; width: 100%; overflow: hidden; clear: left;}
.timeline-reverse .timeline-content { float: right; clear: right;}
.timeline-content&gt;.widget { margin: 0;}
.timeline-dot { position: absolute; right: 0; z-index: 11; color: #fff; text-align: center; cursor: pointer; background-color: #62a8ea; border-radius: 50%; top: 7.5px;}
.timeline-reverse .timeline-dot { right: auto; left: 0; margin-right: 0;}
.timeline .timeline-dot { width: 14px; height: 14px; margin-right: -7px; line-height: 14px;}
.timeline .timeline-reverse .timeline-dot { margin-left: -7px;}
.timeline.timeline-single { margin-left: 7px;}
.timeline.timeline-single .timeline-dot { margin-left: -7px;}
.timeline-info {float: right; padding: 0 20px; margin-bottom: 22px; line-height: 28px; text-align: center; background: #e4eaec; border: 1px solid #e4eaec; border-radius: 20px;}
.timeline-reverse .timeline-info { float: left;}
.timeline-footer { position: absolute; right: 0; bottom: -30px; margin-right: 55px;}
.timeline-footer .icon { margin-right: .3em;}
.timeline-reverse .timeline-footer { right: auto; left: 0; margin-right: 0; margin-left: 55px;}
.timeline-reverse+.timeline-reverse { margin-top: 0;}
.timeline-single:before {left: 0;}
.timeline-single&gt;li {float: none; width: 100%; padding-right: 0; padding-left: 40px; margin-bottom: 60px;}
.timeline-single .timeline-content { float: none;}
.timeline-single .timeline-dot { right: auto; left: 0; margin-right: 0; margin-left: -7px;}
.timeline-single .timeline-info {float: left;}
.timeline-single .timeline-footer { right: auto; bottom: -26px; left: 0; margin-right: 0; margin-left: 40px;}
.timeline-icon .timeline-dot { width: 40px; height: 40px; margin-right: -20px; line-height: 40px;}
.timeline-icon .timeline-reverse .timeline-dot { margin-left: -20px;}
.timeline-icon.timeline-single { margin-left: 20px;}
.timeline-icon.timeline-single .timeline-dot { margin-left: -20px;}
.timeline-icon .timeline-dot {top: -5.5px;}
.timeline-avatar .timeline-dot { width: 40px; height: 40px; margin-right: -20px; line-height: 40px;}
.timeline-avatar .timeline-reverse .timeline-dot { margin-left: -20px;}
.timeline-avatar.timeline-single { margin-left: 20px;}
.timeline-avatar.timeline-single .timeline-dot { margin-left: -20px;}
.timeline-avatar-sm .timeline-dot {width: 30px; height: 30px; margin-right: -15px; line-height: 30px;}
.timeline-avatar-sm .timeline-reverse .timeline-dot { margin-left: -15px;}
.timeline-avatar-sm.timeline-single { margin-left: 15px;}
.timeline-avatar-sm.timeline-single .timeline-dot { margin-left: -15px;}
.timeline-avatar-lg .timeline-dot { width: 50px; height: 50px; margin-right: -25px; line-height: 50px;}
.timeline-avatar-lg .timeline-reverse .timeline-dot { margin-left: -25px;}
.timeline-avatar-lg.timeline-single { margin-left: 25px;}
.timeline-avatar-lg.timeline-single .timeline-dot { margin-left: -25px;}
.timeline-simple .timeline-dot {top: 0; margin-top: 10px;}
.timeline-feed .timeline-dot { width: 30px; height: 30px; margin-right: -15px; line-height: 30px;}
.timeline-feed .timeline-reverse .timeline-dot { margin-left: -15px;}
.timeline-feed.timeline-single { margin-left: 15px;}
.timeline-feed.timeline-single .timeline-dot { margin-left: -15px;}
.timeline-feed.timeline-simple .timeline-dot { margin-top: 5px;}
.timeline-feed&gt;li { padding-right: 30px; margin-bottom: 22px;}
.timeline-feed&gt;li.timeline-reverse { padding-left: 30px;}
.timeline-feed.timeline-single&gt;li { padding-left: 30px;}

.testimonial { margin: 3px 3px 22px;}
.testimonial-ul { padding: 0; margin: 0; list-style: none;}
.testimonial-item { float: left; padding: 0 15px 30px; margin: 0;}
.testimonial-content { position: relative;padding: 15px 20px; margin-top: 10px; margin-bottom: 25px; background-color: #FAFAFA; border-radius: 3px;}
.testimonial-content:before { position: absolute; bottom: -7px; left: 33px; display: block; width: 14px; height: 14px; content: ''; background-color: #FAFAFA; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.testimonial-content&gt;p:last-child { margin-bottom: 0;}
.testimonial-image { position: relative; float: left; margin-top: 5px; margin-left: 20px;}
.testimonial-author { display: block; margin-left: 75px; font-size: 18px;}
.testimonial-company { display: block; margin-left: 75px; font-size: 12px; opacity: .8;}
.testimonial-control a { color: #ccd5db;}
.testimonial-control a:hover { color: #89bceb; text-decoration: none;}
.testimonial-reverse .testimonial-content:before { right: 33px; left: auto;}
.testimonial-reverse .testimonial-image { float: right; margin-right: 20px; margin-left: 0;}
.testimonial-reverse .testimonial-author,.testimonial-reverse .testimonial-company { margin-left: 0; margin-right: 75px; text-align: right;}
.testimonial-top .testimonial-item { padding: 30px 15px 0;}
.testimonial-top .testimonial-content { margin-top: 30px; margin-bottom: 10px;}
.testimonial-top .testimonial-content:before { top: -7px; bottom: auto;}
.testimonial.carousel { position: relative; width: 100%; overflow: hidden;}
.testimonial.carousel .testimonial-item { position: relative; display: none; width: 100%; padding: 10px; -webkit-transition: left .6s ease-in-out 0s; -o-transition: left .6s ease-in-out 0s; transition: left .6s ease-in-out 0s;}
.testimonial.carousel .testimonial-item.active,.testimonial.carousel .testimonial-item.next,.testimonial.carousel .testimonial-item.prev { display: block;}
.testimonial.carousel .testimonial-item.next,.testimonial.carousel .testimonial-item.prev { position: absolute; top: 0; width: 100%;}
.testimonial.carousel .testimonial-item.next { left: 100%;}
.testimonial.carousel .testimonial-item.prev { left: -100%;}
.testimonial.carousel .testimonial-item.next.left,.testimonial.carousel .testimonial-item.prev.right { left: 0;}
.testimonial.carousel .testimonial-item.active { left: 0;}
.testimonial.carousel .testimonial-item.active.left { left: -100%;}
.testimonial.carousel .testimonial-item.active.right { left: 100%;}
.testimonial.carousel .testimonial-content { padding: 10px;}
.testimonial.carousel .testimonial-control { position: absolute; right: 10px; bottom: 20px;}
.testimonial.carousel .testimonial-control&gt;* { margin-left: 10px;}
.testimonial.carousel.testimonial-reverse .testimonial-control { right: auto; left: 10px;}
.testimonial.carousel.testimonial-reverse .testimonial-control&gt;* { margin-right: 10px; margin-left: 0;}
.testimonial.carousel.testimonial-top .testimonial-control { top: 20px; bottom: auto;}

.pricing-list { margin-bottom: 22px; text-align: center; border: 1px solid #e4eaec; border-radius: 3px;}
.pricing-list [class*=bg-],.pricing-list [class*=bg-] *,.pricing-list [class^=bg-],.pricing-list [class^=bg-] * { color: #fff;}
.pricing-list .pricing-header { border-bottom: 1px solid #e4eaec; border-radius: 3px 3px 0 0;}
.pricing-list .pricing-title { padding: 15px 30px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border-radius: 3px 3px 0 0;}
.pricing-list .pricing-price { padding: 20px 30px; margin: 0; font-size: 54px; font-weight: 700; color: #37474f;}
.pricing-list .pricing-period { font-size: 14px; font-weight: 400;}
.pricing-list .pricing-features { padding: 0 18px; margin: 0;}
.pricing-list .pricing-features li { display: block; padding: 15px; list-style: none; border-top: 1px dashed #e4eaec;}
.pricing-list .pricing-features li:first-child { border-top: none;}
.pricing-list .pricing-footer { padding: 30px; border-radius: 0 0 3px 3px;}
.pricing-table { padding-top: 30px; text-align: center;}
.pricing-table:after,.pricing-table:before { content: " "; display: table;}
.pricing-table:after { clear: both;}
.pricing-table [class*=pricing-column] {float: left; width: 100%; margin-bottom: 30px; background-color: #FAFAFA; border: 1px solid #e4eaec; border-right: none;}
.pricing-table [class*=pricing-column]:last-child { border-right: 1px solid #e4eaec;}
.pricing-table [class*=pricing-column].featured { position: relative; margin-right: -1px; background-color: #fff; border-right: 1px solid #e4eaec;}
.pricing-table .pricing-header { padding-bottom: 24px; margin: 30px 30px 25px; border-bottom: 1px solid #e4eaec;}
.pricing-table .pricing-price { font-size: 48px;}
.pricing-table .pricing-currency {display: inline-block; margin-top: 10px; margin-right: -10px; font-size: 20px; vertical-align: top;}
.pricing-table .pricing-period { font-size: 16px;}
.pricing-table .pricing-title { font-size: 20px; text-transform: uppercase; letter-spacing: 2px;}
.pricing-table .pricing-features { padding: 0; margin: 0;}
.pricing-table .pricing-features li { display: block; margin-bottom: 20px; font-size: 14px; list-style: none;}
.pricing-table .pricing-footer { padding: 20px 0; margin: 25px 30px 30px;}

.rating { display: inline-block; margin: 0 .5rem 0 0; font-size: 0; vertical-align: middle;}
.rating:before { display: block; height: 0; clear: both; visibility: hidden; content: '';}
.rating.hover .icon.active { opacity: .5;}
.rating .icon { width: 1em; height: auto; padding: 0; margin: 0 10px 0 0; font-size: 14px; color: #ccd5db; vertical-align: middle; cursor: pointer;}
.rating .icon:before { -webkit-transition: color .3s ease,opacity .3s ease; -o-transition: color .3s ease,opacity .3s ease; transition: color .3s ease,opacity .3s ease;}
.rating .icon.active { color: #f2a654!important;}
.rating .icon.active.hover { color: #f2a654!important; opacity: 1;}
.rating .icon.hover { color: #f2a654!important; opacity: 1;}
.rating .icon:last-child { margin-right: 0;}
.rating-disabled .icon { cursor: default;}
.rating-sm .icon { font-size: 12px;}
.rating-lg .icon { font-size: 18px;}
.ribbon { position: absolute; top: -3px; left: -3px; width: 150px; height: 150px; text-align: center; background-color: transparent;}
.ribbon-inner { position: absolute; top: 16px; left: 0; display: inline-block; height: 30px; padding-right: 20px; padding-left: 20px; line-height: 30px; color: #fff; white-space: nowrap; background-color: #526069;}
.ribbon-inner .icon { font-size: 16px;}
.ribbon-lg .ribbon-inner { height: 38px; font-size: 18px; line-height: 38px;}
.ribbon-sm .ribbon-inner { height: 26px; font-size: 12px; line-height: 26px;}
.ribbon-xs .ribbon-inner { height: 22px; font-size: 12px; line-height: 22px;}
.ribbon-vertical .ribbon-inner { top: 0; left: 16px; width: 30px; height: 60px; padding: 15px 0;}
.ribbon-vertical.ribbon-xs .ribbon-inner { width: 22px; height: 50px;}
.ribbon-vertical.ribbon-sm .ribbon-inner { width: 26px; height: 55px;}
.ribbon-vertical.ribbon-lg .ribbon-inner { width: 38px; height: 70px;}
.ribbon-reverse { right: -3px; left: auto;}
.ribbon-reverse .ribbon-inner { right: 0; left: auto;}
.ribbon-reverse.ribbon-vertical .ribbon-inner { right: 16px;}
.ribbon-bookmark .ribbon-inner { -webkit-box-shadow: none; box-shadow: none;}
.ribbon-bookmark .ribbon-inner:before { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; content: ''; border: 15px solid #526069; border-right: 10px solid transparent;}
.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { top: 100%; left: 0; margin-top: -15px; border-right: 15px solid #526069; border-bottom: 10px solid transparent;}
.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before { margin-top: -11px;}
.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before { margin-top: -13px;}
.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before { margin-top: -19px;}
.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { right: 100%; left: auto; border-right: 15px solid #526069; border-left: 10px solid transparent;}
.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before { right: auto; left: 0; border-right-color: #526069; border-bottom-color: transparent; border-left: 15px solid #526069;}
.ribbon-bookmark.ribbon-xs .ribbon-inner:before { border-width: 11px;}
.ribbon-bookmark.ribbon-sm .ribbon-inner:before { border-width: 13px;}
.ribbon-bookmark.ribbon-lg .ribbon-inner:before { border-width: 19px;}
.ribbon-badge { top: -2px; left: -2px; overflow: hidden;}
.ribbon-badge .ribbon-inner { left: -40px; width: 100%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ribbon-badge.ribbon-reverse { right: -2px; left: auto;}
.ribbon-badge.ribbon-reverse .ribbon-inner { right: -40px; left: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ribbon-badge.ribbon-bottom { top: auto; bottom: -2px;}
.ribbon-badge.ribbon-bottom .ribbon-inner { top: auto; bottom: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ribbon-corner { top: 0; left: 0; overflow: hidden;}
.ribbon-corner .ribbon-inner { top: 0; left: 0; width: 40px; height: 35px; padding: 0; line-height: 35px; background-color: transparent;}
.ribbon-corner .ribbon-inner:before { position: absolute; top: 0; left: 0; width: 0; height: 0; content: ''; border: 30px solid transparent; border-top-color: #526069; border-left-color: #526069;}
.ribbon-corner.ribbon-reverse { right: 0; left: auto;}
.ribbon-corner.ribbon-reverse .ribbon-inner { right: 0; left: auto;}
.ribbon-corner.ribbon-reverse .ribbon-inner:before { right: 0; left: auto; border-right-color: #526069; border-left-color: transparent;}
.ribbon-corner.ribbon-bottom { top: auto; bottom: 0;}
.ribbon-corner.ribbon-bottom .ribbon-inner { top: auto; bottom: 0;}
.ribbon-corner.ribbon-bottom .ribbon-inner:before { top: auto; bottom: 0; border-top-color: transparent; border-bottom-color: #526069;}
.ribbon-corner.ribbon-xs .ribbon-inner { width: 28px; height: 26px; line-height: 26px;}
.ribbon-corner.ribbon-xs .ribbon-inner:before { border-width: 22px;}
.ribbon-corner.ribbon-xs .ribbon-inner&gt;.icon { font-size: 12px;}
.ribbon-corner.ribbon-sm .ribbon-inner { width: 34px; height: 32px; line-height: 32px;}
.ribbon-corner.ribbon-sm .ribbon-inner:before { border-width: 26px;}
.ribbon-corner.ribbon-sm .ribbon-inner&gt;.icon { font-size: 12px;}
.ribbon-corner.ribbon-lg .ribbon-inner { width: 46px; height: 44px; line-height: 44px;}
.ribbon-corner.ribbon-lg .ribbon-inner:before { border-width: 36px;}
.ribbon-corner.ribbon-lg .ribbon-inner&gt;.icon { font-size: 18px;}
.ribbon-clip { left: -14px;}
.ribbon-clip .ribbon-inner { padding-left: 23px; border-radius: 0 5px 5px 0;}
.ribbon-clip .ribbon-inner:after { position: absolute; bottom: -14px; left: 0; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-color: #37474f; border-right-color: #37474f;}
.ribbon-clip.ribbon-reverse { right: -14px; left: auto;}
.ribbon-clip.ribbon-reverse .ribbon-inner { padding-right: 23px; padding-left: 15px; border-radius: 5px 0 0 5px;}
.ribbon-clip.ribbon-reverse .ribbon-inner:after { right: 0; left: auto; border-right-color: transparent; border-left-color: #37474f;}
.ribbon-clip.ribbon-bottom { top: auto; bottom: -3px;}
.ribbon-clip.ribbon-bottom .ribbon-inner { top: auto; bottom: 16px;}
.ribbon-clip.ribbon-bottom .ribbon-inner:after { top: -14px; bottom: auto; border-top-color: transparent; border-bottom-color: #37474f;}
.ribbon-primary .ribbon-inner { background-color: #62a8ea;}
.ribbon-primary.ribbon-bookmark .ribbon-inner:before { border-color: #62a8ea; border-right-color: transparent;}
.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-left-color: transparent;}
.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #62a8ea; border-bottom-color: transparent;}
.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-bottom-color: transparent; border-left-color: #62a8ea;}
.ribbon-primary.ribbon-corner .ribbon-inner { background-color: transparent;}
.ribbon-primary.ribbon-corner .ribbon-inner:before { border-top-color: #62a8ea; border-left-color: #62a8ea;}
.ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-left-color: transparent;}
.ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #62a8ea;}
.ribbon-primary .ribbon-inner:after { border-top-color: #4e97d9; border-right-color: #4e97d9;}
.ribbon-primary.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #4e97d9;}
.ribbon-primary.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #4e97d9;}
.ribbon-success .ribbon-inner { background-color: #46be8a;}
.ribbon-success.ribbon-bookmark .ribbon-inner:before { border-color: #46be8a; border-right-color: transparent;}
.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-left-color: transparent;}
.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #46be8a; border-bottom-color: transparent;}
.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-bottom-color: transparent; border-left-color: #46be8a;}
.ribbon-success.ribbon-corner .ribbon-inner { background-color: transparent;}
.ribbon-success.ribbon-corner .ribbon-inner:before { border-top-color: #46be8a; border-left-color: #46be8a;}
.ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-left-color: transparent;}
.ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #46be8a;}
.ribbon-success .ribbon-inner:after { border-top-color: #36ab7a; border-right-color: #36ab7a;}
.ribbon-success.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #36ab7a;}
.ribbon-success.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #36ab7a;}
.ribbon-info .ribbon-inner { background-color: #57c7d4;}
.ribbon-info.ribbon-bookmark .ribbon-inner:before { border-color: #57c7d4; border-right-color: transparent;}
.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-left-color: transparent;}
.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #57c7d4; border-bottom-color: transparent;}
.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-bottom-color: transparent; border-left-color: #57c7d4;}
.ribbon-info.ribbon-corner .ribbon-inner { background-color: transparent;}
.ribbon-info.ribbon-corner .ribbon-inner:before { border-top-color: #57c7d4; border-left-color: #57c7d4;}
.ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-left-color: transparent;}
.ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #57c7d4;}
.ribbon-info .ribbon-inner:after { border-top-color: #47b8c6; border-right-color: #47b8c6;}
.ribbon-info.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #47b8c6;}
.ribbon-info.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #47b8c6;}
.ribbon-warning .ribbon-inner { background-color: #f2a654;}
.ribbon-warning.ribbon-bookmark .ribbon-inner:before { border-color: #f2a654; border-right-color: transparent;}
.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-left-color: transparent;}
.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #f2a654; border-bottom-color: transparent;}
.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-bottom-color: transparent; border-left-color: #f2a654;}
.ribbon-warning.ribbon-corner .ribbon-inner { background-color: transparent;}
.ribbon-warning.ribbon-corner .ribbon-inner:before { border-top-color: #f2a654; border-left-color: #f2a654;}
.ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-left-color: transparent;}
.ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #f2a654;}
.ribbon-warning .ribbon-inner:after { border-top-color: #ec9940; border-right-color: #ec9940;}
.ribbon-warning.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #ec9940;}
.ribbon-warning.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #ec9940;}
.ribbon-danger .ribbon-inner { background-color: #f96868;}
.ribbon-danger.ribbon-bookmark .ribbon-inner:before { border-color: #f96868; border-right-color: transparent;}
.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-left-color: transparent;}
.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #f96868; border-bottom-color: transparent;}
.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-bottom-color: transparent; border-left-color: #f96868;}
.ribbon-danger.ribbon-corner .ribbon-inner { background-color: transparent;}
.ribbon-danger.ribbon-corner .ribbon-inner:before { border-top-color: #f96868; border-left-color: #f96868;}
.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-left-color: transparent;}
.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #f96868;}
.ribbon-danger .ribbon-inner:after { border-top-color: #e9595b; border-right-color: #e9595b;}
.ribbon-danger.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #e9595b;}
.ribbon-danger.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #e9595b;}

.dotnav { padding: 0; margin: 0; text-align: center; list-style: none;}
.dotnav&gt;li {position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 16px; vertical-align: top; list-style: none;}
.dotnav&gt;li&gt;a { display: inline-block; width: 100%; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; cursor: pointer; background-color: rgba(255,255,255,.3); border-radius: 50%;}
.dotnav&gt;li&gt;a:focus { outline: 0;}
.dotnav&gt;li.active&gt;a,.dotnav&gt;li:focus&gt;a,.dotnav&gt;li:hover&gt;a { background-color: #fff;}
.dotnav-scaleup&gt;li&gt;a { -webkit-transition: -webkit-transform .3s ease 0s,background-color .3s ease 0s; -o-transition: -o-transform .3s ease 0s,background-color .3s ease 0s; transition: transform .3s ease 0s,background-color .3s ease 0s;}
.dotnav-scaleup&gt;li.active&gt;a { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.dotnav-stroke&gt;li&gt;a { border: 2px solid transparent; -webkit-transition: border .3s ease 0s,background-color .3s ease 0s; -o-transition: border .3s ease 0s,background-color .3s ease 0s; transition: border .3s ease 0s,background-color .3s ease 0s;}
.dotnav-stroke&gt;li.active&gt;a { background-color: transparent; border-color: #fff; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);}
.dotnav-fillin&gt;li&gt;a { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; -webkit-transition: -webkit-box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s;}
.dotnav-fillin&gt;li:focus&gt;a,.dotnav-fillin&gt;li:hover&gt;a { background-color: transparent; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,.6) inset; box-shadow: 0 0 0 2px rgba(255,255,255,.6) inset;}
.dotnav-fillin&gt;li.active&gt;a { -webkit-box-shadow: 0 0 0 8px #fff inset; box-shadow: 0 0 0 8px #fff inset;}
.dotnav-dotstroke&gt;li&gt;a { -webkit-box-shadow: 0 0 0 8px rgba(255,255,255,.5) inset; box-shadow: 0 0 0 8px rgba(255,255,255,.5) inset; -webkit-transition: -webkit-box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s;}
.dotnav-dotstroke&gt;li.active&gt;a { background-color: rgba(255,255,255,.3); -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset;}
.dotnav-fall&gt;li:after { top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; content: ''; background-color: rgba(0,0,0,.3); border-radius: 50%; opacity: 0; position: absolute; -webkit-transform: translate(0,-200%); -ms-transform: translate(0,-200%); -o-transform: translate(0,-200%); transform: translate(0,-200%); -webkit-transition: -webkit-transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s; -o-transition: -o-transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s; transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;}
.dotnav-fall&gt;li&gt;a { -webkit-transition: -webkit-transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s; -o-transition: -o-transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s; transition: transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s;}
.dotnav-fall&gt;li.active:after { visibility: visible; opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0);-o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: -webkit-transform .3s ease 0s,opacity .3s ease 0s; -o-transition: -o-transform .3s ease 0s,opacity .3s ease 0s; transition: transform .3s ease 0s,opacity .3s ease 0s;}
.dotnav-fall&gt;li.active&gt;a { opacity: 0; -webkit-transform: translate(0,200%); -ms-transform: translate(0,200%); -o-transform: translate(0,200%); transform: translate(0,200%);}
.color-selector { padding: 0; margin: 0; list-style: none;}
.color-selector&gt;li { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 8px 8px 0; background-color: #62a8ea; border-radius: 100%;}
.color-selector&gt;li:hover { opacity: .8;}
.color-selector&gt;li:before { position: absolute; top: 0; left: 0; display: inline-block; width: inherit; height: inherit; content: ""; background: inherit; border: 1px solid rgba(0,0,0,.1); border-radius: inherit;}
.color-selector&gt;li input[type=radio] { position: absolute; top: 0; left: 0; z-index: 1; width: inherit; height: inherit; cursor: pointer; border-radius: inherit; opacity: 0;}
.color-selector&gt;li input[type=radio]:disabled { cursor: not-allowed;}
.color-selector&gt;li label { position: relative; font-family: "Web Icons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none;}
.color-selector&gt;li input[type=radio]:checked+label:after { position: absolute; top: 0; left: 8px; display: inline-block; margin-top: -2px; font-size: 16px; line-height: 1; color: #fff; content: "\f192";}
.color-selector&gt;li.color-selector-disabled { background-color: #ccd5db!important;}
.color-selector&gt;li.color-selector-disabled input[type=radio]:disabled { cursor: not-allowed;}
.width-50 { width: 50px;}
.width-100 { width: 100px;}
.width-150 { width: 150px;}
.width-200 { width: 200px;}
.width-250 { width: 250px;}
.width-300 { width: 300px;}
.width-350 { width: 350px;}
.width-400 { width: 400px;}
.width-450 { width: 450px;}
.width-500 { width: 500px;}
.width-full { width: 100%!important;}
.width-half { width: 50%!important;}

.height-50 { height: 50px;}
.height-100 { height: 100px;}
.height-120 { height: 120px;}
.height-150 { height: 150px;}
.height-200 { height: 200px;}
.height-250 { height: 250px;}
.height-300 { height: 300px;}
.height-350 { height: 350px;}
.height-400 { height: 400px;}
.height-450 { height: 450px;}
.height-500 { height: 500px;}
.height-full { height: 100%!important;}

.margin-0 { margin: 0!important;}
.margin-3 { margin: 3px!important;}
.margin-5 { margin: 5px!important;}
.margin-10 { margin: 10px!important;}
.margin-15 { margin: 15px!important;}
.margin-20 { margin: 20px!important;}
.margin-25 { margin: 25px!important;}
.margin-30 { margin: 30px!important;}
.margin-35 { margin: 35px!important;}
.margin-40 { margin: 40px!important;}
.margin-45 { margin: 45px!important;}
.margin-50 { margin: 50px!important;}
.margin-vertical-0 { margin-top: 0!important; margin-bottom: 0!important;}
.margin-vertical-3 { margin-top: 3px!important; margin-bottom: 3px!important;}
.margin-vertical-5 { margin-top: 5px!important; margin-bottom: 5px!important;}
.margin-vertical-10 { margin-top: 10px!important; margin-bottom: 10px!important;}
.margin-vertical-15 { margin-top: 15px!important; margin-bottom: 15px!important;}
.margin-vertical-20 { margin-top: 20px!important; margin-bottom: 20px!important;}
.margin-vertical-25 { margin-top: 25px!important; margin-bottom: 25px!important;}
.margin-vertical-30 { margin-top: 30px!important; margin-bottom: 30px!important;}
.margin-vertical-35 { margin-top: 35px!important; margin-bottom: 35px!important;}
.margin-vertical-40 { margin-top: 40px!important; margin-bottom: 40px!important;}
.margin-vertical-45 { margin-top: 45px!important; margin-bottom: 45px!important;}
.margin-vertical-50 { margin-top: 50px!important; margin-bottom: 50px!important;}
.margin-horizontal-0 { margin-right: 0!important; margin-left: 0!important;}
.margin-horizontal-3 { margin-right: 3px!important; margin-left: 3px!important;}
.margin-horizontal-5 { margin-right: 5px!important; margin-left: 5px!important;}
.margin-horizontal-10 { margin-right: 10px!important; margin-left: 10px!important;}
.margin-horizontal-15 { margin-right: 15px!important; margin-left: 15px!important;}
.margin-horizontal-20 { margin-right: 20px!important; margin-left: 20px!important;}
.margin-horizontal-25 { margin-right: 25px!important; margin-left: 25px!important;}
.margin-horizontal-30 { margin-right: 30px!important; margin-left: 30px!important;}
.margin-horizontal-35 { margin-right: 35px!important; margin-left: 35px!important;}
.margin-horizontal-40 { margin-right: 40px!important; margin-left: 40px!important;}
.margin-horizontal-45 { margin-right: 45px!important; margin-left: 45px!important;}
.margin-horizontal-50 { margin-right: 50px!important; margin-left: 50px!important;}
.margin-top-0 { margin-top: 0!important;}
.margin-top-3 { margin-top: 3px!important;}
.margin-top-5 { margin-top: 5px!important;}
.margin-top-10 { margin-top: 10px!important;}
.margin-top-15 { margin-top: 15px!important;}
.margin-top-20 { margin-top: 20px!important;}
.margin-top-25 { margin-top: 25px!important;}
.margin-top-30 { margin-top: 30px!important;}
.margin-top-35 { margin-top: 35px!important;}
.margin-top-40 { margin-top: 40px!important;}
.margin-top-45 { margin-top: 45px!important;}
.margin-top-50 { margin-top: 50px!important;}
.margin-bottom-0 { margin-bottom: 0!important;}
.margin-bottom-3 { margin-bottom: 3px!important;}
.margin-bottom-5 { margin-bottom: 5px!important;}
.margin-bottom-10 { margin-bottom: 10px!important;}
.margin-bottom-15 { margin-bottom: 15px!important;}
.margin-bottom-20 { margin-bottom: 20px!important;}
.margin-bottom-25 { margin-bottom: 25px!important;}
.margin-bottom-30 { margin-bottom: 30px!important;}
.margin-bottom-35 { margin-bottom: 35px!important;}
.margin-bottom-40 { margin-bottom: 40px!important;}
.margin-bottom-45 { margin-bottom: 45px!important;}
.margin-bottom-50 { margin-bottom: 50px!important;}
.margin-left-0 { margin-left: 0!important;}
.margin-left-3 { margin-left: 3px!important;}
.margin-left-5 { margin-left: 5px!important;}
.margin-left-10 { margin-left: 10px!important;}
.margin-left-15 { margin-left: 15px!important;}
.margin-left-20 { margin-left: 20px!important;}
.margin-left-25 { margin-left: 25px!important;}
.margin-left-30 { margin-left: 30px!important;}
.margin-left-35 { margin-left: 35px!important;}
.margin-left-40 { margin-left: 40px!important;}
.margin-left-45 { margin-left: 45px!important;}
.margin-left-50 { margin-left: 50px!important;}
.margin-right-0 { margin-right: 0!important;}
.margin-right-3 { margin-right: 3px!important;}
.margin-right-5 { margin-right: 5px!important;}
.margin-right-10 { margin-right: 10px!important;}
.margin-right-15 { margin-right: 15px!important;}
.margin-right-20 { margin-right: 20px!important;}
.margin-right-25 { margin-right: 25px!important;}
.margin-right-30 { margin-right: 30px!important;}
.margin-right-35 { margin-right: 35px!important;}
.margin-right-40 { margin-right: 40px!important;}
.margin-right-45 { margin-right: 45px!important;}
.margin-right-50 { margin-right: 50px!important;}

.padding-0 { padding: 0!important;}
.padding-3 { padding: 3px!important;}
.padding-5 { padding: 5px!important;}
.padding-10 { padding: 10px!important;}
.padding-15 { padding: 15px!important;}
.padding-20 { padding: 20px!important;}
.padding-25 { padding: 25px!important;}
.padding-30 { padding: 30px!important;}
.padding-35 { padding: 35px!important;}
.padding-40 { padding: 40px!important;}
.padding-45 { padding: 45px!important;}
.padding-50 { padding: 50px!important;}
.padding-0-15 { padding: 0 15px!important; }
.padding-vertical-0 { padding-top: 0!important; padding-bottom: 0!important;}
.padding-vertical-3 { padding-top: 3px!important; padding-bottom: 3px!important;}
.padding-vertical-5 { padding-top: 5px!important; padding-bottom: 5px!important;}
.padding-vertical-10 { padding-top: 10px!important; padding-bottom: 10px!important;}
.padding-vertical-15 { padding-top: 15px!important; padding-bottom: 15px!important;}
.padding-vertical-20 { padding-top: 20px!important; padding-bottom: 20px!important;}
.padding-vertical-25 { padding-top: 25px!important; padding-bottom: 25px!important;}
.padding-vertical-30 { padding-top: 30px!important; padding-bottom: 30px!important;}
.padding-vertical-35 { padding-top: 35px!important; padding-bottom: 35px!important;}
.padding-vertical-40 { padding-top: 40px!important; padding-bottom: 40px!important;}
.padding-vertical-45 { padding-top: 45px!important; padding-bottom: 45px!important;}
.padding-vertical-50 { padding-top: 50px!important; padding-bottom: 50px!important;}
.padding-horizontal-0 { padding-right: 0!important; padding-left: 0!important;}
.padding-horizontal-3 { padding-right: 3px!important; padding-left: 3px!important;}
.padding-horizontal-5 { padding-right: 5px!important; padding-left: 5px!important;}
.padding-horizontal-10 { padding-right: 10px!important; padding-left: 10px!important;}
.padding-horizontal-15 { padding-right: 15px!important; padding-left: 15px!important;}
.padding-horizontal-20 { padding-right: 20px!important; padding-left: 20px!important;}
.padding-horizontal-25 { padding-right: 25px!important; padding-left: 25px!important;}
.padding-horizontal-30 { padding-right: 30px!important; padding-left: 30px!important;}
.padding-horizontal-35 { padding-right: 35px!important; padding-left: 35px!important;}
.padding-horizontal-40 { padding-right: 40px!important; padding-left: 40px!important;}
.padding-horizontal-45 { padding-right: 45px!important; padding-left: 45px!important;}
.padding-horizontal-50 { padding-right: 50px!important; padding-left: 50px!important;}
.padding-top-0 { padding-top: 0!important;}
.padding-top-3 { padding-top: 3px!important;}
.padding-top-5 { padding-top: 5px!important;}
.padding-top-10 { padding-top: 10px!important;}
.padding-top-15 { padding-top: 15px!important;}
.padding-top-20 { padding-top: 20px!important;}
.padding-top-25 { padding-top: 25px!important;}
.padding-top-30 { padding-top: 30px!important;}
.padding-top-35 { padding-top: 35px!important;}
.padding-top-40 { padding-top: 40px!important;}
.padding-top-45 { padding-top: 45px!important;}
.padding-top-50 { padding-top: 50px!important;}
.padding-bottom-0 { padding-bottom: 0!important;}
.padding-bottom-3 { padding-bottom: 3px!important;}
.padding-bottom-5 { padding-bottom: 5px!important;}
.padding-bottom-10 { padding-bottom: 10px!important;}
.padding-bottom-15 { padding-bottom: 15px!important;}
.padding-bottom-20 { padding-bottom: 20px!important;}
.padding-bottom-25 { padding-bottom: 25px!important;}
.padding-bottom-30 { padding-bottom: 30px!important;}
.padding-bottom-35 { padding-bottom: 35px!important;}
.padding-bottom-40 { padding-bottom: 40px!important;}
.padding-bottom-45 { padding-bottom: 45px!important;}
.padding-bottom-50 { padding-bottom: 50px!important;}
.padding-left-0 { padding-left: 0!important;}
.padding-left-3 { padding-left: 3px!important;}
.padding-left-5 { padding-left: 5px!important;}
.padding-left-10 { padding-left: 10px!important;}
.padding-left-15 { padding-left: 15px!important;}
.padding-left-20 { padding-left: 20px!important;}
.padding-left-25 { padding-left: 25px!important;}
.padding-left-30 { padding-left: 30px!important;}
.padding-left-35 { padding-left: 35px!important;}
.padding-left-40 { padding-left: 40px!important;}
.padding-left-45 { padding-left: 45px!important;}
.padding-left-50 { padding-left: 50px!important;}
.padding-right-0 { padding-right: 0!important;}
.padding-right-3 { padding-right: 3px!important;}
.padding-right-5 { padding-right: 5px!important;}
.padding-right-10 { padding-right: 10px!important;}
.padding-right-15 { padding-right: 15px!important;}
.padding-right-20 { padding-right: 20px!important;}
.padding-right-25 { padding-right: 25px!important;}
.padding-right-30 { padding-right: 30px!important;}
.padding-right-35 { padding-right: 35px!important;}
.padding-right-40 { padding-right: 40px!important;}
.padding-right-45 { padding-right: 45px!important;}
.padding-right-50 { padding-right: 50px!important;}

.example-wrap { margin-bottom: 80px;}
.example-wrap .example-wrap { margin-bottom: 0;}
.example { margin-top: 20px; margin-bottom: 20px;}
.example:after,.example:before { content: " "; display: table;}
.example:after { clear: both;}
.example-title { text-transform: uppercase;}
.example-title,h4.example-title { font-size: 14px;}
.panel-body&gt;.example-wrap:last-child { margin-bottom: 0;}
.panel-body&gt;.row:last-child&gt;[class*=col-]:last-child .example-wrap:last-child { margin-bottom: 0;}
.example-well { position: relative; margin-bottom: 30px; background-color: #FAFAFA;}
.example-well .center { position: absolute; display: inline-block; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.example-dropdown .dropdown:after,.example-dropdown .dropdown:before,.example-dropdown .dropup:after,.example-dropdown .dropup:before { content: " "; display: table;}
.example-dropdown .dropdown:after,.example-dropdown .dropup:after { clear: both;}
.example-dropdown .dropdown&gt;.dropdown-toggle,.example-dropdown .dropup&gt;.dropdown-toggle {float: left;}
.example-dropdown .dropdown&gt;.dropdown-menu,.example-dropdown .dropup&gt;.dropdown-menu { position: static; display: block; clear: left;}
.example-dropdown .dropdown&gt;.dropdown-menu-right,.example-dropdown .dropup&gt;.dropdown-menu-right { float: right; clear: right;}
.example-tooltip { position: relative; display: inline-block; z-index: 1;}
.example-tooltip .tooltip { position: relative; margin-right: 25px; opacity: 1;}
.example-blocks .example-col,.example-grid .example-col { min-height: 0; padding: 10px 15px 12px; background-color: #FAFAFA; border-radius: 0;}
.example-grid .example-col {margin-bottom: 20px;}
.example-grid .example-col .example-col { margin-top: 20px; margin-bottom: 0; background-color: #e2ecf1;}
.example-popover { position: relative; display: inline-block; z-index: 1;}
.example-popover .popover { position: relative; display: block; margin-right: 25px;}
.example-buttons .btn,.example-buttons .btn-group,.example-buttons .btn-group-vertical { margin-right: 15px; margin-bottom: 20px;}
.example-buttons .btn-group .btn,.example-buttons .btn-group-vertical .btn { margin-right: 0; margin-bottom: 0;}
.example-box { position: relative; margin-left: 0; margin-right: 0; padding: 45px 15px 15px; border: 1px solid #e4eaec;}
.example-box:after { position: absolute; top: 15px; left: 15px; content: "Example"; color: #959595; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
.example-avatars .avatar { margin-right: 20px; margin-bottom: 20px;}
.example-avatars .avatar:last-child { margin-right: 20px;}
.example-typography { position: relative; padding-left: 25%;}
.example-typography .heading-note,.example-typography .text-note { position: absolute; bottom: 2px; left: 0; display: block; width: 260px; font-size: 13px; font-weight: 400; line-height: 13px; color: #aab2bd;}
.example-typography .text-note { top: 10px; bottom: auto;}
.example-responsive { overflow-x: auto; min-height: .01%;}

/* ================== CSS from style.jsp ========================== */
.inlineHeading { display: inline; font-family: "Roboto", sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 3;}
.lowerInlineHeading { display: inline; font-family: "Roboto", sans-serif; font-size: 14px; font-style: normal; font-weight: bold; line-height: 3;}
/* remove y scroll bar when modal pops up */
.modal { overflow-x: hidden; /* ok to be hiddedn because of responsive design */ overflow-y: auto;}
body.new-modal { overflow: hidden!important; }
.dropdown-menu { background-color: #f9fbe4; z-index: 1000;}
.missing-announcement { position: relative; width: 99%; height: 80px; padding: 20px 20px 20px 35px; line-height: 27px; color: #6a5f49 !important; text-shadow: 0 1px 1px #fff; font-weight: bold; background-color: #f9fbe4; border: 2px solid #fff; border-color: rgba(224, 224, 224, .9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; display: inline-block;}
.example-well { margin-bottom: 0;}
.breadcrumb { background-color: transparent}
.filter-options { min-width: 480px; left: -450px; top: 22px;}
.filter-menu { padding: 20px 20px; }
[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important;}
.top-search { background-color: #00CC99; color: #fff;}
.top-search[disabled] { background-color: #A0D8CA; color: #fff;}
.welcome { background-color: #00CC99; height: 45px; margin-top: 3px;}
.btn-search { border-bottom-color: #00CC99; border-left-color: #00CC99; border-right-color: #00CC99; border-top-color: #00CC99;}
.rounded, .form-control.rounded, .btn.rounded, .new-btn.rounded { border-radius: 50px; padding: 6px 20px; border:solid 1px #dbe2e5; line-height: 19px; }
.rounded-xs {border-radius: 50px; padding: 1px 20px; border:solid 1px #dbe2e5;}
.top-div { margin-left: 2%; margin-right: 2%;}
.main-div { margin-left: 3%; margin-right: 3%;}
.panel-campaign { margin-top: 5px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;}
.panel-heading-campaign { padding-top: 0px; padding-bottom: 0px;}
.middle-div { padding-top: 8px; vertical-align: middle;}
.filter-campaign { padding-top: 5px; padding-bottom: 5px;}
.filter-campaign-btn { width: 45px!important;height: 34px!important; }
.filter-campaign-btn-fa { margin-top: -12px; }
.dropdown-position { top: 65%; left: 15%;}
.drop-select { overflow-y: auto; max-height: 250px;}
.selected { font-weight: bold; background-color: #3276b1; color: #fff;}
.alert-cm-success { background-color: #00cc99; color: #fff}
.alert-cm-warning { background-color: #f0ad4e; color: #fff}
.alert-cm-error { background-color: #d9534f; color: #fff}
.mandatory { color: #d9534f;}
.error { color: #d9534f; font-style: italic; font-size: 11px;}
.display-on-top { z-index: 9999;}
/* make popups visible on bootstrap panel */
.panel-group .panel { overflow: visible;}
.preview-crud-tabs md-content { background-color: #fff; overflow: visible; display:inline-block; width:100%; }
.preview-crud-tabs md-content md-tabs { border: 1px solid #e1e1e1; overflow:hidden!important; padding-bottom:15px; min-height:400px; }
.preview-crud-tabs md-content md-tabs md-tabs-canvas { background: white;}
.preview-crud-tabs md-tab-content { overflow:auto!important;}
.preview-crud-tabs .tab-content { padding-bottom: -20px;}
.campaign-add-tabs md-content h1:first-child { margin-top: 0;}
.modal-cm-lg { width: 1200px;}
#openClose-radio .notActive, #upDown-radio .notActive { color: #3276b1; background-color: #fff;}
.white-row { padding-bottom: 0px; padding-top: 6px;}
.alt-row { background-color: #dff0d8; padding-bottom: 0px; padding-top: 6px;}
.tab-cm-alt-row { padding:0px;}
.tab-cm-row { padding-left: 20px; padding-right: 20px; margin-left: 15px; margin-right: 15px;}
.jobstage-col1, .jobstage-col2 { width: 33%; float: left;}
.jobstage-col3 { width: 33%; float: left; text-align: right;}
.job-stage-higlight { border: #f26522; border-left-style: inherit; }
.job-list-job-stage-higlight { border: #f26522; border-left-style: inset; }
div[contentEditable] { cursor: pointer; background-color: white; padding: .2em;}
div[contentEditable]:focus { cursor: pointer; background-color: #000000; border: 2px #00CC99; padding: .2em;}
.ribbon { top:-9px}
.ribbon .btn-link { color: #FFFFFF}
.panel-actions { top: 85%; right: 17px;}
.panel-heading.campaign { border: 0; width: 100%; padding-bottom: 15px;}
.panel-heading.campaign.in { background-color: #23ae89;}
.panel-heading.job { background-color: #fcf8f2; min-height: 36px; max-height: 36px; padding-top: 10px; padding-left: 10px;
}.panel-button.btn-icon { margin-right: 10px;}
.panel-actions a.dropdown-toggle { padding: 5px;}
.panel-actions a.panel-action { padding: 5px;}
[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important;}
.container-tile { height: 420px; overflow: none;}
.tile-panel { min-height: 350px; max-height: 350px; overflow: none; border: 1px solid #CCCCCC;}
.img-thumbnail { border:solid 1px #ccc!important; overflow:hidden; padding:0; }
.campaign-panel-status { top: 80%;}
.campaign-panel-actions { top: 90%;}
.slidePanel-header { background-color: #57c7d4;}
.progress { height: 14px; margin-bottom: 10px; margin-top: 2px;}
.panel_highlight { margin-top: 2px; border: 1px solid #d3d3d3;}
.page-body-main.preview { width: 60%}
.preview-panel { display: none; width: 600px; top: 166px; background-color: #fff; -webkit-box-shadow: -10px 0 20px 0 rgba(66, 66, 66, .2); box-shadow: -10px 0 20px 0 rgba(66, 66, 66, .2); overflow-y: scroll !important; overflow-x: hidden !important;}
.btn-cursor { cursor: pointer; z-index: 10;}
.history-icon { float: left; margin-right: 20px; line-height: 32px; font-size: 20px; color: #aaa;}
.md-list-item-text.history { padding-top: 5px !important; padding-bottom: 5px !important;}
/* Preview Panel Modal Stuff*/
.modal{overflow-y: auto !important;}
.modal-header .wb-close { color: #fff; opacity: 1; font-size: 16px; margin-top:0!important;}
.preview-panel .modal-footer { text-align: left;}
.site-menu:first-child { margin-top: 15px;}
.nav_logo { display: inline;}
.preview-panel .navs-tabs-horizontal { margin: 0 15px; border: solid 1px rgb(221, 221, 221);}
.preview-panel .tab-pane { margin-top: 7px; margin-bottom: 10px;}
.preview-panel .tab-pane .table { margin-top:-5px; margin-bottom: 0;}
.preview-panel .tab-pane .item { margin: 0 15px; padding-left: 10px; border-bottom: solid 1px rgb(221, 221, 221);}
.preview-panel .tab-pane .tab-button { margin: 0 30px 0 30px; border-bottom: none;}
.preview-panel .tab-pane .text-center .btn { margin-top: 15px;}
.preview-panel .tab-pane .alert { margin: 0 25px; }
.preview-panel .modal-header h2 { margin:0; font-size:18px; font-weight:normal; color:#fff; display:inline-block; }

.nav-tabs-line &gt; li &gt; a { padding: 8px 12px;}
.progresstile { background-color: #efefef}
md-input-container { padding-bottom: 5px; flex-direction: row;}
md-input-container label { min-width: 150px; display: inline-block;}
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) { transform: translate3d(0px, 6px, 0px) scale(0.99);}
md-input-container .md-input[disabled], [disabled] md-input-container .md-input { background-image: none;}
.usertab-pane { height: 32px; border:none; box-shadow:none; margin-bottom:0; }
#toast-container &gt; div { width: 450px;}
.drop-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: #f8f8f8; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #ddd; border-bottom-style: dashed; border-bottom-width: 5px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: #ddd; border-left-style: dashed; border-left-width: 5px; border-right-color: #ddd; border-right-style: dashed; border-right-width: 5px; border-top-color: #ddd; border-top-style: dashed; border-top-width: 5px; height: 40px; text-align: center; padding-top: 5px; }
.wizard-row { padding: 20px 20px;}
.list-padding { padding:10px 0px;}
.code-color { background-color: #ffffff; color: #000000; padding-bottom: 0px; padding-top: 0px;}
.progress-list-item { background-color: #ffffff; height: 8px; margin-top: 7px;}

/* z-index overriden to display on top of slide */
.md-dialog-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%;height: 100%!important; z-index: 9999;}
md-backdrop.md-dialog-backdrop { position: fixed; height: 100%!important; }
.main-div-element { margin-left: 0%; margin-right: 1%;}
.page-login { background-color: rgba(0,0,0,0.5); background-image: url("&lt;%=ServerConfig.getInstance().get("LoginBackground")%&gt;") !important; background-size: cover !important; background-size: 100%; background-repeat: no-repeat; position: relative; }

/* Login For DDB */
.page-login.ddb-login-page { background-image: url("../images/new-login-bg.jpg") !important; }
.ddb-login-page.page-dark.layout-full .brand { margin-top: 150px; text-align: center; }
.ddb-login-page .btn-primary { background: #ffd200; color: #000; border-color: #ffd200; }
.ddb-login-page .btn-primary:active:focus, .ddb-login-page .btn-primary:active:hover, .ddb-login-page .btn-primary:hover { background: #d2b118; border-color: #d2b118; }
.ddb-login-page .ddb-logo { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }

/* Login For CUB */
.page-login.cub-login-page { background-image: url("../images/new-login-bg_1.jpg") !important; }
.cub-login-page.page-dark.layout-full .brand { margin-top: 150px; text-align: center; }
.cub-login-page .btn-primary { background: #ffd200; color: #000; border-color: #ffd200; }
.cub-login-page .btn-primary:active:focus, .ddb-login-page .btn-primary:active:hover, .ddb-login-page .btn-primary:hover { background: #d2b118; border-color: #d2b118; }
.cub-login-page .ddb-logo { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }

/* Login For VIC */
.page-login.vic-login-page { background-image: url("../images/vicsuper-bg.jpg") !important; }
.vic-login-page.page-dark.layout-full .brand { margin-top: 50px; text-align: center; }
.vic-login-page .btn-primary { background: #00A4E3; color: #fff; border-color: #00A4E3; }
.vic-login-page .btn-primary:active:focus, .vic-login-page .btn-primary:active:hover, .vic-login-page .btn-primary:hover { background: #0183b5; border-color: #0183b5; }
.vic-login-page .vic-logo { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }

/* Login For Intel */
.page-login.intel-login-page { background-image: url("../images/intel-login-bg.jpg") !important; }
.intel-login-page.page-dark.layout-full .brand { margin: 50px 0; text-align: center; }
.intel-login-page .btn-primary:active:focus, .ddb-login-page .btn-primary:active:hover, .ddb-login-page .btn-primary:hover { background: #d2b118; border-color: #d2b118; }
.intel-login-page .intel-logo { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.intel-login-page .intel-logo img { width: 100px; }

/* Login For Nestle */
.page-login.nestle-login-page { background-image: url("../images/nestle-login-bg.jpg") !important; background-size: cover !important; background-size: 100%; }
.nestle-login-page.page-dark.layout-full .brand { margin-top: 20px; text-align: center; }
.nestle-login-page .btn-primary { background: #337ab7; color: #fff; border-color: #2e6da4; }
.nestle-login-page .btn-primary:active:focus, .nestle-login-page .btn-primary:active:hover, .nestle-login-page .btn-primary:hover { background: #89bceb; border-color: #89bceb; }
.nestle-login-page .nestle-logo { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }

/* Login For Bunnings */
.page-login.bunnings-login-page { background-image: url("../images/bunnings-login-bg.jpg") !important; background-size: cover !important; }
.bunnings-login-page.page-dark.layout-full .brand { margin-top: 20px; text-align: center; }
.bunnings-login-page .btn-primary { background: #da291c; color: #fff; border-color: #da291c; }
.bunnings-login-page .btn-primary:active:focus, .bunnings-login-page .btn-primary:active:hover,
.bunnings-login-page .btn-primary:hover { background: #ff1100; border-color: #ff1100; }
.bunnings-login-page .btn.disabled, .bunnings-login-page .btn[disabled] { opacity: 0.3; }
.bunnings-login-page .page-content { max-width: 380px; width:100%; background-color: rgba(13,82,87,0.9); padding: 15px; }
.bunnings-login-page .brand { padding: 35px 25px; text-align: center; }
.bunnings-login-page .brand .brand-img { width: 100%; max-width: 296px; }
.bunnings-login-page .page-content p { color: #fff; }
.bunnings-login-page .modal .modal-footer .btn-default { background-color: #0d5257; }
.bunnings-login-page #privacyPolicy .modal-header { background-color: #838f9a; }

/* Login For Indicia */
.page-login.indicia-login-page { background: url("../images/indicia-bg.jpg") no-repeat 0 0 !important; background-size: cover !important; }
.page-login.indicia-login-page.page-dark.layout-full:after { display: none; }
.page-login.indicia-login-page .signin { background-color: rgba(255,255,255,0.9); padding: 35px; min-width: 500px; max-width: 100%; }
.indicia-login-page.page-dark.layout-full .brand { margin-top: 0; display: inline-block; width: 100%; }
.indicia-login-page.page-dark.layout-full .brand .brand-img-iww { float: left; }
.indicia-login-page.page-dark.layout-full .brand .brand-img-km { float: right; }
.indicia-login-page .signin p { text-align: left; color: #333; margin-bottom: 30px; font-size: 16px; }
.indicia-login-page .btn-primary { background: #242b35; color: #fff; border-color: #242b35; }
.indicia-login-page .btn-primary:active:focus, .indicia-login-page .btn-primary:active:hover,
.indicia-login-page .btn-primary:hover { background: #0095d4; border-color: #0095d4; }
.indicia-login-page .signin .register-request-btn { color: #333; font-size: 16px; }
.indicia-login-page .signin .help-btn { color: #333; font-size: 16px; right: 30px; bottom: 30px; }
.indicia-login-page .indicia-logo { position: absolute; bottom: 60px; right: 35px; }

/* Login For The Warehouse Group */
.page-login.twg-login-page { background: url("../images/twg-login-bg.jpg") no-repeat 0 0 !important; background-size: cover !important; }
.page-login.twg-login-page.page-dark.layout-full:after { display: none; }
.page-login.twg-login-page .signin { padding: 20px; min-width: 380px; max-width: 100%; }
.twg-login-page.page-dark.layout-full .brand { margin-top: 20px; text-align: center; }
.twg-login-page .login-form .form-control { height: auto; }
.twg-login-page .btn-primary { background: #42b630; color: #fff; border-color: #42b630; font-weight: bold; }
.twg-login-page .modal .modal-footer .btn-default { padding: 11px 15px; font-weight: bold; }
.twg-login-page .btn-primary:active:focus, .twg-login-page .btn-primary:active:hover, .twg-login-page .btn-primary:hover { background: #fff; border-color: #42b630; color: #42b630; }

/* Login For Electrolux */
.page-login.elec-login-page { background: url("../images/electrolux-login-bg.jpg") no-repeat -380px bottom !important; background-size: cover !important; }
.page-login.elec-login-page.page-dark.layout-full:after { display: none; }
.page-login.elec-login-page .signin { padding: 35px; width: 100%; max-width: 385px; background: #00073a; font-family: 'electrolux_sansregular'; }
.page-login.elec-login-page .signin p { font-size: 15px; }
.elec-login-page.page-dark.layout-full .brand { margin-top: 20px; text-align: right; margin: 0 0 100px; }
.elec-login-page.page-dark.layout-full .brand img { width: 215px; }
.elec-login-page.page-dark.layout-full .brand + p { display: none; }
.elec-login-page .login-form .form-control { height: auto; margin-bottom: 20px; color: #fff; }
.elec-login-page .btn-primary { background: #d7e4e5; color: #00073a; border-color: #d7e4e5; font-weight: bold; }
.elec-login-page .modal .modal-footer .btn-default { padding: 11px 15px; font-weight: bold; }
.elec-login-page .btn-primary:active:focus, .elec-login-page .btn-primary:active:hover,
.elec-login-page .btn-primary:hover { background: #666; border-color: #666; color: #d7e4e5; }
.elec-login-page .register-request-btn { background-color: #678398; padding: 10px 50px; color: #fff; text-decoration: none;
    text-transform: uppercase; font-size: 26px; }
.elec-login-page .register-request-btn:hover { background-color: #305470; }

/* Login For Aware */
.page-login.aware-login-page { background: url("../images/aware-login-bg.png") no-repeat -400px bottom !important;
    background-size: cover !important; }
.page-login.aware-login-page.page-dark.layout-full:after { display: none; }
.page-login.aware-login-page .signin { padding: 20px; width: 100%; max-width: 400px; background: #fff; }
.page-login.aware-login-page .signin p { color: #1b1b1a; font-size: 16px; text-align: left; }
.aware-login-page.page-dark.layout-full .brand { text-align: right; }
.aware-login-page .login-form .form-control { background-color: #f5dde8 !important; height: auto; margin-bottom: 20px; color: #1b1b1a; border-bottom: none; }
.aware-login-page .btn-primary { background: #e5007e; color: #fff; border-color: #e5007e; font-weight: normal; }
.aware-login-page .btn-primary:active:focus, .aware-login-page .btn-primary:active:hover,
.aware-login-page .btn-primary:hover { background: #b20263; border-color: #b20263; }
.aware-login-page .help-btn { color: #1b1b1a; font-size: 16px; }
.aware-login-page .help-btn:hover { color: #b20263; }
.aware-login-page .register-request-btn { color: #1b1b1a; font-size: 16px; text-align: right; margin-top: 20px;
    text-decoration: underline; }
.aware-login-page .register-request-btn:hover { color: #b20263; }

/* Login For JB - HiFi */
.page-login.jb-hifi-login-page { background: url("../images/JB-HiFi-login-bg.png") no-repeat -400px top !important;
    background-size: cover !important; }
.page-login.jb-hifi-login-page.page-dark.layout-full:after { display: none; }
.page-login.jb-hifi-login-page .signin { padding: 20px; width: 100%; max-width: 400px; background: #ffec0f; }
.page-login.jb-hifi-login-page .signin p { color: #000000; font-size: 16px; text-align: left; }
.jb-hifi-login-page.page-dark.layout-full .brand { text-align: center; }
.jb-hifi-login-page .login-form .form-control { background-color: #fff799 !important; height: auto; margin-bottom: 20px; color: #000; border-bottom: none; }
.jb-hifi-login-page .btn-primary { background: #000000; color: #fff; border-color: #000000; font-weight: normal; }
.jb-hifi-login-page .btn-primary:active:focus, .jb-hifi-login-page .btn-primary:active:hover,
.jb-hifi-login-page .btn-primary:hover { background: #2c2c2c; border-color: #2c2c2c; }
.jb-hifi-login-page .help-btn { color: #000000; font-size: 16px; }
.jb-hifi-login-page .help-btn:hover { color: #2c2c2c; }
.jb-hifi-login-page .register-request-btn { color: #000000; font-size: 16px; text-align: right; margin-top: 20px;
    text-decoration: underline; }
.jb-hifi-login-page .register-request-btn:hover { color: #2c2c2c; }




#forgottenPassword form { margin: 0; }
#forgottenPassword .help-btn { left: 20px; right: inherit; color: #000; }
.ribbon-border { border: solid 1px #c0c0c0;}
.wipribbon { height: 70px; top: -3px; left: -6px; text-align: center; background-color: transparent; display: inline-block;}
.ribbon-inner { position: absolute; top: 10px; left: -9px; display: inline-block; height: 30px; padding-right: 20px; padding-left: 20px; line-height: 30px; color: #fff; white-space: nowrap; background-color: #E4EAEC; height: 70px;}
.wipribbon .ribbon-inner { height:47px!important; font-size: 18px; line-height: 42px; background-color: #ebf2f9; border: 1px solid #D3D3D3; width: 100%; text-align: left; color: #000;}
.wipribbon .ribbon-collection { left: 0; width: 99%; background-color: #e9eaee;}
.wipribbon .ribbon-job { left:-15px; width:100%; background-color: #faf2db;}
.wipribbon .ribbon-joblist { left: -15px; width: 101.5%; background-color: #faf2db;}
.wipribbon .ribbon-closed { text-decoration: line-through;}
.wipribbon-clip { left: -14px;}
.wipribbon-clip .ribbon-inner { padding-left: 23px; border-radius: 0 5px 5px 0;}
.wipribbon-clip .ribbon-inner:after { position: absolute; bottom: -14px; left: 0; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-color: #37474f; border-right-color: #37474f;}
.wipribbon-clip .btn-link { font-weight: normal; color: #000; cursor: pointer; border-radius:0;}
.dataGrid.table &gt; thead &gt; tr &gt; th { background-color: #9E9E9E; color: #fff; padding: 5px; font-family: Roboto; font-weight: 400; border-top: none;}
.dragover { background-color: #e8e8e8;}
label {font-family: 'Roboto', sans-serif;}
#navbar-header-bunnings { background-color: #fff; display: inline-block; width: 220px; padding: 12px 0 13px; position: relative; z-index: 1;}
.modal .tab-content .tab-pane { padding: 15px; border:1px solid #ddd; border-top: none; }
.modal .tab-content &gt; .active { display: inline-block; width: 100%; vertical-align: top; }
.modal .tab-content .tab-pane .modal-footer { padding: 0; margin-top: 20px; }
.modal .tab-content .tab-pane .nav-tabs-vertical { padding: 0; }
.modal .tab-content .tab-pane .nav-tabs-vertical small { padding-left: 5px; }
.modal .tab-content .tab-pane .item { float: left; width: 100%; border-bottom: solid 1px #ddd; padding: 10px 0; background: #fff; }
.modal .tab-content .tab-pane .item .display-inline-block { vertical-align: top; }
.modal .tab-content .tab-pane .item .display-inline-block + p { float: right; }
.modal .tab-content .tab-pane .item .activity { padding-top: 5px; }
.modal .tab-content .tab-pane .item .history-icon { line-height: normal; }
.modal .tab-content .tab-pane .item h6 { margin: 0; }
.modal .tab-pane .item img { float:left; }
.modal .tab-pane .item .item { display: inline-block; width: 90%; margin-bottom: 10px; vertical-align: top; padding: 0 10px; }
.modal .tab-pane .item .item h5 { margin:0; margin-bottom: 10px; }
.modal .tab-pane .item .item .attach-btn { max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: super; }
.modal .tab-content .tab-pane .item .user-img { position:absolute; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; vertical-align: middle; border: solid 1px #ccc; }
.modal .tab-content .tab-pane .item .user-img img { position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); max-width: 100%; }
.modal .tab-content .tab-pane .item .comments { padding-left: 45px; }
.modal .tab-content .tab-pane .item .annotations { padding-left: 45px; }
.modal .tab-content .tab-pane .item .comments span { display: inline-block; width: 100%; background: #eaa11c3d ; padding: 8px; }
.modal .tab-content .tab-pane .item .annotations span { display: inline-block; width: 100%; background: #e4f0fb ; padding: 8px; }

/* Added by Aaron */
.listing-title { float:left; text-align:left; position: relative; transition: all 0s ease 1s; white-space: normal; border-radius: 0; border: none; font-size:17px; color:#444; font-weight:200; padding-bottom:0; padding-top: 3px; }
.listing-title .detail-box { opacity: 0; visibility: hidden; position: absolute; bottom: 100%; left: 0; z-index: 9999; overflow: hidden; width: 0px; height: 0px; background: #fff; box-shadow: 0 0 10px #ccc;}
.listing-title .detail-box .camp-date { float: left; width: 160px; word-wrap: break-word; padding: 20px; }
.listing-title .detail-box .camp-date p { float: left; width: 100%; text-align:center; background: #f37032; color: #fff; border-radius: 3px; padding: 5px 0; margin: 0; font-size: 14px; font-weight: 600; }
.listing-title .detail-box .camp-date h3 { float: left; width: 100%; height: 90px; text-align: center; vertical-align: middle; background: #f1f1f1; margin: 0; font-size: 45px; font-weight: bold; color: #000; padding-top: 15px; }
.listing-title .detail-box .camp-date h3 span { font-size: 12px; color: #aaa; display: block; padding: 10px 0 0; }
.listing-title .detail-box .right-block { float: left; width: 68%; text-align: left; padding-top: 20px; padding-right: 20px; }
.listing-title .detail-box .right-block .camp-name { float: left; width: 100%; font-size: 16px; color: #000;font-weight: bold; padding-top: 5px; margin: 0 0 16px; }
.listing-title .detail-box .right-block .created-by { float: left; width: 100%; font-size: 14px; color: #767676; margin-bottom: 5px; }
.listing-title .detail-box .progress-date { float: left; width: 100%; margin: 7px 0 0; padding: 0 20px 20px;}
.listing-title .detail-box .progress-date .progress { margin-bottom: 0; }
.listing-title .detail-box .progress-date .progress-bar-warning { background: #41b5e4; }
.listing-title .detail-box .status-block { float: left; width: 100%; text-align: left; padding: 10px 0 0; }
.listing-title .detail-box .status-block .blue { display: inline-block; padding: 1px 6px; background: #428bca; border-radius: 3px; margin-right: 5px; color: #fff; }
.listing-title .detail-box .status-block .red { display: inline-block; padding: 1px 6px; background: #d9534f; border-radius: 3px; margin-right: 5px; color: #fff; }
.listing-title .detail-box .status-block .green { display: inline-block; padding: 1px 6px; background: #5cb85c; border-radius: 3px; margin-right: 5px; color: #fff; }
.listing-title .detail-box .status-block .status { display: inline-block; width: auto; height: auto; border: none; padding: 1px 15px; background: #428bca; border-radius: 25px; color: #fff;}
/*.listing-title:hover .detail-box { opacity: 1; transition: opacity 0.1s ease 2s; -webkit-transition: opacity 0.1s ease 2s; -moz-transition: opacity 0.1s ease 2s; width: 500px; height: auto; background: #fff; box-shadow: 0 0 15px #bbb; cursor: default;}*/
.listing-title:hover .detail-box { -webkit-animation: fadeIn 0s 1.5s 1 normal forwards ease-out; animation: fadeIn 0s 1.5s 1 normal forwards ease-out; width: 500px; height: auto; background: #fff; box-shadow: 0 0 15px #bbb; cursor: default;}

.progress-bar-outer { float:left; width:92%; background:#eee; height:16px; border-radius:30px; overflow:hidden; margin:0 20px 20px; }
.progress-bar-outer span { float:left; text-align:center; background:#41b5e4; color:#fff; font-size:12px; }
.progress-bar-outer .zero { float:left; width:100%; text-align:center; background:transparent; color:#000; font-size:12px; }
/* Project Listing page */
.new-btn { background:#fff; min-width:35px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #bac1c7; font-size:13px; font-weight:bold; color:#85919c; margin-left:5px; padding:7px 14px; line-height:13px; }
.new-btn:hover, .new-btn.focus, .new-btn:focus { background:#f37032; color:#fff; border:solid 1px #f37032;}
.new-btn.btn .icon { font-size:12px; }
.edit-btn { display:inline-block; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #dad8d8; font-size:13px; font-weight:bold; color:#85919c; padding:5px 8px; width:32px; height: 32px; text-align: center; }
.edit-btn:hover { background:#f37032; color:#fff; border:solid 1px #f37032;}
.chat-btn { display:inline-block; margin-left: 5px; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #bac1c7; font-size:13px; font-weight:bold; color:#85919c; padding:5px 8px; width:32px; height: 32px; text-align: center; }
.chat-btn:hover { background:#f37032; color:#fff; border:solid 1px #f37032;}
.invite-btn { display:inline-block; margin-left: 5px; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #bac1c7; font-size:13px; font-weight:bold; color:#85919c; padding:5px 8px; width:32px; height: 32px; text-align: center; }
.invite-btn:hover { background:#f37032; color:#fff; border:solid 1px #f37032;}
.action-btns { display: none; position: absolute; right:15px; top: 50%; margin-top: -20px; }
.export-btn:focus { background:#fff; border:solid 1px #bac1c7; font-weight:bold; color:#85919c; }
.noosh-project-list .filter-option .new-btn { margin-top: -70px; float:right; }
.listing-icon-btn { float:left; background:none; padding:0; font-size:64px; color:#838f9a; line-height:64px; vertical-align:top; }
.campaign-block { display:inline-block; width:100%; position:relative; margin-bottom:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #ececec }
.campaign-block:hover .listing-icon-btn { color:#929ca5;}
.campaign-block:hover .action-btns { display: block; }
.panel-heading:hover .action-btns { display: block; }
.campaign-block .sub-project-list .panel-body .new-btn { margin:0; float:left; }
.date-control { position: relative; }
.date-control input.form-control { width: 100%!important; }
.date-control .input-buttons { margin: 0!important; position: absolute; width:50px; bottom: 7px; right:8px; }
.panel_highlight { margin-top:0!important; border:none!important;}
.items-total { float:left; width:93%; color: #767676; font-size:15px; margin-left:17px; }
.items-info { float:left; width:92%; color: #767676; font-size:15px; margin-left:0px; }
.panel-group .panel { display:inline-block; width:100%; }
.panel-group .sub-project-list .panel-body { padding-left:100px; }
#campaign-list-view .listing-icon-btn { font-size: 40px; font-weight: 400; }
#campaign-list-view .listing-title { font-size: 16px; font-weight: bold; padding-top: 0; }
#campaign-list-view .listing-title .campaignCurrency { font-size: 14px!important; font-weight: normal!important; padding-top: 0; }
#campaign-list-view button.listing-title { margin-top: 2px; }
#campaign-list-view .sub-panel .inlineHeading { font-size: 17px; }
#campaign-list-view .sub-panel .inlineHeading .edit-btn { margin: 5px 0 10px; }
#collection-accordion .listing-title { font-size: 15px; padding-top:6px; font-weight: 200; }
#collection-accordion .panel { background: #fff; }
#joblist-accordion .panel { border-bottom:none; }
.collection-item { border-bottom: solid 1px #e5e5e5; }
.collection-item .table-list { overflow: inherit; }
.channel-list-item { padding-bottom: 15px!important; border-bottom: dotted 1px #e5e5e5; }
.quotes-page .listing-icon-btn { font-size: 40px; font-weight: 400; }
.quotes-page .collapse.navbar-search-overlap { display: none; }
.orderlist-page .listing-icon-btn { font-size: 40px; font-weight: 400; }
.orderlist-page .collapse.navbar-search-overlap { display: none; }
.not-available { float:left; width:auto; padding:4px 15px 15px 20px; line-height:20px; }
.not-available strong { font-size:18px; color:#aeb5bc; font-weight:500; }
.table-list { float:left; width:100%; border-top:solid 1px #efefef; margin-top:20px; overflow-x: auto; }
.table-list .table { width:100%; margin:0; padding:0; border:none;    border: 1px solid #ececec; }
.table-list .table thead th { background:#e8e8e8; font-size:15px; color:#444; font-weight:600; padding:15px; border:none; }
.table-list .table tbody td { font-size:13px; color:#444; padding:2px 15px; border:none; vertical-align: middle; position: relative; min-height: 46px; }
.table-list .table tr:nth-child(even) { background:#f7f7f8; }
.table-list .table tr:nth-child(odd) { background:#fff; }
.table-list .table thead tr { background: #e8e8e8!important; }
.table-list .table .col1 { width:38%; text-align:left; }
.table-list .table .col2 { width:12%; text-align:center; }
.table-list .table .col3 { width:15%; text-align:left; }
.table-list .table .col4 { width:12%; text-align:left; }
.table-list .table .col5 { width:12%; text-align:center; }
.table-list .table .col6 { width:10%; text-align:center; }
.table-list .table .icons { display:none; background:transparent; }
.table-list .table .icons .btn-icon { background:none; border:none; font-size:15px; color:#728b98; padding:0; margin:0 10px; }
.table-list .table .status-green { display:inline-block; background:#2eb650; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-grey { display:inline-block; background:#838f9a; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .label-status-grey { background:#838f9a; }
.table-list .table .label-status-in-quoting-proj { background:#62a8ea; }
.table-list .table .label-status-estimate-proj { background:#57c7d4; }
.table-list .table .label-status-in-prod-proj { background:#3aa99e; }
.table-list .table .label-status-awaiting-proj { background:#f96868; }
.table-list .table .label-status-pending-proj { background:#926DD8; }
.table-list .table .label-status-shipped-proj { background:#f2a654; }
.table-list .table .label-status-new-proj { background:#838f9a; }
.table-list .table .status-blue { display:inline-block; background:#62a8ea; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-default { display:inline-block; background:#ffff00; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-new-proj { display:inline-block; background:#e4eaec; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-in-quoting-proj { display:inline-block; background:#62a8ea; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-estimate-proj { display:inline-block; background:#57c7d4; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-awaiting-proj { display:inline-block; background:#f96868; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-in-prod-proj { display:inline-block; background:#3aa99e; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table .status-shipped-proj { display:inline-block; background:#f2a654; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table tr:hover { background:#e4edf6; }
.table-list .table tr:hover .icons { display:block; }
.table-list .table .new-btn { padding: 9px 13px; margin-top:0; margin-left:0; margin-bottom: 5px; min-width:auto; }
.table-list .table .edit-btn { margin:5px 0; }
.table-list .table td .overdue { position: absolute; top:50%; transform: translateY(-50%); margin: 0; }
.table-list .table td .overweek { position: absolute; top:50%; transform: translateY(-50%); margin: 0; }
.table-list .table td .uptoweek { position: absolute; top:50%; transform: translateY(-50%); margin: 0; }
.table-list .table td .overduewip { position: absolute; top:50%; transform: translateY(-50%); margin: 0; }
.items-table .table .col1 { width: 15%; }
.items-table .table .col2 { width: 15%; }
.items-table .table .col3 { width: 20%; }
.items-table .table .col4 { width: 15%; text-align: center; }
.items-table .table .col5 { width: 10%; }
.items-table .table .col6 { width: 20%; }
.items-table .table .colBase { width: 10%; }
.items-table .table .colTrans { width: 10%; }
.label-status-grey { background:#838f9a; }
.label-status-in-quoting-proj { background:#62a8ea; }
.label-status-estimate-proj { background:#57c7d4; }
.label-status-in-prod-proj { background:#3aa99e; }
.label-status-awaiting-proj { background:#f96868; }
.label-status-pending-proj { background:#926DD8; }
.label-status-shipped-proj { background:#f2a654; }
.label-status-new-proj { background:#838f9a; }

.quote-tabs .label-status-in-prod-proj { background:#3aa99e; }
.quote-tabs .label-status-new-proj { background:#838f9a; }
.quote-tabs .label-status-pending-proj { background:#926DD8; }
.quote-tabs .bg-danger {  }
.quoteItem-header { width: 49%; overflow-wrap: break-word; text-align: justify; padding-left: 15px; }
#quoteHistoryDetailsTab-pr { overflow-y: scroll; max-height: 550px; }

.noOfJobs { padding-right: 1%; color: gray; background: white; cursor: default; font-weight: normal!important; }

#wipLabels { margin-top: -2.85%;margin-left: 20%;width: 50%; }
.navbar-nav .dropdown .dropdown-menu{ background-color: #ffffff!important; border: solid 1px #e6e3e3!important; max-height: 250px; overflow: auto; }
.myNavbar{ font-size: 85%; width: 100%; border: none!important; box-shadow: 0 0 0 rgba(0,0,0,.08)!important; background-color: #f0f3f4!important; margin-bottom: 0; }
.myNavbar + .filter-option { margin-top: 0; padding-bottom: 0.5%; }
.infoButtons{ opacity:0; }
.tableQuotes tr:hover .infoButtons{ opacity:1; }
.tableOrders tr:hover .infoButtons{ opacity:1; }
.tableItems tr:hover .infoButtons{ opacity:1; }


.myWipNavbar .container-fluid { margin-bottom: 5px; }
.myWipNavbar .container-fluid ul { width: 61.2%; text-align: right; }
.myWipNavbar .container-fluid ul li { float: none; display: inline-block; }
.myWipNavbar .navbar-nav { display: flex; flex-wrap: wrap; justify-content: space-between; float: none; width: 100%; align-items: center; }
.myWipNavbar .navbar-nav:before, .myWipNavbar .navbar-nav:after { display: none!important; }
.myWipNavbar .navbar-nav li { margin-bottom: 10px; }
.myWipNavbar .navbar-nav .legends .overweek { margin-top: 5px; }
.myWipNavbar .navbar-nav .legends .uptoweek { margin-top: 5px; }
.myWipNavbar .navbar-nav .legends .overduewip { margin-top: 5px; }
.selectedWipType { margin-top: 0.7%; }
.selectedWipType a span b { font-size: x-large;color: black; }
.wipExportBtn { margin-right: -65%; }
/*.wipExportBtnProcurement { margin-right: -65%; margin-top: 1%; }*/
.wipSaveAsBtn { margin-right: -52%; }
.wipHighlight { margin-right: -39%;margin-top: -1%; }
.wipFilterName { float: left; }
.wipFilterDeleteIcon { float: right; }
.wip-header { background: #fff; display: inline-block; width: 100%; margin: 15px 0; padding: 15px; }
.wip-header .myNavbar { background:transparent!important; border-bottom: solid 1px #e5e5e5!important; }
.wip-header .myNavbar .dropdown .caret { vertical-align: super; margin-left: 10px; }
.wip-header #bs-example-navbar-collapse-1 { margin: 0; padding: 0; }
.wip-header .fav-filter-dd { float: left; margin-left: 20px; padding-top: 5px; }
.wip-header .fav-filter-dd a { font-size: 14px; padding:7px 15px; display: block; }
.wip-header .fav-filter-dd a:hover, .wip-header .fav-filter-dd a:focus { text-decoration: none; outline: 0; }
.wip-header .fav-filter-dd.open &gt; a, .wip-header .fav-filter-dd.open &gt; a:focus, .wip-header .fav-filter-dd.open &gt; a:hover { color: #555; background-color: #e7e7e7; }
.wip-header .selectedWipType { margin-top: 0; }
.wip-header .nav.navbar-nav.pull-right { margin-top: 3px; }
.wip-table-wrap { height: auto; margin: 0; }
.wip-table-wrap .table-wrap { padding: 0; }
.wip-table { overflow: auto; width:100%; }

.wip-task-header .legends { float: right; margin-top: 20px; }
.wip-task-header .legends .overweek { margin: 0; margin-right: 5px; }
.wip-task-header .legends .uptoweek { margin: 0; margin-right: 5px; }
.wip-task-header .legends .overdue { margin: 0; margin-right: 5px; }
.wip-task-header .legends .fa { margin-right: 2px; }
.prod-req-btn { position: absolute; right:0; top: 48px; right: 85px; }

.table-list .table-condensed { width:100%; margin:0; padding:0; border:none;    border: 1px solid #ececec; }
.table-list .table-condensed thead th { background:#f7f7f8; font-size:15px; color:#444; font-weight:600; padding:15px; border:none; }
.table-list .table-condensed tbody td { font-size:15px; color:#838f9a; padding:8px 15px; border:none; vertical-align: middle; position: relative; }
.table-list .table-condensed tr:nth-child(even) { background:#f7f7f8; }
.table-list .table-condensed tr:nth-child(odd) { background:#fff; }
.table-list .table-condensed .col1 { width:42%; text-align:left; }
.table-list .table-condensed .col2 { width:12%; text-align:center; }
.table-list .table-condensed .col3 { width:12%; text-align:center; }
.table-list .table-condensed .col4 { width:12%; text-align:left; }
.table-list .table-condensed .col5 { width:12%; text-align:center; }
.table-list .table-condensed .col6 { width:10%; text-align:center; }
.table-list .table-condensed .icons { display:none; background:transparent; }
.table-list .table-condensed .icons .btn-icon { background:none; border:none; font-size:15px; color:#728b98; padding:0; margin:0 10px; }
.table-list .table-condensed .status-green { display:inline-block; background:#2eb650; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-grey { display:inline-block; background:#838f9a; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-blue { display:inline-block; background:#62a8ea; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-default { display:inline-block; background:#ffff00; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-new-proj { display:inline-block; background:#e4eaec; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-in-quoting-proj { display:inline-block; background:#62a8ea; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-estimate { display:inline-block; background:#57c7d4; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-awaiting { display:inline-block; background:#f96868; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-in-prod { display:inline-block; background:#3aa99e; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed .status-shipped { display:inline-block; background:#f2a654; width:10px; height:10px; border-radius:10px; margin-right:5px; }
.table-list .table-condensed tr:hover { background:#e4edf6; }
.table-list .table-condensed tr:hover .icons { display:block; }
.table-list .table-condensed .new-btn { padding:8px 6px; margin-top:0; margin-left:0; margin-bottom: 5px; min-width:auto; }
.table-list .table-condensed .edit-btn { margin:0 0 5px; }
.table-list .table-condensed td .overdue { position: absolute; top:-14px; margin: 0; }
.items-table .table-condensed .col1 { width: 25%; }
.items-table .table-condensed .col2 { width: 15%; }
.items-table .table-condensed .col3 { width: 15%; }
.items-table .table-condensed .col4 { width: 15%; text-align: center; }
.items-table .table-condensed .col5 { width: 15%; }
.items-table .table-condensed .col6 { width: 15%; }

/* Add Item Modal */
#projectItemWizard { color:#000; }
#projectItemWizard .modal-body { padding:0; }
#projectItemWizard form { width:100%; margin:0; }
#projectItemWizard input[type=text] { border:solid 1px #e5e5e5; }
#projectItemWizard textarea { border:solid 1px #e5e5e5; resize:none; height:150px; }
#projectItemWizard .modal-footer { background:#ededed; padding:20px; }
#projectItemWizard .file-upload .drop-box { padding-top: 0; padding-bottom: 16%; }
#form-container { margin-bottom:20px; border-radius:5px; }
#form-container .page-header { margin:0; float:left; width:100%; padding:0; }
#status-buttons { float:left; width:100%; background:#ddd; }
#status-buttons a { float:left; width:25%; color:#999; font-weight:bold; height:74px; font-size:25px; padding:15px 12px 15px 35px; position:relative; text-align:left; line-height:26px; }
#status-buttons a span { float:left; margin-top:5px; color:#ddd; background:#999; border:solid 1px #999; width:30px; height:30px; border-radius:15px; line-height:29px; text-align:center; margin-right:10px; }
#status-buttons a em { float:left; width:100%; padding-left:40px; margin-top:-9px; font-size:13px; display:inline-block; font-weight:normal; font-style:normal; line-height:13px; }
#status-buttons a:hover, #status-buttons a.active { text-decoration:none; background:#f37032; color:#fff; cursor:pointer; }
#status-buttons a.active:after { content:''; position:absolute; width:15px; bottom:0; left:50%; margin-left:-10px; border:solid 10px transparent; border-bottom:solid 10px #fff; }
#status-buttons a.active span, #status-buttons a:hover span { background:#fff; color:#f37032; }
#milestone-preview .modal-body { min-height: 600px; }

/* ANIMATION STYLINGS
============================================================================= */
#form-views { width:auto; }
#form-views.ng-enter,
#form-views.ng-leave { position:absolute; left:30px; right:30px; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; }
#form-views.ng-enter { -webkit-animation:slideInRight 0.5s both ease; -moz-animation:slideInRight 0.5s both ease; animation:slideInRight 0.5s both ease; }
#form-views.ng-leave { -webkit-animation:slideOutLeft 0.5s both ease; -moz-animation:slideOutLeft 0.5s both ease; animation:slideOutLeft 0.5s both ease; }
@keyframes slideOutLeft { to { transform: translateX(-200%); } }
@-moz-keyframes slideOutLeft { to { -moz-transform: translateX(-200%); } }
@-webkit-keyframes slideOutLeft { to { -webkit-transform: translateX(-200%); } }
@keyframes slideInRight {
    from    { transform:translateX(200%); }
    to      { transform: translateX(0); }
}
@-moz-keyframes slideInRight {
    from    { -moz-transform:translateX(200%); }
    to      { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
    from    { -webkit-transform:translateX(200%); }
    to      { -webkit-transform: translateX(0); }
}
/* Job Type Tab */
#addItem { position:relative; min-height:300px; overflow:hidden; padding:5px; }
#addItem h2 { margin:0; font-size:16px; color:#444; }
.product-list { display: inline-block; width:100%; margin:0 0; padding:11px 0 0; list-style:none; height:220px; overflow:auto; overflow-x:hidden; }
.product-list li { display: flex; flex-wrap: wrap; align-items: center; width:100%; margin-bottom:10px; position: relative; vertical-align: top; }
.product-list li .checkbox-custom { float:left; }
.product-list li .spec-name { width: 85%; }
.product-list li .spec-name label { margin: 0; white-space: nowrap; }
.product-list li .prod-img { display: inline-block; width:20px; height:20px; vertical-align: top; border:solid 1px #e2e2e2; position:relative; margin:0 0 0 15px; }
.product-list li .prod-img img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width: 100%; }
.product-list li .badge { position: absolute; right: 20px; top: 2px; }
.product-list li p { display:inline-block; width:calc(100% - 101px); font-size:13px; color:#767676; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 0 10px; vertical-align: bottom; }
.product-list li .camp-checkbox { width: 25px; }
.select-items li .prod-img { border: none; }
.select-items li .prod-img img { margin-top: 0; }
.chkbox { float:left; width:42px; height:20px; color:#cccfd1; font-size:21px; line-height:24px; margin-right:5px; }
.chkbox:focus { outline:0; border:none; }
.chkbox input[type=checkbox] { position:absolute; top:-9999px; }
.chkbox.on, .chkbox:hover { color:#2eb650; }
.chkbox-email { float:left; width:24px; height:24px; color:#e1e5e8; font-size:21px; line-height:24px; margin-right:5px; }
.chkbox-email:focus { outline:0; border:none; }
.chkbox-email input[type=checkbox] { position:absolute; top:-9999px; }
.chkbox-email.on, .chkbox-email:hover { color:#eea236; }
.chkbox-archive { float:left; width:24px; height:24px; color:#e9595b; font-size:21px; line-height:24px; margin-right:5px; }
.chkbox-archive:focus { outline:0; border:none; }
.chkbox-archive input[type=checkbox] { position:absolute; top:-9999px; }
.chkbox-archive.on, .chkbox-archive:hover { color:#e9595b; }
.job-type { float:left; width:100%; padding:15px; }
#addItem .job-type-tabs h2 { margin-bottom:20px; }
.job-type-tabs { float:left; width:100%; }
.job-type-tabs hr { display: inline-block; width: 100%; border-color: #ccc; margin-top: 0; }
.job-type-tabs .nav-tabs { border-bottom:solid 1px #cdd2d7; }
.job-type-tabs .nav-tabs &gt; li { margin-bottom: -2px; }
.job-type-tabs .nav-tabs &gt; li &gt; a { font-size:15px; color:#515b60; }
.job-type-tabs .nav-tabs &gt; li.active &gt; a, .project-details .nav-tabs &gt; li.active &gt; a:focus, .project-details .nav-tabs &gt; li.active &gt; a:hover { background:#263238; color:#fff; border-bottom:none; }
.job-type-tabs .tab-content { display:inline-block; width:100%; padding:20px 0; }
.job-type-tabs .tab-content .search-box .fa { position: absolute; top: 9px; left: 25px; }
.job-type-tabs .tab-content .search-box .form-control { padding-left:30px; }
.job-type-tabs .project-lists { float:left; width:100%; max-height:500px; overflow:auto; overflow-x:hidden; padding:0; margin-top:20px; list-style:none; padding-top:7px; }
.job-type-tabs .project-lists li { float:left; width:100%; margin-bottom:10px; }
.job-type-tabs .tab-pane .display-inline-block p { margin: 0; }
#addItem  .job-type-tabs .project-lists li .button-group { display:inline-block; width:93%; background:#fff; box-shadow:0 0 8px #ddd; padding:12px 15px; border:none; }
.job-type-tabs .project-lists li .collapse { display:none; float:left; width:100%; }
.job-type-tabs .project-lists li .items-total { width:85%; }
.job-type-tabs .project-lists li .table-list .table .col1 { width:50%; }
.job-type-tabs .project-lists li .table-list .table .col2 { width:25%; }
.job-type-tabs .project-lists li .table-list .table .col3 { width:25%; }
/* Edit Projects Tab */
.edit-products-tab { float:left; width:100%; list-style:none; max-height:490px; overflow:auto; overflow-x:hidden; padding:0; margin:20px 0 20px; }
.edit-products-tab li { display:block; float:left; width:100%; }
.edit-products-tab li:hover .delete-btn { display:block; }
.edit-products-tab li span.number { float:left; width:38px; height:38px; border:solid 1px #dce2e5; border-radius:50%; font-size:18px; font-weight:bold; color:#f37032; text-align:center; padding-top:7px; margin-left:15px; }
.edit-products-tab li &gt; .fa-file-text-o { padding-left:15px; padding-top:10px; font-size:20px ; color:#bbb; }
.edit-products-tab li .delete-btn { display:none; background:#fff; float:right; width:40px; height:30px; border:solid 1px #dce2e5; border-radius:14px; font-size:16px; font-weight:bold; color:#838f9a; text-align:center; padding-top:3px; margin-right:15px; }
.edit-products-tab li .delete-btn:hover { background:#f37032; color:#fff; }
.edit-products-tab li .product-form { float:left; width:100%; margin:20px 0; border-bottom:solid 1px #cdd2d7; }
.edit-products-tab li:last-child .product-form { border-bottom:none; }
.edit-products-tab li label { display:block; }
.edit-products-tab li .qty-control { float:left; margin-right:10px; width:18%; }
.edit-products-tab li md-radio-button { margin-right: 20px; display: inline-block; }
#projectItemWizard .edit-products-tab li textarea { height:150px; }
#addItem .add-btn { float:left; background:#fff; border:solid 1px #b8c5cb; border-radius:15px; padding:4px 10px; margin:0 15px 19px; color:#728b98; }
#addItem .add-btn:hover { background:#f37032; color:#fff; }
#addItem .button-group { float:left; width:100%; padding:20px 15px 0; border-top:solid 1px #cdd2d7; }
#addItem .back-btn { float:left; background:#515b60; border:none; border-radius:2px; min-width:70px; text-align:center; text-transform:uppercase; padding:10px; color:#fff; }
#addItem .next-btn { float:right; background:#2eb650; border:none; border-radius:2px; min-width:70px; text-align:center; text-transform:uppercase; padding:10px; color:#fff; }
.search-location { position:relative; }
.search-location .fa { position:absolute; bottom:10px; left:25px; }
.search-location .form-control { padding-left:30px; }
/* Review Tab */
.review { float:left; width:100%; }
.review .your-brief { float:left; width:100%; text-align:center; margin-top:15px;  min-height: 100px; }
.review .your-brief-review { float:left; width:100%; text-align:center; margin-top:15px; }
.review .your-brief .fa { font-size:63px; color:#2eb650; display:inline-block; vertical-align:middle; margin-right:20px; }
.review .your-brief p { display:inline-block; font-size:17px; font-weight:600; color:#444444; }
.review .edit-products-tab p { font-size:14px; color:#767676; margin-top:5px; }

/* Add Project Modal */
.modal .modal-header { display:inline-block; width: 100%; background:#838f9a; color:#fff; font-size:18px; text-transform:uppercase; min-height: 55px; }
.modal .modal-header .close { color:#fff; opacity:1; position: absolute; right:20px; }
.modal .modal-header .modal-bk-btn { float: left; }
.modal .modal-header .modal-camp-name { float: left; width: 100%; padding-left: 32px; margin-left: -32px; padding-right: 20px; }
.modal .modal-header .btn-sm { float: left; }
.modal .modal-header h4 .icon:first-child { margin-right: 0; }
.modal .modal-dialog { width:797px; }
.modal .modal-body { display:inline-block; width:100%; }
.modal .modal-header .btn-outline.btn-default { color:#fff; }
.modal .modal-header .btn-outline.btn-default:hover { color: #666; }
.form-group label { font-size:15px; color:#444; font-weight:600; }
.form-control { border:solid 1px #dbe2e5; border-radius:2px; }
.form-control:focus { border:none; box-shadow:none; border:solid 1px #f9b798; }
.modal .modal-footer { display:inline-block; width:100%; }
.modal .modal-footer .btn-default { background:#515b60; color:#fff; }
.modal .modal-footer .btn-default:hover { background:#999; }
.modal .input-search .form-control { padding-left: 50px; }
textarea.form-control { height:50px; /*resize: none;*/ }
.modal .modal-body .navs-tabs-horizontal { position: relative; z-index: 9; }
#campaignForNoosh-modal .modal-body { padding-left:5px; padding-right:5px;  }
#campaignForNoosh-modal .modal-body .form-group label { text-transform:capitalize; }
#campaignForNoosh-modal .modal-body .form-group label.control-label { display:none; }
#campaignForNoosh-modal .file-upload .drop-box { padding-top:0; }
.datepicker { float:left; width:100%; border:solid 1px #dbe2e5; position:relative; border-radius:2px; height:34px; padding: 6px 12px; font-size: 14px; color: #555; vertical-align: middle; background:none #fff; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.datepicker .dropdown-toggle { margin-left:22px; }
.datepicker .fa { position:absolute; top:3px; left:0;  }
.datepicker input[type=text] { border:none; background:none; box-shadow:none; }
.drop-box { float:left; width:45%; height:165px!important; border-width:2px!important; background:#f2f4f5; text-align:center; padding-top:50px; font-size:13px; }
.drop-box .file-icon { display:block; font-size:55px; color:#838f9a; margin-top: 10px; }
.drop-box .text-only { border:none; padding:0; margin:0; background:none; text-align:left; box-shadow:none; font-size:13px; }
.or-text { display:block; font-size:15px; color:#444444; text-decoration:underline; padding:15px; font-weight:600; }
button.input-search-btn { right:inherit; left:0; border-right:solid 1px #dbe2e5; border-radius:0; background:none; }
.input-search .form-control { padding-left:40px; font-size: 18px; }
#campaignForNoosh-modal .input-search .form-control { font-size: 14px; }
#campaignForNoosh-modal #getQuoteBtn { margin-right: 10px; display: none; }
#campaignForNoosh-modal .project-submit-btn { display: inline-block; margin-right: 10px; }
#campaignForNoosh-modal .project-submit-btn i.fa { min-width: 30px; }
#campaignForNoosh-modal .project-submit-btn li a { font-size: 14px; }
#campaignForNoosh-modal .project-submit-btn li a:hover { color:#f2a654; background: #eee; }
.add-asset-search { float: left; width: 100%; max-height: 290px; overflow: auto; overflow-x: hidden; }
#campaignForNoosh-modal .modal-body .form-group label.large-campaign { text-transform: inherit; }

/* Edit Project Modal */
#editcampaign-modal .modal-body { padding-left:5px; padding-right:5px;  }
.project-details { margin-top:20px; }
.project-details .nav-tabs &gt; li &gt; a { font-size:20px; }
.project-details .nav-tabs &gt; li.active &gt; a, .project-details .nav-tabs &gt; li.active &gt; a:focus, .project-details .nav-tabs &gt; li.active &gt; a:hover { background:#f37032; }
.project-details .tab-content { display:inline-block; width:100%; padding:0; background:#f5f5f5; }
.project-details .tab-content textarea.form-control { height:70px; resize: none; }
.project-details .button-group { display:block; text-align:right; padding:0 15px; }
.project-details .chat-history { display:inline-block; width:100%; height:400px; overflow:hidden; overflow-y:auto; }
.project-details .chat-history .chat-msg { float:left; width: 100%; margin-bottom:10px; border-bottom:solid 1px #e5e5e5; }
.project-details .chat-history .chat-msg h3 { display:inline-block; font-size:15px; font-weight:bold; margin:0 0 5px; }
.project-details .chat-history .chat-msg .date-time { display:inline-block; font-size:13px; color:#aaa; margin-left:15px; }
.project-details .chat-history .chat-msg p { float:left; width:100%; }
.project-details .chat-history .send-img { display:inline-block; width:100%; background:#ddd; padding:10px; }
.project-details .chat-history .send-img .file-name { display:inline-block; vertical-align:bottom; }
.project-details .chat-history .send-img img { vertical-align:bottom; }
.project-details .add-chat-msg { font-size:15px; padding:7px 14px; margin-top:10px; }
.project-details .new-msg { display:none; width:100%; }
.project-details .new-msg .textinput-block { display:inline-block; width:100%; padding:0; vertical-align:top; }
.project-details .new-msg .textinput-block textarea { border:none; background:#fff; width:100%; height:100px; padding:5px; }
.project-details .new-msg .button-control { display:inline-block; width:100%; text-align:right; }
.project-details .new-msg .attachment { display:inline-block; margin:15px 10px 0; font-size:15px; color:#838f9a; }
.project-details .new-msg .emoji-list { padding:0; }
.project-details .new-msg .emoji-icons .emoji-list &gt; li { padding:3px; border:solid 1px #fff; }
.project-details .new-msg .emoji-icons .emoji-list &gt; li:hover { border:solid 1px #f00; }
.project-details .new-msg .emoji { display:inline-block; margin:0; font-size:15px; color:#838f9a; }
.project-details .new-msg .send-btn { display:inline-block; margin:15px 10px 0; border:none; background:#838f9a; border-radius:15px; color:#fff; padding:5px 15px; }
.project-details .new-msg .cancel-btn { margin:0; }

/* Chat page */
.chat-search { float:right; margin-top:27px; position:relative; }
.wip-column-search {float: left!important; position: relative; margin-bottom: 4%; margin-left: 9%; margin-top:7px!important;}
.wip-column-search-result { height: 400px; overflow: auto; }
.wip-column-metadata-feilds { font-size: 11px; }
.wip-owner-search { float: left!important; margin-top: 0px!important; }
.wip-owner-search input { width: 185px!important;  }
.chat-search .fa { font-size:12px; font-weight:bold; color:#838f9a; left:13px; position: absolute; top: 10px; }
.chat-search input { border:solid 1px #bac1c7; border-radius:15px; padding:5px 10px 5px 30px; background:#fff; width:245px; }
.chat-search input:focus { outline:0; box-shadow:none; }
.chat-area { display:block; width:100%; background:#fff; padding:20px 10px; height:100%; }
.chat-area .chat-wrapper { display:block; position: relative; width:100%; height:500px; overflow:auto; overflow-x:hidden; min-height:500px; max-height:500px; padding-right:20px; }
.chat-block-friends { float: left; width:100%; margin-bottom:35px; }
.chat-block-friends .user-img { float:left; width:45px; text-align: center; height:32px; margin-right:20px; margin-top:4px; position:relative; margin-left:10px; }
.chat-block-friends .user-img img { width: 100%; border-radius:50%; }
.chat-block-friends .chat-msg { float:left; font-family: 'RobotoDraft,Roboto','Helvetica Neue',sans-serif; font-size: 15px; border:none; width:90%; padding:10px 20px; background:#e4f0fb; border-radius:3px; position:relative; word-break: break-all; overflow-x: hidden; overflow-y: hidden; }
.chat-block-friends .chat-msg:before { content:''; position:absolute; top:11px; left:-14px; border:solid 7px transparent; border-right:solid 7px #e4f0fb; }
.chat-block-personal { float: left; width:100%; margin-bottom:35px; }
.chat-block-personal .user-img { float:right; width:45px; text-align: center; height:32px; margin-left:20px; margin-top:4px; position:relative; margin-right:10px; }
.chat-block-personal .user-img img { max-width:100%; border-radius:50%; }
.chat-block-personal .chat-msg { float:right; font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif; font-size: 15px; border:none; width:90%; padding:10px 20px; background:#eff0f2; border-radius:3px; position:relative; word-break: break-all; overflow-x: hidden; overflow-y: hidden; }
.chat-block-personal .chat-msg:after { content:''; position:absolute; top:11px; right:-14px; border:solid 7px transparent; border-left:solid 7px #eff0f2; }
.chat-area .online { position:absolute; width:10px; height:10px; background:#2eb650; right:-2px; bottom:0; border:solid 2px #fff; border-radius:50%; z-index:1; }
.chat-area .offline { position:absolute; width:10px; height:10px; background:#838f9a; right:-2px; bottom:0; border:solid 2px #fff; border-radius:50%; z-index:1; }
.friend-list .online { position:absolute; width:12px; height:12px; background:#2eb650; right:6px; bottom:0; border:solid 2px #fff; border-radius:50%; z-index:1; }
.friend-list .offline { position:absolute; width:12px; height:12px; background:#838f9a; right:6px; bottom:0; border:solid 2px #fff; border-radius:50%; z-index:1; }
.chat-area .time { float: left; width: 100%; font-size:11px; color:#a1a6a8; font-style:normal; white-space:nowrap; margin-left:-4px; text-align: center; }
.chat-area .date { float: left; width: 100%; font-size:11px; color:#a1a6a8; font-style:normal; white-space:nowrap; margin-left:-4px; text-align: center; }
.chat-area .chat-input { display:inline-block; width:100%; border-top:solid 1px #efefef; }
.chat-area .chat-input .textinput-block { display:inline-block; width:100%; padding:15px 0 0; vertical-align:top; }
.chat-area .chat-input .textinput-block textarea { border:none; height:50px; background:#fff; width:98%; height:50px; padding:5px; resize:none; }
.chat-area .chat-input .button-control { display:inline-block; width:100%; text-align:right; }
.chat-area .chat-input .attachment { display:inline-block; margin:5px 10px 0; font-size:15px; color:#838f9a; }
.chat-area .chat-input .emoji-list { padding:0; }
.chat-area .chat-input .emoji-icons .emoji-list &gt; li { padding:3px; border:solid 1px #fff; }
.chat-area .chat-input .emoji-icons .emoji-list &gt; li:hover { border:solid 1px #f00; }
.chat-area .chat-input .emoji { display:inline-block; margin:0; font-size:15px; color:#838f9a; }
.chat-area .chat-input .send-btn { display:inline-block; margin:5px 10px 0; border:none; background:#838f9a; border-radius:15px; color:#fff; padding:5px 15px; }
.chat-area .chat-block-personal .file-attach { float:right; width:auto; min-width:200px; padding:10px; background:#eff0f2; border-radius:3px; position:relative; margin-right: 75px; }
.chat-area .chat-block-personal .file-attach:after { content:''; position:absolute; top:11px; right:-14px; border:solid 7px transparent; border-left:solid 7px #eff0f2; }
.chat-area .chat-block-friends .file-attach{ float:left; width:auto; min-width: 200px; padding: 10px; background: #e4f0fb; border-radius: 3px; position: relative; margin-left: 75px;}
.chat-area .file-attach .icon { font-size:65px; color:#838f9a; display:inline-block; }
.chat-area .chat-block-friends .file-attach:after { content: ''; position: absolute; top: 11px; left: -14px; border: solid 7px transparent; border-right: solid 7px #e4f0fb;}
.chat-area .file-attach .file-name { font-size:15px; color:#263238; display:inline-block; padding-left:10px; vertical-align:super; }
.chat-area .file-attach .file-name .file-size { display:block; font-style:normal; }
.site-navbar .navbar-right .dropdown-menu.chat-list { background: #fff; margin-top: 0; border:1px solid #ddd; box-shadow: 1px 2px 2px 4px rgb(224,224,224,.8); }
.chat-list { display: none; position:fixed; width:397px; height:100%; top:67px; right:0; z-index:999; }
.chat-list .nav-tabs { display: flex; }
.chat-list .nav-tabs &gt; li { flex-grow: 1; }
.chat-list .nav-tabs &gt; li &gt; a { border:none; border-radius:0; text-align:center; font-size:16px; color:#838f9a; padding:18px 0; }
.chat-list .nav-tabs &gt; li.active &gt; a, .chat-list .nav-tabs &gt; li.active &gt; a:focus, .chat-list .nav-tabs &gt; li.active &gt; a:hover { border:none; background:none; color:#f37032; border-bottom:solid 2px #f37032; }
.chat-list .tab-content { height: 83%; }
.chat-list .tab-content .tab-pane { padding:30px; height:100%; overflow:auto; overflow-x:hidden; }
.chat-list .frnds-list { float:left; width:100%; }
.chat-list .frnds-list h2 { font-size:17px; color:#263238; text-transform:uppercase; margin:0; }
.chat-list .frnds-list .chat-search { float:left; }
.chat-list .frnds-list .top-five { float:left; width:100%; margin:30px 0 0; border-bottom:solid 1px #e5e5e5; padding:0; list-style:none; }
.chat-list .frnds-list .top-five li { float:left; width:100%; margin-bottom:20px; cursor:pointer; position: relative; }
.chat-list .frnds-list .top-five li a { display: flex; width: 100%; align-items: center; }
.chat-list .frnds-list .all-list { float:left; width:100%; margin:30px 0 0; padding:0; list-style:none; overflow:auto; overflow-x:hidden; }
.chat-list .frnds-list .all-list li { float:left; width:100%; margin-bottom:20px; cursor:pointer; }
.chat-list .frnds-list .all-list li a { display: flex; width: 100%; align-items: center; }
.chat-list .frnds-list .user-img { float:left; width:48px; height:48px; position:relative; background: url(../images/user-default.png) no-repeat top left; border-radius:50%; overflow: hidden; }
.chat-list .frnds-list .user-img img { width: 100%; height: 100%; border-radius:60%; }
.chat-list .frnds-list .user-name { display: inline-block; width: 100%; padding:10px 20px; font-size:17px; color:#444; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-list .frnds-list .online { position:absolute; width:10px; height:10px; background:#2eb650; right:2px; bottom:8px; border:solid 2px #fff; border-radius:50%; z-index:1; }
.chat-list .frnds-list .offline { position:absolute; width:10px; height:10px; background:#838f9a; right:2px; bottom:8px; border:solid 2px #fff; border-radius:50%; z-index:1; }
.chat-list .recent-chat-msg-dot { position: absolute; top: 14px; right: 0; }
.chat-list .chat-messages .frnds-list .all-list li a { flex-direction: column; }
.chat-list .chat-messages .frnds-list .user-name { white-space: normal; text-overflow: inherit; margin-bottom: 3px; font-weight: bold; }

/* Autocomplete chat */
.arrow-ctrl { z-index:999999; position:absolute; bottom:155px; }
.arrow-ctrl:after { content: ''; position:absolute; top:100%; left:50%; border: solid 7px transparent; border-top: solid 7px #ccc; margin-left:-7px; }
.at-indication { display:block; padding:10px; background:white; width:400px; max-height:200px; overflow:auto; overflow-x:hidden; box-shadow:0 0 5px #ccc; }
.at-indication .item p.title { margin-bottom:0; padding:5px 0; white-space:nowrap; }
.at-indication .item p.title:hover { background:#fefefe; }
.at-indication .item p.title &gt; span { color:#000000; display:inline-block; }
.at-indication .active { color:#000; font-weight:bold; }

.select-drop-dwon-ctrl{ z-index: 999999; position: absolute; top: 92px; left: 16px;}
.dropdown-list { display:block; padding:10px; background:white; width:400px; max-height:200px; overflow:auto; overflow-x:hidden; box-shadow:0 0 5px #ccc; }
.dropdown-list .item p.title { margin-bottom:0; padding:5px 0; white-space:nowrap; }
.dropdown-list .item p.title:hover { background:#fefefe; }
.dropdown-list .item p.title &gt; span { color:#000000; display:inline-block; }
.dropdown-list .active { color:#000; font-weight:bold; }

.emoji-ctrl{ z-index: 999999; position: absolute; bottom:53px; right: 25px;}
.emoji-ctrl .emoji-icons { display: block; padding: 10px; background: white; width:300px; max-height: 200px; overflow: auto; overflow-x: hidden; box-shadow: 0 0 5px #ccc;}
.emoji-icons .emoji-list &gt; li { display: inline-block;}
.emoji-icons:after {content: ''; position: absolute; top: 100%; left: 50%; border: solid 7px transparent; border-top: solid 7px #ccc; margin-left: -7px;}

/* Asset Library */
.assets-block { padding-top: 57px;; display: inline-block; width: 100%; position: relative; }
.assets-block .page-header { margin-top: 20px; margin-bottom: 10px; }
.assets-block .page-header-actions { top: 0; }
.menu-tree { padding-left:315px; }
.asset-library .page-content h1 { margin-bottom:0; margin-top: 0; }
.asset-library .page-content .row { margin-right:-10px; }
.asset-library .page-header .chat-search { position:absolute; top:0; right:0; margin-top: 0; }
.asset-library .page-header .new-btn { position:absolute; top:0; right:251px; padding:9px 14px 9px 11px; }
.asset-folder { float:left; width:100%; margin-top:20px; background: #fff; padding-top: 5px; }
.asset-folder .folder-block { float:left; width:100%; background:#fff; padding:16px 20px; margin-bottom:30px; border-radius:4px; text-align: center; border: solid 1px #dad8d8; }
.asset-folder .folder-block:hover { cursor:pointer; background:#838f9a; color:#fff; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
/*.asset-folder .folder-block .fa { display:inline-block; font-size:64px; color:#838f9a; vertical-align:middle; }*/
.asset-folder .folder-block .fa { display: inline-block; font-size: 45px; color: #838f9a; vertical-align: middle; margin-bottom: 15%; }
/*.asset-folder .folder-block .folder-name { display:inline-block; width:100%; padding-left:100px; margin-left:-83px; vertical-align:middle; font-size:17px; color:#444444; font-weight:600; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }*/
.asset-folder .folder-block .folder-name {display: inline-block;width: 100%;text-align: center;/*margin-left: -83px;*/vertical-align: middle;font-size: 13px;overflow-wrap: break-word;color: #444444;font-weight: 600;text-overflow: ellipsis;/*white-space: nowrap;*/overflow: hidden;/*margin-bottom: -42%;*/}
.asset-folder .folder-block:hover .fa { color:#fff; }
.asset-folder .folder-block:hover .folder-name { color:#fff; }
.asset-folder .folder-block img { max-width: 100%; }
.asset-folder .asset-folder-edit { position: absolute; top: 10px; right:25px; }
.asset-folder .col-lg-2:nth-child(6n) .asset-folder-edit .dropdown-menu { left: auto; right: 0; }
.asset-folder .col-sm-4:nth-child(4n) .asset-folder-edit .dropdown-menu { left: auto; right: 0; }
.asset-folder .col-xs-6:nth-child(2n) .asset-folder-edit .dropdown-menu { left: auto; right: 0; }
.asset-sub-header { position: fixed; margin: 0; background: #f0f3f4; box-shadow: 0 0 10px #ccc; width: calc(100% - 220px); z-index: 99; }
.tree-menu-icon { color: #3f516b; font-size: 18px; margin: 15px 18px; float: left; }

.tree-view { position:fixed; width:260px; top:145px; background:#fff; height:100%; padding:30px 5px 30px 25px; }
.tree-view .scrollable { float:left; width:100%; height:75vh!important; }
.tree-view .scrollable-container { height:75vh!important; }
.tree-header { float:left; width:100%; }
.tree-header h1 { display:inline-block; font-family:'Roboto', sans-serif; font-size:23px; color:#444; margin-bottom:20px; margin-top:0; }
.tree-header .chat-search { float:left; margin-top:0; width:100%; }
.tree-header .chat-search input { width:100%; }
.tree-view .tree { float:left; width:100%; height:60vh; overflow:auto; padding-bottom: 30px; }
.tree-view .tree &gt; ul { padding:0; }
.tree-view .tree li { float: left; list-style-type:none; margin:0; padding:10px 0 5px; position:relative; font-size:16px; color:#838f9a; width: 100%; white-space: nowrap; }
.tree-view .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto; }
.tree-view .tree li span.btn-cursor { display:none; background:#fff; padding:2px 5px; text-decoration:none; z-index:1; width:23px; height:18px; line-height:15px; }
.tree-view .tree li span.btn-cursor:hover { background:#eee; }
.tree-view .tree li .tree-label small { display:inline-block; }
.tree-view .tree li .tree-label:hover span.btn-cursor { display:inline-block; }
.tree-view .tree li a { color:#838f9a; margin-left:10px; display:inline-block; }
.tree-view .tree li a:hover { color:#f37032; }
.tree-view .tree li.parent_li &gt; span { cursor:pointer}
.tree-view .tree&gt;ul&gt;li::before, .tree&gt;ul&gt;li::after { border:0}
.tree-view .tree li:last-child::before { height:30px}
.tree-view .tree li.parent_li &gt; span:hover, .tree li.parent_li &gt; span:hover + ul li span { color:#f37032; }
.drag-enter {background:#eee; border:dotted 1px #aaa; margin:5px; }
.asset-files { float:left; width:100%; overflow: auto; overflow-x: hidden; background: #fff; }
.asset-files .files-block { float:left; width:100%; height:250px; overflow: hidden; position:relative; margin-bottom:30px; }
.asset-files .files-block .img-show { float:left; width:100%; height:100%; border:solid 1px #ccc; text-align:center; vertical-align:middle; background: url(images/ajax-loader.gif) no-repeat center; background-size: 10%; }
.asset-files .files-block .img-show img { max-width:65%; max-height:65%; position:absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.asset-files .files-block .overlay { display:block; position:absolute; top:0; left:0; width:100%; height:100%; float:left; text-align:center; }
.asset-files .files-block .overlay .blackover { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; }
.asset-files .files-block:hover .blackover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.asset-files .files-block .overlay .crud-icons { display: none; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:1; width: 100%; }
.asset-files .files-block .overlay a { display: inline-block; width:35px; height:35px; line-height: 35px; color:#fff; padding:6px 0; font-size:25px; border-radius:50%; border:solid 2px #fff; text-align: center; margin: 0 5px 10px; }
.asset-files .files-block .overlay a:hover { color:#000; background:#fff; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.asset-files .files-block .overlay .asset-overlap-fa { line-height: 18px; }
.asset-files .files-block:hover .crud-icons { display:block; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.asset-files .files-block:hover .crud-icons p { margin-bottom: 0; }
.asset-files .files-block:hover .overlay { display:none; }
.fa-1 { display:block!important; }
/* Add Asset Modal */
#addAsset_modal .modal-body { padding:20px 5px; }
#assetDetail_modal .modal-body { padding:20px 5px; position: relative; }
#assetDetail_modal .disp-img { float:left; width:auto; height:auto; overflow:hidden; }
#assetDetail_modal .disp-img img { max-height:100%; max-width:100%; }
#assetDetail_modal .left-tabs { width: 100%; }
#assetDetail_modal .asset-right-nav { font-size: xx-large; position: absolute; top: 50%; right: 8px; }
#assetDetail_modal .asset-left-nav { font-size: xx-large; position: absolute; top: 50%; left: 8px; }

.downloader { float:left; width:100%; margin:50px 0 20px; padding:0 5px; }
.downloader .progress { float:left; width:90%; height:8px; background:#dadde1; border-radius:5px; margin-right:15px; }
.downloader .progress .progress-bar { background:#62a8ea; }
.downloader span { float:left; color:#62a8ea; margin-bottom:10px; margin-top:-4px; }
.assets-action-bar { display: inline-block; width: 100%; text-align: right; }
.assets-action-bar a { display: inline-block; padding: 5px 6px 2px; color: #ccc; }
.assets-action-bar a:hover { background: #e9ebee; color:#4b5158; }
.asset-folder .breadcrumb { padding: 0 15px; margin-bottom: 20px; margin-top: 10px; }
.asset-folder .breadcrumb .btn { padding: 0; background: none; border: none; }
.asset-fancy-img { display: block!important; }
.asset-fancy-img img { max-width: 100%; }
/*
#assetView_modal .modal-content { background:transparent; }
#assetView_modal .modal-header { background:transparent; }
*/
#assetView_modal .modal-body { padding:10,10,10,10; text-align:center; }
#assetView_modal .modal-body img { max-width:100%; max-height:100%; }


/* Page Layout css */
.mudmap-wrapper { float:left; width:100%; background: #f0f3f4; height: 100vh; }
.mud-header { float:left; width:100%; background:#fff; padding:8px 0; }
.mud-header .breadcrumb { margin-bottom:0; float:left; padding:11px 15px 0; }
.mud-header .breadcrumb a { display:inline-block; color:#263238; font-size:16px; }
.mud-header .breadcrumb .current { font-weight:bold; color:#f37032; }
.mud-header .selected { float:left; padding-left:20px; border-left:solid 1px #e8ecf2; color:#62a8ea; background:none; font-weight:normal; line-height:34px; margin-top:5px; }
.mud-header .selected span { float:right; border-radius:50%; min-width:34px; text-align:center; background:#62a8ea; color:#fff; padding:7px 0; line-height:20px; margin-left:10px; }
.mud-header .zoomIcon{ float:left; margin:0; padding:0; border:none; width: 130px;}
.mud-header .zoomIcon span:first-child .fa { margin-right:0; }
.mud-header .zoomIcon span { margin:0 3px; }
.mud-header .zoomIcon a:hover .fa{color: #263238;}
.mud-header .pageNum { float:left; padding:0;}
.mud-header .pageNum span:first-child .fa { margin-right:0; }
.mud-header .pageNum span { margin:0 3px; }
.mud-header ul.button-group { float:left; width:100%; margin:0; padding:0; list-style:none; border-top:solid 1px #dce2eb; }
.mud-header ul.button-group li { float:left; margin:15px 0 7px 35px; }
.mud-header ul.button-group li:first-child { margin-left:15px; }
.mud-header ul.button-group li a { color:#838f9a; font-size:17px; }
.mud-header ul.button-group li a .fa { margin-right:8px; }
.mud-header ul.button-group li a .fa-search-plus{margin-right: 0; }
.mud-header ul.button-group li a:hover { color:#000; }
.mud-header ul.dropdown-menu { background: #263238; margin: 0; padding: 0;}
.mud-header ul.dropdown-menu &gt; li { margin: 0; padding: 0; width: 100%; }
.mud-header ul.dropdown-menu &gt; li:first-child { margin: 0; }
.mud-header ul.dropdown-menu &gt; li &gt; a { color:#838f9a; text-align:left; }
#element_modal #status-buttons a { padding: 15px; }
.asset-container { float: left; width: 100%; height: 500px; overflow: suto; overflow-x: hidden; position: relative; }
.asset-search-list { float: left; width:250px; border: solid 1px #ccc; background:#fff; height: 100%; position: relative; z-index: 1; }
.asset-search-list .thumbnail { margin: 0; }
.asset-search-list .search-list { display: inline-block; width: 100%; height: 100%; }
.asset-search-list .search-list p { padding: 15px; background: #eee; font-weight: bold; }
.drop-area { float: left; width: 91%; position: fixed; right: 43px; padding-left: 270px; margin-left: -255px; height: 499px; overflow: auto; overflow-x: hidden; }
.drop-area .panel { margin-bottom: 0; border: solid 1px #ccc; }
.drop-area .panel .panel-title { padding: 15px 30px; }
.drop-area .panel .thumbnail { float: left; width: 30%; margin-right:10%; }
.drop-area .panel .thumbnail .caption span.btn-cursor { cursor: pointer; z-index: 10; position: absolute; right: -8px; top: 32px; font-size: 12px; background: #f00; padding: 2px 6px; color: #fff; border-radius: 50%; }
.drop-area .panel .thumbnail &gt; img { max-height: 90px; /*width:100%;*/ }

.page-container { float:left; width:100%; margin-top:30px; }
.left-tabs { float:left; height:100%; width:398px; background:#fff; border-right: solid 1px #dadde1; z-index:1; margin-top:30px; }
.left-tabs .nav &gt; li { float:left; width:33.33%; text-align:center; }
.left-tabs .nav &gt; li &gt; a { width:100%; background:#fff; padding:20px 0; color:#838f9a; font-size:17px; border:none; margin:0; border-radius:0; font-weight:600; }
.left-tabs .nav-tabs &gt; li.active &gt; a, .left-tabs .nav-tabs &gt; li.active &gt; a:focus, .left-tabs .nav-tabs &gt; li.active &gt; a:hover, .left-tabs .nav-tabs &gt; li &gt; a:hover { background:#fff; color:#f37032; border:none; border-bottom:solid 2px #f37032; }
.left-tabs .tab-content &gt; .tab-pane { height:calc(100vh - 190px); /*overflow: auto; overflow-x:hidden;*/ }
.left-tabs .tab-content .panel-group .panel-title:after, .left-tabs .tab-content .panel-group .panel-title:before { display:none; }
.left-tabs .tab-content .panel-title &gt; a { display:block; font-size:17px; color:#263238; font-weight:600; }
.left-tabs .tab-content .panel-title &gt; a small { padding-right: 25px; padding-top: 4px; }
.left-tabs .tab-content .panel-group .panel-collapse .panel-body { padding:0; }
.left-tabs .tab-content .panel-group .panel + .panel { margin-top:1px; }
.left-tabs .tab-content .panel-default &gt; .panel-heading { background:#dadde1; }
.left-tabs .tab-content .panel-default &gt; .panel-heading:hover { background:#e7eaee; }
.left-tabs .tab-content .tab-pane .form-group p { word-break: break-word; }
.left-tabs .accor-list { margin:0; padding:0; list-style:none; }
.left-tabs .accor-list li { display:inline-block; width:100%; position:relative; padding:10px 35px 10px 15px; z-index:999; }
.left-tabs .accor-list li:hover { background:#f2f4f5; }
.left-tabs .accor-list li:hover a { color:#f37032; }
.left-tabs .accor-list li a { font-size:15px; color:#263238; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:inline-block; width: 80%;}
.left-tabs .accor-list li .action { position:absolute; right:5px; color:#263238; width:25px; height:20px; text-align:center; z-index:999; }
.left-tabs .accor-list li .action .fa-gavel { position:absolute; right:10px; top:2px; }
.left-tabs .accor-list li .action .options { display:none; position:absolute; top:0; left:100%; width:145px; background:#263238; margin:0; padding:0; list-style:none; z-index:1000; }
.left-tabs .accor-list li .action .options li { display:block; padding:0; text-align:left; }
.left-tabs .accor-list li .action .options li:hover { background:#424e56; }
.left-tabs .accor-list li .action .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; width: 100%; }
.left-tabs .accor-list li .action:hover .options { display:block; }
.left-tabs .accor-list li .action .options li .sub-options { display:none; position:absolute; top:0; left:100%; width:250px; background:#263238; margin:0; padding:0; list-style:none; z-index:1000; max-height:400px; overflow: auto;}
.left-tabs .accor-list li .action .options li:hover .sub-options { display:block; }
/*.left-tabs .accor-list li .action:hover .options { display:block; }*/
.left-tabs #search .accor-list li:hover { cursor:move; }
.left-tabs #search .accor-list li .dragging { display:block; background:#ccc; border:solid 1px #aaa; padding:5px; }
.left-tabs #clipboard .accor-list li:hover { cursor:move; }
.left-tabs #clipboard .accor-list li .dragging { display:block; background:#ccc; border:solid 1px #aaa; padding:5px; }
.left-tabs .del-all-btn { float:right; margin: 10px; border: solid 1px #f00; border-radius: 50%; color:#f00; font-size: 16px; padding: 5px 8px; }
.left-tabs .del-all-btn:hover { background: #f00; color: #fff; }
.left-tabs .product-checkbox { display: inline-block; vertical-align: top; margin-top: 2px; }
.mudmap-btn .new-btn { padding: 7px 8px 7px 7px; font-size: 13px; color: #85919c; }
.mudmap-btn .left { margin-left: -30px; }
.gridster-wrap { float:left; width:100%; padding-left:425px; margin-left:-400px; padding-right:30px; margin-top:30px; }
.gridster-wrap ul { margin:0; padding:0; list-style:none; }
.gridster-wrap ul li { background:#fff; padding:10px 10px 60px; overflow:hidden; position:relative; border:solid 2px #fff; text-align:center; }
.gridster-wrap ul li:hover { cursor:move; }
.gridster-wrap ul li .item-naem { font-size:15px; color:#444; margin:0 0 10px; text-align:left; }
.gridster-wrap ul li .item-naem .price { color:#f37032; font-weight:bold; }
.gridster-wrap ul li img { max-width:100%; max-height:70%; }
.gridster-wrap ul li .block-number { position:absolute; left:15px; bottom:15px; background:#838f9a; color:#fff; font-size:18px; border-radius:50%; min-width:45px; padding:13px 0; text-align:center; }
.gridster-wrap ul li .settings { position:absolute; right:15px; bottom:10px; color:#3b464c; font-size:17px; }
.gridster-wrap ul li:hover { border:solid 2px #62a8ea; }
.gridster-wrap ul li:hover .block-number { background:#62a8ea; }
.gridster-wrap ul li:hover .settings { color:#62a8ea; }
.gridster-wrap ul li .settings .options { display:none; position:absolute; bottom:100%; right:0; width:135px; background:#263238; margin:0; padding:0; list-style:none; z-index:1; }
.gridster-wrap ul li .settings .options li { display:block; padding:0; text-align:left; background:#263238; border:none; }
.gridster-wrap ul li .settings .options li:hover { background:#424e56; }
.gridster-wrap ul li .settings .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; }
.gridster-wrap ul li .settings:hover .options { display:block; }
/* Mudmap without gridster */
.grid-row .grid-col:hover { cursor:move; }
.grid-row .grid-col.grid-col-disabled:hover { cursor:not-allowed; }
.grid-row .grid-col .item-name { font-size:15px; color:#444; margin:0 0 10px; text-align:left; }
.grid-row .grid-col .item-name .price { color:#f37032; font-weight:bold; }
.grid-row .grid-col img { max-width:100%; max-height:70%; }
.grid-row .grid-col .block-number { position:absolute; left:5px; bottom:5px; background:#838f9a; color:#fff; font-size:11px;  border-radius:50%; min-width:22px; padding:2px 0; text-align:center;}
.grid-row .grid-col .settings { position:absolute; right:5px; bottom:2px; color:#3b464c; font-size:17px; }
.grid-row .grid-col:hover { border:solid 2px #62a8ea; }
.grid-row .grid-col:hover .block-number { background:#62a8ea; }
.grid-row .grid-col:hover .settings { color:#62a8ea; }
.grid-row .grid-col .settings .options { display:none;  top:100%; left:0; width:124px; background:#263238; margin:0; padding:0; list-style:none; z-index:1; }
.grid-row .grid-col .settings .options li { display:block; padding:0; text-align:left; background:#263238; border:none; }
.grid-row .grid-col .settings .options li:hover { background:#424e56; }
.grid-row .grid-col .settings .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; }
.grid-row .grid-col .settings:hover .options { display:block; }
.grid-row .grid-col.active { border:solid 3px #62a8ea; }
.grid-row .grid-col .block-number.active  { background:#62a8ea; }
#leftNavMudmap .input-search .form-control { font-size: 14px; }
#leftNavMudmap #search .accor-list li h6 small { float: right; }

/* Mudmap product details asset image drag */
#prod-img-tab .asset-search-list .thumbnail img:hover { cursor:move; }
#prod-img-tab .asset-search-list .dragging .thumbnail { display:block; background:#ccc; }

/* Mudmap edit switch */
.onoffswitch { position: relative; width: 130px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox { display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #f37032 /*#27A1CA*/; border-radius: 0px;}
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid transparent; background-clip: padding-box;}
.onoffswitch-inner:before { content: "Edit Allowed"; padding-left: 10px; background-color: #FFFFFF; color: #f37032 /*#27A1CA*/;}
.onoffswitch-inner:after { content: "Edit Disabled"; padding-right: 5px; background-color: #FFFFFF; color: #666666; text-align: right;}
.onoffswitch-switch { display: block; width: 25px; margin: 0px; background: #f37032/*#27A1CA*/; position: absolute; top: 0; bottom: 0; right: 105px;/*right: 65px;*/ -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px;}

/* Mudmap Assign switch */
.assignonoffswitch { position: relative; width: 130px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.assignonoffswitch-checkbox { display: none;}
.assignonoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #27A1CA; border-radius: 0px;}
.assignonoffswitch-inner { display: block; width: 200%; margin-left: -105%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.assignonoffswitch-inner:before, .assignonoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid transparent; background-clip: padding-box;}
.assignonoffswitch-inner:before { content: "Assign On"; padding-left: 10px; background-color: #FFFFFF; color: #27A1CA; }
.assignonoffswitch-inner:after { content: "Assign Off"; padding-right: 5px; background-color: #FFFFFF; color: #666666; text-align: right;}
.assignonoffswitch-switch { display: block; width: 25px; margin: 0px; background: #27A1CA; position: absolute; top: 0; bottom: 0; right: 105px;/*right: 65px;*/ -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.assignonoffswitch-checkbox:checked + .assignonoffswitch-label .assignonoffswitch-inner { margin-left: 0;}
.assignonoffswitch-checkbox:checked + .assignonoffswitch-label .assignonoffswitch-switch { right: 0px;}

/* Order List page */
.select-campaign { float:left; }
.select-campaign .form-group { float:left; width:100%; background:#fff; padding:20px; }
.select-campaign .form-group h3 { font-size:17px; color:#444; font-weight:600; margin-top:0; }
.select-campaign .form-group .form-control { font-size:15px; color:#767676; background:#f7f8f9; border:solid 1px #dbe2e5; box-shadow:none; }
.no-orders { float:left; }
.no-orders .alert { min-height:235px; text-align:center; float:left; width:100%; background:#f1e7e1; border:solid 1px #f2b293; border-radius:2px; }
.no-orders .alert .alert-content { display:inline-block; width:475px; margin-top:50px; }
.no-orders .alert .alert-content .no-order-icon { float:left; width:92px; height:94px; margin-right:20px; background:url(../images/no-order-icon.png) no-repeat; }
.no-orders .alert .alert-content p { float:left; font-size:23px; color:#f37032; margin-bottom:5px; }
.no-orders .alert .alert-content .new-btn { float:left; margin:0; text-transform:capitalize; font-size:13px; font-weight:bold; color:#f37032; border:solid 1px #f37032; padding:7px 14px; }
.no-orders .alert .alert-content .new-btn:hover { color:#fff; }
.no-more-records { float:left; width: 100%; }
.no-more-records .alert {  text-align:center; float:left; width:100%; background:#f1e7e1; border:solid 1px #f2b293; border-radius:2px; }
.no-more-records .alert .alert-content { display:inline-block; width:100%; margin-top:30px; margin-bottom: 30px; text-align:center; }
.no-more-records .alert .alert-content .no-order-icon { display:inline-block; width:92px; height:94px; margin-bottom:10px; background:url(../images/no-order-icon.png) no-repeat; }
.no-more-records .alert .alert-content p { float:left; width:100%; font-size:23px; color:#f37032; margin-bottom:5px; }
.no-more-records .alert.alert-default { border: solid 1px #ccc; background: #eee; }
.no-more-msg { float: left; width: 100%; margin-top: 20px; }
.no-more-records .alert-wrong-search .alert-content p { float: none; display: inline-block; width: 65%; text-align: left; padding-left: 30px; }

.panel-list { float:left; width:100%; padding:0 15px; }
.panel-list .panel-default &gt; .panel-heading { display:inline-block; width:100%; background:#fff; padding:15px 20px 10px; }
.panel-list .panel-default &gt; .panel-heading .action-btns { margin-top:-14px; }
.panel-list .panel-default &gt; .panel-heading .action-btns .new-btn { padding: 8px 6px; }
.panel-list .panel-body .table-list { margin-top:0; }
.panel-list .panel-body .table-list .col4 { text-align:center; }
.info-btn { display:none; position:absolute; right:23px; top:35px; background:#fff; min-width:47px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #bac1c7; font-size:13px; font-weight:bold; color:#85919c; padding:5px 10px; }
.info-btn:hover { background:#f37032; color:#fff; border:solid 1px #f37032;}
.pdf-btn { display:none; position:absolute; right:80px; top:35px; background:#fff; min-width:47px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:solid 1px #bac1c7; font-size:13px; font-weight:bold; color:#85919c; padding:5px 10px; }
.pdf-btn:hover { background:#f37032; color:#fff; border:solid 1px #f37032;}
.panel-list .panel-default &gt; .panel-heading:hover .info-btn { display:block; }
.panel-list .panel-default &gt; .panel-heading:hover .pdf-btn { display:block; }
#orderInfoModal.modal .modal-body { padding-left:5px; padding-right:5px; }
#orderInfoModal .modal-footer { text-align:center; margin:0; }

#order-item-modal { width: 96%; }

/* Task List Page */
.filter-option { float:right; /*margin-top:18px;*//*margin-top:-2.4%;*/ }
.filter-option .new-btn { padding:8px 14px; margin-left:5px; }
.filter-option .options { width:100px; background:#263238; padding:0; list-style:none; z-index:1; left:inherit; right:48px; }
.filter-option .options li { display:block; padding:0; margin:0; text-align:left; background:#263238; border:none; }
.filter-option .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; }
.filter-option .options li a:hover { background:#838f9a; }
.table-wrap { display:inline-block; width:100%; padding:0 15px; }
.table-wrap .table { border-radius:4px; border:solid 1px #efefef; background:#fff; }
.table-wrap .table tr:hover td { background:#ebf4fc; }
.table-wrap .table th { text-align:center; font-size:17px; color:#444; font-weight:600; padding:20px 0; }
.table-wrap .table td { text-align:center; font-size:15px; color:#838f9a; padding:15px 0; }
.table-wrap .table .col7 { text-align:left; }
.table-wrap .table td a { color:#838f9a; text-decoration:none; }
.table-wrap .table td a .color { color:#337ab7; text-decoration:none; }
.table-wrap .table td a:focus, a:hover {color: #23527c;text-decoration: underline;}
.status-open { display:inline-block; background:#36ab7a; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-new { display:inline-block; background:#e4eaec; font-size:11px; color:#a3afb7; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-await { display:inline-block; background:#f96868; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-prod { display:inline-block; background:#526069; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-quoting { display:inline-block; background:#62a8ea; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-in-quoting { display:inline-block; background:#62a8ea; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-order-pending { display:inline-block; background:#526069; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-quote-requested { display:inline-block; background:#62a8ea; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-estimate-requested { display:inline-block; background:#57c7d4; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-awaiting-quote-approval { display:inline-block; background:#f96868; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-quote-viewed { display:inline-block; background:#62a8ea; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-approved { display:inline-block; background:#36ab7a; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-rejected { display:inline-block; background:#f96868; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-awaiting-supplier-acceptance { display:inline-block; background:#f96868; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-in-production { display:inline-block; background:#3aa99e; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-item-shipped { display:inline-block; background:#f2a654; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-order-closed { display:inline-block; background:#838f9a; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-shipped { display:inline-block; background:#f2a654; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-partially-shipped { display:inline-block; background:#f2a654; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-delivered { display:inline-block; background:#f2a654; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-closed { display:inline-block; background:#838f9a; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-canceled { display:inline-block; background:#838f9a; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-pending-client-acceptance { display:inline-block; background:#926dde; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-pending-approval { display:inline-block; background:#526069; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-pending-supplier-acceptance { display:inline-block; background:#926dde; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.overweek { font-size:13px; color:#9ca5ae; margin-top:11px; }
.overweek .fa { font-size:15px; color:#33c949; }
.uptoweek { font-size:13px; color:#9ca5ae; margin-top:11px; }
.uptoweek .fa { font-size:15px; color:#fdbd41; }
.overdue { font-size:13px; color:#9ca5ae; margin-top:11px; }
.overdue .fa { font-size:15px; color:#fe5e5b; }
.overduewip { font-size:13px; color:#9ca5ae; margin-top:11px; }
.overduewip .fa { font-size:15px; color:#fe5e5b; }
.noduedate { font-size:13px; color:#9ca5ae; margin-top:11px; }
.noduedate .fa { font-size:15px; color:#9ca5ae; }

.quotes-trafic { font-size: 37px!important; }
.quotes-trafic .fa { font-size:25px!important; }

.mytasklist .scrollable { height: 491px!important; }
.mytasklist .scrollable .scrollable-container { height: 491px!important; }
.mytasklist .scrollable.is-enabled .scrollable-container { height: 491px!important; }
.mytasklist .panel-heading h3 { float: left;padding-right: 4px; }

/* WIP Report Page */
.dropdown-menu.filter-box { left:inherit; right:0; width:300px; background:#fff; padding:0; }
.dropdown-menu.filter-box &gt; li { padding:0; margin:0; }
.filter-box h2 { display:block; background:#838f9a; padding:15px 20px; font-size:17px; font-weight:600; color:#fff; text-transform:uppercase; margin:0 0 15px; }
.filter-box .form-group { padding:0 15px; }
.filter-box .form-group .btn-group { margin-left: 15px; }
.filter-box .button-group { text-align:center; padding:15px 0; }
.filter-box .button-group .btn { margin:0 5px; }
.filter-box .button-group .btn-default { background:#515b60; color:#fff; }
.filter-box .button-group .btn-default:hover { background:#999; }
/*procurement wip */
.table-wrap-procurement { display:inline-block; width:100%; padding:0 15px; }
.table-wrap-procurement .table { border-radius:4px; border:solid 1px #efefef; background:#fff; }
.table-wrap-procurement .table tr:hover td { background:#ebf4fc; }
.table-wrap-procurement .table th { text-align:center; font-size:16px; color:#444; font-weight:600; padding:20px 0; position: sticky; top: 66px; background: #fff; z-index: 999; }
.table-wrap-procurement .table td { text-align:center; font-size:11px; color:#838f9a; padding:15px 0; }
.table-wrap-procurement .table .col7 { text-align:left; }
.table-wrap-procurement .table td a { color:#838f9a; text-decoration:none; }
.table-wrap-procurement .table td a .color { color:#337ab7; text-decoration:none; }
.table-wrap-procurement .table td a:focus, a:hover {color: #23527c;text-decoration: underline;}
.table.wip-table-procurement td { padding:0; }
.table.wip-table-procurement td a { display:block; padding:15px 0; }
.table.wip-table-procurement .col0 { width:5%; vertical-align:middle; }
.table.wip-table-procurement span.spec { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#263238; width:15px; color:#fff; text-align:center; }
.table.wip-table-procurement span.order { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#f37032; width:15px; color:#fff; text-align:center; }
.table.wip-table-procurement span.quote { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#26c3e6; width:15px; color:#fff; text-align:center; }
.table.wip-table-procurement .col1 { width:5%; vertical-align: middle; vertical-align: center; }
.table.wip-table-procurement .col2 { width:7%; vertical-align: middle; text-align: center; }
.table.wip-table-procurement .col3 { width:10%; vertical-align: middle; text-align: left; }
.table.wip-table-procurement .col4 { width:16%; vertical-align: middle; text-align: left; }
.table.wip-table-procurement .col5 { width:10%; vertical-align: middle; text-align: center; }
/*.table.wip-table-procurement .col6 { width:8%; vertical-align: middle; text-align: center; }*/
.table.wip-table-procurement .col7 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-procurement .col8 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-procurement .col9 { width:10%; vertical-align: middle; text-align: left; padding:10px 0 10px 12px; }
.table.wip-table-procurement .col10 { width:15%; vertical-align: middle; text-align: center; padding:10px 0 10px 5px; }
.table.wip-table-procurement .colExtra { width:2%; vertical-align: middle; text-align: center; }

.table.wip-table thead th { position: sticky; top: 0; background: #fff; z-index: 999; }
.table.wip-table td { padding:0; }
.table.wip-table td a { display:block; padding:15px 0; }
.table.wip-table .col0 { width:5%; vertical-align:middle; }
.table.wip-table span.spec { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#263238; width:15px; color:#fff; text-align:center; }
.table.wip-table span.order { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#f37032; width:15px; color:#fff; text-align:center; }
.table.wip-table span.quote { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#26c3e6; width:15px; color:#fff; text-align:center; }
.table.wip-table .col1 { width:15%; text-align: center!important; vertical-align: middle; }
.table.wip-table .col2 { width:15%; vertical-align: middle; text-align: center; }
.table.wip-table .col3 { width:15%; vertical-align: middle; text-align: center; }
.table.wip-table .col4 { width:20%; vertical-align: middle; text-align: center; }
.table.wip-table .col5 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table .col6 { width:20%; vertical-align: middle; text-align: center; }
.table.wip-table .colExtra { width:2%; vertical-align: middle; text-align: center; }
.colourExtra { width: 17px; height: 17px; float: right; border-radius: 3px; cursor: pointer; }
.colourDrop { width: 13px; height: 13px; float: left; border: 1px solid #86919c; margin-top: 3px; }


.table.wip-table-quote td { padding:10px; }
.table.wip-table-quote td a { display:block; padding:15px 0; }
.table.wip-table-quote span.spec { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#263238; width:15px; color:#fff; text-align:center; }
.table.wip-table-quote span.order { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#f37032; width:15px; color:#fff; text-align:center; }
.table.wip-table-quote span.quote { display:inline-block; font-size:11px; line-height:11px; font-weight:bold; border-radius:50%; padding:2px 0; background:#26c3e6; width:15px; color:#fff; text-align:center; }
.table.wip-table-quote .col0 { width:5%; vertical-align:middle; }
.table.wip-table-quote .col1 { width:10%; text-align: center!important; vertical-align: middle; }
.table.wip-table-quote .col2 { width:15%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col3 { width:15%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col4 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col5 { width:15%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col6 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col7 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col8 { width:10%; vertical-align: middle; text-align: center; }
.table.wip-table-quote .col9 { width:10%; vertical-align: middle; text-align: center; }

.orderDetailModal .modal-body { background:#fdfdfd; }
.orderDetailModal .panel-list { padding:0; }
.orderDetailModal .items-total { width:80%; }
.orderDetailModal .table-list .table .col1 { width:35%; }
.orderDetailModal .table-list .table .col2 { width:15%; }
.orderDetailModal .table-list .table .col3 { width:25%; }
.orderDetailModal .table-list .table .col4 { width:15%; }
.orderDetailModal .table-list .table .col5 { width:10%; }
#campaignListLoader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1040; background: rgba(0,0,0,.5); }
.campaignListLoader { position: absolute; top: 50%; left: 50%; font-size: 81px; z-index: 1540; width: 81px; height:81px; margin-top: -40px; margin-left: -40px; }
.campaignListLoader:after { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/favicon.ico) no-repeat; width: 64px; height: 64px; opacity: 0.8; }
.ClientBudgetList { background-color:#fff;overflow-y:auto;height:210px;width: 100%; }
.lds-dual-ring { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 80px; height: 80px; }
.lds-dual-ring:after { content: " "; display: block; width: 80px; height: 80px; margin: 1px; border-radius: 50%; border:4px solid #f37032; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Product List */
.prod-library .tree-view { width: 220px; height: 100%; overflow: auto; }
.prod-library .page-content { padding-left:230px; }
.prod-library .new-btn { margin-left:5px; padding: 7px; min-width: auto; }
.more-options { float:right; margin-top:30px; }
.more-options .new-btn { padding:8px 14px; margin-right:5px; }
.more-options .options { width:100px; background:#263238; padding:0; list-style:none; z-index:1; left:inherit; right:0; }
.more-options .options li { display:block; padding:0; margin:0; text-align:left; background:#263238; border:none; }
.more-options .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; }
.more-options .options li a:hover { background:#838f9a; }
.product-table { position:relative; }
.product-table .table tr { border-bottom:1px solid #ddd; }
.product-table .table td { position:relative; height:70px; vertical-align:middle; border: none; }
.product-table .table tbody tr { background: #e3e5e6; }
.product-table .table .col1 { width:10%; text-align:left; padding-left:15px; }
.product-table .table .col2 { width:10%; text-align:left; }
.product-table .table .col3 { width:15%; padding-top:10px; }
.product-table .table .col4 { width:15%; padding-top:10px; }
.product-table .table .col5 { width:15%; padding-top:10px; }
.product-table .table .col6 { width:15%; padding-top:10px; }
.product-table .table .col7 { width:15%; padding-top:10px; }
.product-table .table .col8 { width:5%; text-align:center; }


/*.product-table .table .col7 { width:10%; text-align:center; }*/
.product-table .table img { max-height:70px; display:inline-block; }
.product-table .carousel-control.left { background:none; opacity:1; top:-20px; width:auto; min-width:inherit; color:#838f9a; cursor:pointer; }
.product-table .carousel-control.right { background:none; opacity:1; top:-20px; width:auto; min-width:inherit; color:#838f9a; cursor:pointer; }
.product-table .carousel-inner &gt; .item { text-align:center; }
.product-table .table .count { position:absolute; top:3px; right:0; font-size:11px; color:#fff; background:#f37032; padding:2px 6px; border-radius:50%; z-index:1; }
.product-table .table .carousel-indicators { display:none; }
.product-table .table .glyphicon { font-size:15px; top:51px; width:15px; height:15px; margin:0; }
.product-table .table .glyphicon-chevron-left:before { content:"\e257"; }
.product-table .table .glyphicon-chevron-right:before { content:"\e258"; }
.product-artwork-list .alert { line-height: normal; margin-right: 15px; padding: 13px 20px; }

/* Tasks List */
/*.tasks .page-content { padding-left:315px; }*/
.tasks .new-btn { margin-left:5px; }
.header-legends { float: right; margin-right: 65px; margin-top: -14px; }
.more-options { float:right; margin-top:30px; }
.more-options .new-btn { padding:8px 14px; margin-right:5px; }
.more-options .options { width:100px; background:#263238; padding:0; list-style:none; z-index:1; left:inherit; right:0; }
.more-options .options li { display:block; padding:0; margin:0; text-align:left; background:#263238; border:none; }
.more-options .options li a { color:#fff; display:block; padding:7px 15px; font-size:13px; }
.more-options .options li a:hover { background:#838f9a; }
.task-table { position:relative; }
.task-table  .table td { position:relative; padding-top:30px; }
.task-table  .table .col1 { width:20%; text-align:left; padding-left:20px; }
.task-table  .table .col2 { width:20%; text-align:left; }
.task-table  .table .col3 { width:20%; text-align:left; }
.task-table  .table .col4 { width:20%; text-align:left;}
.task-table  .table .col5 { width:20%; text-align:center; }
.task-table  .table .glyphicon { font-size:15px; top:35px; width:15px; height:15px; margin:0; }
.task-table  .table .glyphicon-chevron-left:before { content:"\e257"; }
.task-table  .table .glyphicon-chevron-right:before { content:"\e258"; }

/* Template List */
.template-table { margin-top:0; }
.template-table .table .col1 { width:15%; text-align:center; padding-left:5px;}
.template-table .table .col2 { width:20%; text-align:left; }
.template-table .table .col3 { width:30%; text-align:left;}
.template-table .table .col4 { width:20%; text-align:left; }
.template-table .table .col5 { width:15%; text-align:center; }
.template-table .table .glyphicon { font-size:15px; top:35px; width:15px; height:15px; margin:0; }
.template-table .table .glyphicon-chevron-left:before { content:"\e257"; }
.template-table .table .glyphicon-chevron-right:before { content:"\e258"; }

/* Timeline Table */
.timeline-table .table .col1 { width:5%; text-align: center }
.timeline-table .table .col2 { width:25%; text-align: left; }
.timeline-table .table .col3 { width:10%; }
.timeline-table .table .col4 { width:30%; }
.timeline-table .table .col5 { width:15%; }
.timeline-table .table .col6 { width:20%; }

/* My Vault Page */
.vault-wrapper { float:left; width:100%; }
.vault-wrapper .files-block { float:left; width:100%; height:384px; overflow:hidden; position:relative; margin-bottom:30px; }
.vault-wrapper .files-block .img-show { float:left; width:100%; height:100%; border:solid 1px #ccc; text-align:center; vertical-align:middle; }
.vault-wrapper .files-block .img-show img { width:100%; height:100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.vault-wrapper .files-block .overlay { display:block; position:absolute; top:0; left:0; width:100%; height:100%; float:left; text-align:center; }
.vault-wrapper .files-block .overlay .blackover { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; }
.vault-wrapper .files-block:hover .blackover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.vault-wrapper .files-block .overlay a { display:none; width:62px; color:#fff; margin:150px 20px 0; font-size:30px; padding:10px 0; border-radius:50%; border:solid 2px #fff; position:relative; z-index:1; }
.vault-wrapper .files-block .overlay a:hover { color:#000; background:#fff; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.vault-wrapper .files-block:hover a { display:inline-block; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.vault-wrapper .files-block:hover .overlay { display:block; }
.vault-wrapper .files-block:hover .img-show img {-webkit-transform: scale(1.3); transform: scale(1.3); }
.vault-wrapper .files-block .file-type { display:inline-block; text-align:center; vertical-align:middle; position:relative; top:36%; }
.vault-wrapper .files-block .file-type .fa { font-size:72px; color:#263238; text-align:center; }
.vault-wrapper .files-block .file-type .name { display:inline-block; font-size:17px; color:#263238; text-align:center; width:100%; margin-top:10px; }
.vault-wrapper .files-block .drop-box { height:384px!important; width:100%; padding-top:0; }
.vault-wrapper .files-block .drop-box .file-icon { margin-top:36% }
/* Add Asset to My Vault Modal */
.scrollable.is-enabled { height:auto!important; }
.scrollable.is-enabled .scrollable-container { height:auto!important; }
#myVaultAsset_modal .scrollable-horizontal.is-enabled .scrollable-container { height:auto!important; }
#myVaultAsset_modal .file-upload-list { display:inline-block; width:100%; overflow-x:auto; overflow-y:hidden; height:auto!important; }
#myVaultAsset_modal .file-upload-list ul { display:inline-block; min-width:100%; padding:0; margin:0; list-style:none; }
#myVaultAsset_modal .file-upload-list ul li { display:inline-block; margin-right:25px; width:170px; height:170px; border-radius:4px; overflow:hidden; border:solid 1px #ddd; }
#myVaultAsset_modal .file-upload-list ul li:first-child { border:none; }
#myVaultAsset_modal .file-upload-list ul li img { max-width:100%; max-height:100%; }
#myVaultAsset_modal .file-upload-list ul li .drop-box { height:170px!important; width:100%; }
.dropbox-btn { display:inline-block; width:123px; height:36px; border-radius:3px; border:solid 1px #959698; background:#fff url("../images/dropbox-btn.png") no-repeat center center; margin-right:15px; margin-top:25px; }
.dropbox-btn:hover { border:solid 1px #b0d3f4; }
.gdrive-btn { display:inline-block; width:123px; height:36px; border-radius:3px; border:solid 1px #959698; background:#fff url("../images/gdrive-btn.png") no-repeat center center; margin-right:15px; margin-top:25px; }
.gdrive-btn:hover { border:solid 1px #b0d3f4; }
.custom-scrollbar-horizontal { height:200px!important; }
.scrollable-bar-horizontal.is-dragging, .scrollable-bar-horizontal.is-hovering { height:5px; }
.scrollable-bar-vertical.is-dragging, .scrollable-bar-vertical.is-hovering { width:5px; }

/* Dashboard page */
.dashboard-wrapper { float:left; width:100%; }
.dashboard-wrapper .content-block { height:530px; background:#fff; border-radius:2px; position:relative; border:solid 1px #edeff0; margin-bottom:30px; padding:0px 0; overflow:hidden;  margin-top: 2%;}
.dashboard-wrapper .content-block .panel-heading { display: inline-block; width: 100%; vertical-align: top; border-bottom: solid 1px #e5e5e5; }
.dashboard-wrapper .content-block .table-list .table { border-top: none; }
.dashboard-wrapper .content-block .table-list .table td .overdue { margin-top: 0; }
.dashboard-wrapper .content-block .table-list .table td .overweek { margin-top: 0; }
.dashboard-wrapper .content-block .table-list .table td .uptoweek { margin-top: 0; }
.dashboard-wrapper .latest-projects .content-block { height: 555px; }
.dashboard-wrapper .latest-projects ul { height:462px; width: 100%; }
.dashboard-wrapper .pending-quotes .content-block { height: 555px; }
.dashboard-wrapper .content-block .right-btns-task .overweek, .dashboard-wrapper .content-block .right-btns-task .uptoweek, .dashboard-wrapper .content-block .right-btns-task .overdue { margin: 0; }
.dashboard-wrapper .content-block .right-btns-task .overweek .fa, .dashboard-wrapper .content-block .right-btns-task .uptoweek .fa, .dashboard-wrapper .content-block .right-btns-task .overdue .fa { font-size: 11px; }
.dashboard-wrapper .pending-quotes ul { height:462px; width: 100%; }
.dashboard-wrapper .content-block h3 { font-size:17px; color:#263238; font-weight:bold; display:block; margin:15px 0; padding-left:20px; }
.dashboard-wrapper .content-block h3 .new-btn { margin-top: 3px; }
.dashboard-wrapper .content-block h3 .button-group { float: right; display: flex; margin-top: 6px; }
.dashboard-wrapper .content-block h3 .button-group li { padding: 12px 5px; }
.dashboard-wrapper .content-block .chart { margin-top: 20px; }
.dashboard-wrapper .content-block .right-btns { position:absolute; right:40px; top:6px; }
.dashboard-wrapper .content-block .right-btns .blue-btn { background:#62a8ea; font-size:13px; color:#fff; font-weight:bold; border-radius:15px; padding:7px 12px; line-height:13px; }
.dashboard-wrapper .content-block .right-btns .blue-btn:hover { background:#fff; color:#62a8ea; border:solid 1px #62a8ea; }
.dashboard-wrapper .content-block .right-btns-task { position:absolute; right:20px; top:14px; }
.dashboard-wrapper .content-block .overweek { font-size:13px; color:#9ca5ae; margin-top:11px; }
.dashboard-wrapper .content-block .overweek .fa { font-size:15px; color:#33c949; }
.dashboard-wrapper .content-block .uptoweek { font-size:13px; color:#9ca5ae; margin-top:11px; padding-left:5px; }
.dashboard-wrapper .content-block .uptoweek .fa { font-size:15px; color:#fdbd41; }
.dashboard-wrapper .content-block .overdue { font-size:13px; color:#9ca5ae; margin-top:11px; padding-left:5px; }
.dashboard-wrapper .content-block .overdue .fa { font-size:15px; color:#fe5e5b; }
.dashboard-wrapper .content-block .noduedate { font-size:13px; color:#9ca5ae; margin-top:11px; padding-left:5px; }
.dashboard-wrapper .content-block .noduedate .fa { font-size:15px; color:#9ca5ae; }
.dashboard-wrapper .content-block ul { float:left; width:100%; margin:0; padding:0; list-style:none; }
.dashboard-wrapper .content-block ul li { display:block; padding:12px 20px; border-bottom:solid 1px #efefef; vertical-align:top; }
.dashboard-wrapper .content-block ul li:hover { background:#f3f7f9; cursor:pointer; }
.dashboard-wrapper .content-block ul li h5 { display:block; font-size:13px; color:#263238; margin:0; }
.dashboard-wrapper .content-block ul li h4 { display:block; font-size:13px; color:#263238; margin:0 0 15px; }
.dashboard-wrapper .content-block ul li p { display:block; font-size:13px; color:#767676; margin:0; }
.dashboard-wrapper .content-block ul li em { font-size:13px; color:#838f9a; font-style:normal; padding-left: 20px; }
.dashboard-wrapper .latest-projects .content-block ul li em { padding-left: 25px; }
.dashboard-wrapper .latest-news .content-block { height: auto; }
.dashboard-wrapper .content-block ul li .overweek { display:block; font-size:15px; color:#263238; margin:0; padding:0; line-height:20px; }
.dashboard-wrapper .content-block ul li .uptoweek { display:block; font-size:15px; color:#263238; margin:0; padding:0; line-height:20px; }
.dashboard-wrapper .content-block ul li .overdue { display:block; font-size:15px; color:#263238; margin:0; padding:0; line-height:20px; }
.dashboard-wrapper .content-block ul li .noduedate { display:block; font-size:15px; color:#263238; margin:0; padding:0; line-height:20px; }
.dashboard-wrapper .chart-block { float:left; width:100%; height:90%; }
.dashboard-wrapper .tweet-block { float:left; width:100%; height:320px; overflow:hidden; overflow-y:auto; }
.dashboard-wrapper .header-block { float: left; width: 100%; background: #fff; padding: 15px; margin: 15px 0 5px; }
.dashboard-wrapper .header-block h4 { margin: 0; }
.checkbox { display:inline-block; width:20px; height:20px; position:relative; margin:0; }
.checkbox input[type=checkbox] { position:absolute; top:-9999px; opacity:0; }
.checkbox:after { content:''; position:absolute; top:5px; left:0; background:url(../images/checkbox.png) no-repeat 0 0; width:20px; height:20px; }
.checkbox.checked:after { content:''; position:absolute; top:5px; left:0; background:url(../images/checkbox.png) no-repeat -22px 0; width:20px; height:20px; }
.dashboard-wrapper .todo-list .content-block ul li .fa { line-height:15px; }
.dashboard-wrapper .todo-list .content-block ul li p { display:inline-block; font-size:15px; color:#263238; margin:0; line-height:15px; padding-left:10px;  }
.dashboard-wrapper .faq ul li { padding:20px; }
.dashboard-wrapper .news-resources .content-block { height: 555px; }
.news-resources .content-block ul li { display: inline-block; width: 100%; padding: 16px 15px; }
.news-resources .content-block ul li .pdf { position: relative; padding-left: 30px; }
.news-resources .content-block ul li .pdf:before { content: '\f1c1'; position: absolute; top: 0; left:0; font-size: 20px; font-family: 'FontAwesome'; line-height: 20px; }
.scrollable-bar.is-disabled { display: block; }
.scrollable-bar-vertical .scrollable-bar-handle { transform: translate3d(0px, 0px, 0px); }

/* Quotes page */
.quote-info .modal-title .date-time { font-size:13px; color:#c1c7cd; margin-left:20px; }
.quote-info .panel-group { border-top:solid 1px #cdd2d7; }
.quote-info .panel-group:first-child { border: none; }
.quote-info .panel-group .panel+.panel { margin:0; }
.quote-info .panel-heading { background:#fff; border:none; }
.quote-info .panel-heading .panel-title { padding:0; display: flex; align-items: center; }
.quote-info .panel-heading .panel-title:before { content:"\f0d7"; font-family:'FontAwesome'; }
.quote-info .panel-heading .panel-title:after { content:"\f0d8"; font-family:'FontAwesome'; display:none; }
.quote-info .panel-heading .panel-title a { display:inline-block; width:65%; padding:15px 0; font-size: 14px; }
.quote-info .panel-heading .panel-title a .fa { color:#62a8ea; margin-left:15px; }
.quote-info .panel-heading .panel-title span { display:flex; align-items: center; flex:1; font-size: 14px; padding-right: 20px; text-align: left; }
.quote-info .panel-group .panel-collapse { max-height:500px; overflow:hidden; overflow-y:auto; }
.quote-info .panel-group .panel-collapse .panel-body { padding:15px 0; }
.quote-info .panel-group .panel-collapse .panel-body .qty-table h4 { font-size: 14px; }
.quote-info .panel-group .scrollable.is-enabled { height:auto!important; }
.quote-info .panel-group .scrollable-vertical.is-enabled .scrollable-container { height:auto!important; }
.quote-info h5 { background: #b4b3b3; font-size:14px; color:#fff; display:block; padding: 5px 15px; text-transform: uppercase; font-weight: normal; }
.quote-info p { float: left; width: 100%; font-size: 14px; margin-bottom: 5px; }
.quote-info p strong { padding-left: 15px; color: #888; text-decoration: underline; text-transform: uppercase; font-size: 14px; color: #313131; }
.quote-info .form-group p { margin:0; overflow:hidden; text-overflow:ellipsis; width:100%; float: left; min-height: 21px; font-size: 14px; }
.quote-info .form-group label { text-transform: capitalize; font-size: 14px; font-weight: 500; margin-bottom: 0; }
.quote-info .qty-table.table-wrap .table th { padding:7px 10px; font-size:14px; color:#fff; }
.quote-info .qty-table.table-wrap .table td { padding:7px 10px; font-size:14px; color:#838f9a; }
.quote-info .qty-table.table-wrap .table tfoot .col2 { text-align:right; font-weight:600; }
.quote-info .qty-table.table-wrap .table tfoot .col3 { font-weight:600; }
.quote-info .detail-specs { display:inline-block; width:100%; padding:15px 0; background:#edeef0; border-top:solid 1px #c3c8ce; }
.quote-info .detail-specs h5 { font-size:15px; }
.quote-info .detail-specs ol, .quote-info .detail-specs ul { padding-left:20px; }
.quote-info .item-total { float:right; width: calc(100% - 65%); }
.quote-info .item-total span { display:inline-block; width:38%; font-size:14px; color:#444; font-weight:600; float: left; }
.quote-info .item-total em { display:inline-block; width:60%; font-size:14px; color:#444; font-style:normal; font-weight:600; }
.quote-info .item-total em span { display:inline-block; width: 50%; }
.quote-info .change-item-total { float: right; width: calc(100% - 65%); }
.quote-info .change-item-total span { display:inline-block; width:50%; font-size:14px; color:#444; font-weight:600; float: left; }
.quote-info .change-item-total em { display:inline-block; width:50%; font-size:14px; color:#444; font-style:normal; font-weight:600; }
.quote-info em { float: left; width: 100%; color:#000; }
.quote-info p span.highlight { font-weight: 500; color: black; }
.quote-info .confirmation { padding-left: 23px; }
.quote-info .confirmation input[type=checkbox]{ margin-left:-17px }
.quote-info table { margin-bottom: 20px; font-size:14px; }
.quote-info table th { padding: 5px 5px 5px 15px; background:#b4b3b3; color:#fff; text-align:left; height:34px; text-transform:uppercase; font-weight:normal; font-size:14px; vertical-align:middle; }
.quote-info table td { padding: 5px 5px 5px 15px!important; vertical-align:top!important; }
.quote-info table td label { text-transform:capitalize;font-weight:500;font-size:14px;margin:0;height:24px;color:#000000; }
.quote-info table td label + span { font-weight:500;font-size:14px;margin:0;color:#000000; }
.quote-info table td p { color:#000; margin:0;width:100%;float:left;min-height:25px; font-size: 14px; }
.quote-info table td pre { background: none; border: none; margin:0; white-space: pre-wrap; word-break: normal; width:100%; float:left; padding: 0; vertical-align:top; font-size: 14px; font-family: RobotoDraft,Roboto,'Helvetica Neue',sans-serif; }
.quote-info table td strong { text-decoration:underline;text-transform:uppercase;color: #313131;font-size:14px; line-height: 27px; }
.quote-info table td table tbody td { padding:0; }
.quote-info table tr:hover { background: transparent; }
.quote-info table.inner-table { margin-bottom: 0; }
.quote-info table.inner-table th { background: none; padding:0 0 5px; font-weight: bold; text-decoration:underline; text-transform:capitalize; color: #313131; font-size:14px; }
.quote-info table.inner-table td { padding: 5px 0 0!important; margin:0;overflow:hidden;text-overflow:ellipsis; font-size: 14px; color: #000; }
.quote-info table.inner-table td span { color: #000; }
.quote-info table tr:hover { background: transparent; }
.quote-info .panel-group .panel-title a:before { display: none; }
.table-list .quote-info table tr:hover { background: transparent; }
.table-list .quote-info table tr:nth-child(even) { background: #fff; }
.select-campaign .custom-dropdown { max-height: 500px; overflow: auto; overflow-x: hidden; }
md-checkbox:not([disabled]).md-primary .md-icon { border-color:#2eb650; }
md-checkbox:not([disabled]).md-primary.md-checked .md-icon { background-color:#2eb650; }
#chatModal .modal-body { padding:0; }
.chatPage-Modal .page { margin:0!important; }
.chatPage-Modal { padding:0; }
.chatPage-Modal .chat-area { margin-top:30px; }
.chatPage-Modal .chat-area .chat-wrapper { min-height:200px; max-height:400px; }
.file-upload label.title{ width: 100%; }
span.or-text{ padding: 90px 0 0 45px; float: left; }
.panel-search{ padding-top: 65px; }
#drag-drop-field-modal .modal-body { overflow:hidden; }
.file-upload .drop-box { width:100%; padding-top:20%; }
.file-upload .progress { float:left; width:100%; margin-left:0; }
.quotes-page .dropdown-menu&gt;li&gt;a { transition:inherit; -webkit-transition:inherit; -moz-transition:inherit; }
.orderlist-page .dropdown-menu&gt;li&gt;a { transition:inherit; -webkit-transition:inherit; -moz-transition:inherit; }
.file-upload-request-product-modal .btn.btn-link { color: #337ab7; padding: 0; border: none; }
.file-upload-request-product-modal .btn.btn-link:hover, .file-upload-request-product-modal .btn.btn-link:focus { background: transparent; color: #000; border: none; }

.sub-panel .inlineHeading { font-size:20px; float:left; width:100%; }
.sub-panel .panel { background:#ececec; }
.sub-panel .panel .lowerInlineHeading { float:left; width:100%; font-size:17px; border-bottom: solid 1px #e5e5e5; }
.sub-panel .panel .listing-icon-btn { font-size:25px; line-height:30px; padding-top:7px; }
.sub-panel .panel .listing-title { padding-top:10px; width:auto; margin-right:10px; }
.sub-panel .panel .start-due { float:left; padding-top:13px; padding-bottom:13px; }

/*.sub-panel .panel:hover .new-btn { display:block; min-height: 32px; margin-right: 5px!important; float: right; margin-bottom: 5px!important; }*/
.sub-panel .sub-level-listing { float:left; width:100%; }
/*
.sub-panel .sub-level-listing .campaign-block .edit-btn { top:26px; display:none; }
.sub-panel .sub-level-listing .campaign-block:hover .edit-btn { display:block; }
*/
.campaign-block .list-padding { float:left; width:100%; padding-bottom: 0; }
.campaign-block .sub-panel .table-list { margin-top:0; }
.campaign-block .sub-panel .table-list .table .new-btn { margin: 3px 5px; float: right; }

.quoteCompletionDate span input  { font-size: 88%!important; }

/* Video Annotation */
.video-annotation { float:left; width:100%; }
.video-preview { float:left; width:100%; text-align:center; }
.frame-list { float:left; width:100%; margin-top:20px; border-top:solid 1px #e5e5e5; padding:20px; text-align:center; }
.frame-list ul { list-style:none; padding:0; margin:0; }
.frame-list ul li { display:inline-block; margin-bottom:15px; width:175px; border:solid 2px #e5e5e5; padding:10px; margin-right:15px; position:relative; }
.frame-list ul li img { width:100%; height:98px; }
.frame-list ul li button { display:inline-block; margin-top:10px; font-size:18px; color:#666; background:none; border:none; padding:0; position:relative; }
.frame-list ul li button:hover { color:#f37032; }
.frame-list ul li button .count { position:absolute; top:-7px; right:-15px; background:#f00; color:#fff; min-width:20px; padding:1px; border-radius:50%; font-size:12px; }
.frame-list ul li .timer { position:absolute; background:#000; color:#fff; padding:2px 5px; top:10px; left:10px; font-size:12px; }
.video-preview .create-btn{position: absolute; top: 50%; right: 15%;}
.frame-list .delete-icon { position: absolute; top: -11px; right: -11px; width: 18px; height: 18px; border-radius: 20px; background: #f00; color: #fff; font-size: 13px; text-align: center; margin: 0; }
.frame-list .delete-icon:hover { background: #fff; color:#f00; }

.table-list.pages-table .table tbody td { padding: 2px 7px; }
.table-list.pages-table .table .col1 { width:12%; text-align:center; word-break:break-word; }
.table-list.pages-table .table .col2 { width:18%; word-break: break-all; }
.table-list.pages-table .table .col3 { width:10%; }
.table-list.pages-table .table .col4 { width:5%; }
.table-list.pages-table .table .col5 { width:18%; }
.table-list.pages-table .table .col6 { width:5%; }
.table-list.pages-table .table .col7 { width:10%; }
.table-list.pages-table .table .col8 { width:18%; text-align: center; }
.table-list.pages-table .table .col8 .new-btn { margin-bottom:5px; }

#templateCategory-modal .modal-body md-content { overflow:inherit; }

/* Tour Design */
.detour { position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:99999; color:#fff; }
.detour img, .detour h3 { float:left; padding-right:10px; }
.detour .inline-content { float: left; width: 300px; }
.detour p { font-size:14px; font-weight:normal; padding-top:10px; padding-right: 10px; float:left; width:100%; }
.detour .button-group { display:inline-block; width:100%; }
.detour .button-group .btn { background:transparent; border-radius:30px; border:solid 1px #e5e5e5; }
.detour .button-group .btn:hover, .detour .main-menu-icon .button-group .btn:focus { background:#62a8ea; border-radius:30px; border:solid 1px #62a8ea; color:#fff; }
.detour .button-group .btn-prev { float:left; }
.detour .button-group .btn-next { float:right; }
.detour .main-menu-icon { display:block; position:absolute; top:0; left:220px; width:300px; }
.detour .search-icon {   position:absolute; top:0; left:275px; width:300px; }
.detour .gohelp-icon { position:absolute; top:0; right:205px; width:300px; }
.detour .help-icon { position:absolute; top:0; right:110px; width:300px; }
.detour .internal-chat-icon { position:absolute; top:0; right:155px; width:300px; }
.detour .profile-icon { position:absolute; top:0; right:50px; width:300px; }
.detour .logout-icon { position:absolute; top:0; right:0; width:300px; }
.detour .logout-icon img, .detour .logout-icon h3, .detour .profile-icon img, .detour .profile-icon h3,
.detour .internal-chat-icon img, .detour .internal-chat-icon h3, .detour .gohelp-icon img, .detour .help-icon img,
.detour .gohelp-icon h3, .detour .help-icon h3 { float:right; padding-left:10px; padding-right:0; }
.detour .logout-icon p, .detour .profile-icon p, .detour .internal-chat-icon p,
.detour .gohelp-icon p, .detour .help-icon p { text-align:right; }
.detour .dashboard-icon p, .detour .wip-icon p,
.detour .projects-icon p, .detour .quotes-icon p, .detour .orders-icon p,
.detour .library-icon p { text-align:left; }
.detour .btn-danger { padding:6px 20px; font-size:30px; font-weight:bold; position:absolute; right:30px; bottom:30px; border-radius:50%; }
.detour .dashboard-icon { position:absolute; top:0px; left:0; width:530px; }
.detour .wip-icon { position:absolute; top:60px; left:0; width:530px; }
.detour .projects-icon { position:absolute; top:120px; left:0; width:530px; }
.detour .quotes-icon { position:absolute; top:180px; left:0; width:530px; }
.detour .orders-icon { position:absolute; top:240px; left:0; width:530px; }
.detour .library-icon { position:absolute; top:300px; left:0; width:530px; }
.detour .campaign-icon { position:absolute; top:120px; left:0; width:530px; }
.detour .tasks-icon { position:absolute; top:180px; left:0; width:530px; }
.detour .jobs-icon { position:absolute; top:240px; left:0; width:530px; }
.detour .workflow-icon { position:absolute; top:300px; left:0; width:530px; }
.detour .templates-icon { position:absolute; top:360px; left:0; width:530px; }
.detour .library2-icon { position:absolute; top:420px; left:0; width:530px; }
.detour .assets-icon { position:absolute; top:480px; left:0; width:530px; }
.detour .agenda-icon { position:absolute; top:540px; left:0; width:530px; }
.detour .reports-icon { position:absolute; top:600px; left:0; width:530px; }

/* User Profile Page */
.user-profile { display:block; padding:0; height:86vh; }
.user-profile .left-panel { background:#fff; height:100%; display: inline-block; width: 100%; position:relative; }
.user-profile .left-panel .edit-profile-btn { background:none; padding:0; border:none; font-size:16px; position:absolute; top:15px; right:15px; }
.user-profile .left-panel .edit-profile-btn:hover { color:#e96a29; }
.user-profile .left-panel .avatar { text-align:center; width:100%; margin-top:50px; }
.user-profile .left-panel .avatar img { width:150px; height:150px; max-width:inherit; }
.user-profile .left-panel .avatar h3 { margin-bottom:5px; }
.user-profile .left-panel .avatar .image { display:inline-block; position:relative }
.user-profile .left-panel .avatar .status { position:absolute; right:10px; top:115px; width:20px; height:20px; background:#ccc; }
.user-profile .left-panel .avatar .status.on { background:#2ec04d; }
.user-profile .left-panel .avatar p { color:#828689; font-size:16px; }
.user-profile .left-panel .personal-details { display:inline-block; width:100%; margin-top:20px; padding:0 20px; }
.user-profile .left-panel .personal-details h5 { text-transform: uppercase; font-size:16px; color:#000; margin-bottom:5px; }
.user-profile .left-panel .personal-details p { color:#828689; font-size:16px; margin-bottom:20px; word-wrap: break-word; }
.user-profile .right-panel { background: #fff; height:100%; display:inline-block; width:100%; padding:30px; }
.user-profile .right-panel .nav-tabs &gt; li &gt; a { background:none; font-size:16px; text-transform:uppercase; color:#60676e; font-weight:bold; padding:0 15px 15px; }
.user-profile .right-panel .nav-tabs &gt; li.active &gt; a, .user-profile .right-panel .nav-tabs &gt; li.active &gt; a:focus, .user-profile .right-panel .nav-tabs &gt; li.active &gt; a:hover { color:#e96a29; border-bottom:solid 3px #e96a29; }
.user-profile .right-panel .tab-content { padding:20px; }
.user-profile .right-panel .tab-content h2 { font-size:18px; color: #000; font-weight: bold; text-transform: uppercase; float: left; margin-top: 3px; }
.user-profile .right-panel .tab-content .friend-list { float:left; width:100%; list-style:none; padding:0; margin:15px 0 0; padding-bottom: 30px; height:600px; overflow: auto; overflow-x: hidden;  }
.user-profile .right-panel .tab-content .friend-list li { display:inline-block; padding:15px; margin-bottom:5px; }
.user-profile .right-panel .tab-content .friend-list li:hover { background:#efefef; }
.user-profile .right-panel .tab-content .friend-list li .friend-pic { display:inline-block; position:relative; vertical-align: top; }
.user-profile .right-panel .tab-content .friend-list li .friend-pic img { width:40px; height:40px; border-radius:50px; }
.user-profile .right-panel .tab-content .friend-list li .status { position:absolute; right:0; top:40px; width:15px; height:15px; background:#ccc; }
.user-profile .right-panel .tab-content .friend-list li .status.on { background:#2ec04d; }
.user-profile .right-panel .tab-content .friend-list li p { display:inline-block; padding-left:15px; font-size:16px; color:#000; width: 56%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.user-profile .right-panel .tab-content .friend-list li .offline { right: 0; }
.user-profile .right-panel .tab-content .friend-list li .online { right: 0; }
.user-profile .right-panel .tab-content .activities { display: inline-block; width: 100%; margin-top: 15px; border-bottom: solid 1px #e5e5e5; padding-bottom: 15px; }
.user-profile .right-panel .tab-content .activities span.icon { width: 50px; float:left; background:#000; font-size:16px; color:#fff; width:40px; height:40px; text-align:center; padding:13px 0 0; border-radius:30px; }
.user-profile .right-panel .tab-content .activities .content { float:left; width:90%; padding-left:15px; }
.user-profile .right-panel .tab-content .activities .content .time { display:block; font-size: 14px; color:#999; }
.user-profile .right-panel .tab-content .activities .content p { display:block; font-size:16px; margin-bottom:0; }
.user-profile .right-panel .tab-content .stats { display: inline-block; width: 50%; font-size:16px; margin:15px 0 5px; }
.user-profile .right-panel .tab-content .stats .percent { float:right; }
.user-profile .right-panel .tab-content .stats .progress { float:left; width:100%; background:#e5e5e5; height:3px; }
.user-profile .right-panel .tab-content .stats .progress span { background:#50ba96; float:left; height:3px; }
.user-profile .right-panel .profile-settings .row { margin-top:20px; border-bottom:solid 1px #e5e5e5; }
.user-profile .right-panel .profile-settings h3 { font-size:18px; float: left; margin:0; padding-top:10px; }
.user-profile .right-panel .profile-settings p { display: inline-block; width:100%; padding-bottom: 10px; }
.user-profile .right-panel .chat-search { margin-top:-6px; }
.toggle-button { float: right; background-color: white; margin: 5px 0; border-radius: 20px; border: 2px solid #D0D0D0; height: 30px; cursor: pointer; width: 50px; position: relative; display: inline-block; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
.toggle-button button { cursor: pointer; outline: 0; display:block; position: absolute; left: 0; top: 0; border-radius: 100%; width: 30px; height: 30px; background-color: white; float: left; margin: -3px 0 0 -3px; border: 2px solid #D0D0D0; transition: left 0.3s; }
.toggle-button-selected { background-color: #e8782d; border: 2px solid #e8782d; }
.toggle-button-selected button { left: 22px; top: 1px; margin: 0; border: none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); }

.report-page .report_head{ /*background-color: #7DD3AE;*/ width: 100%; padding: 40px;}
.report-page .dropDown_parent{ background-color: #FFFFFF; padding: 5px; display: inline-block;}
.report-page .dropDown{ padding: 5px; width: 300px; height:35px;}
.report-page .page-content{ padding: 0px 25px;}
.report-page .content-block{ display: inline-block; background-color: #FFFFFF;}
.report-page .report-container .icon{ display: inline-block; background-color: #D5E4F1; padding: 10px; margin-right: 30px;}

/***************************** Required styles *****************************/
.data-grid { float: left; width:calc(100% - 398px); }
.data-grid .grid-row { float: left; width:100%; overflow: auto; background: #f0f3f4; }
.data-grid .grid-row .grid-col { box-sizing:border-box; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:inline-block; /*width:200px; height:200px;*/ margin:0 10px 10px 0; float:left; }
.data-grid .grid-row .grid-col .grid-content { float:left; vertical-align: top; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; background:#fff; border:solid 1px #666; padding:5px 5px 30px; overflow:hidden; }
.data-grid .grid-row .grid-col .grid-content.grid-content-disabled { background: #dadde1 }
.data-grid .grid-row .grid-col .grid-content a.merge { display:inline-block; text-decoration:none; font-weight:bold; }
.data-grid .grid-row .grid-col img { max-width:100%; max-height:100%; }
.d-flex { display: flex; flex-wrap: wrap; width: 100%; }

#campaign-preview { position:fixed; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0; }
#presentation-preview, #assetSearch-preview, #task-preview, #element-preview, #elementGroup-preview, #jobStage-preview, #job-preview { position:fixed; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0; }
.chat-attachment { float: left; background: #ccc; padding:5px 10px; }
.chat-attachment a { color: #f00; font-weight: bold; margin-left: 10px; display: inline-block; }
#element-preview .form-group label { cursor: default; }
#element-preview .form-group .form-control { margin-bottom: 15px;}

/* Edit Project Modal tags */
.tags { float: left; width: 100%; position: relative; padding: 10px; border: solid 1px #ccc; background: #fff; border-radius: 5px; margin-bottom: 15px; }
ul.tag-list { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.tag-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
ul.tag-list li .remove-button { cursor: pointer; }
ul.tag-list li .remove-button:hover { text-decoration: none; }
tags-input .tags .input { border: none; width: 180px!important; outline: 0; padding:8px 10px; height: 30px; font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;}
auto-complete ul.suggestion-list { list-style-type: none; left: 0; padding: 0; margin: 0; background: #ccc; display: inline-block; width:100%; margin-top: -15px; }
auto-complete ul.suggestion-list li.suggestion-item { padding:5px; width: 100%; display: inline-block; }
auto-complete ul.suggestion-list li.suggestion-item .selected { background-color: #ccc; }
tags-input .autocomplete .suggestion-item.selected em { color:#fff; background-color:#0097cf; }
.note-comment{color: #ccc;font-size: 15px;}
.form-group .input-search input {font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;}
.filter-loader{position: absolute;    right: 34px;    bottom: 9px;}
.orange{color:#f7b471;}
.highlight-active{ background: #f37032; color: #fff; border: solid 1px #f37032;}
.dropdown .filter-option &gt; svg.removeIcon{ display: none !important;}
span.close-calender { z-index: 999999; float: right; position: absolute; top: 25px; right: 45px; line-height: 20px; border: 0.1px solid transparent; padding: 6px 12px 8px 5px; color: #e64949; cursor: pointer;}
.info{color:#5bc0de;}
.warning{color:orange; }
.danger{color:red;  }

.approveUserIds tags-input .tags .input { visibility: hidden; }
.zeroBorder table&gt;tbody&gt;tr&gt;td, .table&gt;tbody&gt;tr&gt;th, .table&gt;tfoot&gt;tr&gt;td, .table&gt;tfoot&gt;tr&gt;th, .table&gt;thead&gt;tr&gt;td, .table&gt;thead&gt;tr&gt;th {border-top: 0px solid #ddd;padding: 4px;}

.ADMdtpInput.readOnly  input {
    background-color: #eee;
}

#addPage-modal .img-thumbnail { border:none!important; width: 200px; height:auto; }
#importProjectsForNoosh-modal .listing-title { font-size: 20px; font-weight: bold; }
#importProjectsForNoosh-modal .items-total { width: 85%; }
#importProjectsForNoosh-modal .panel { margin-bottom: 0; }
#importProjectsForNoosh-modal .project-listing { background: #f1f1f1; padding: 15px 15px 5px; max-height: 500px; overflow: auto; overflow-x: hidden; }
#importProjectsForNoosh-modal .project-listing .panel-heading .action-btns { display: block; top: inherit; bottom: 10px; margin-top: 0; }
.project-importing { font-size: 18px; font-weight: bold; margin-top: 20px; padding: 0; border:solid 1px #e5e5e5; margin-bottom: 20px; }
.project-importing p { background: #f1f1f1; padding: 5px; }
.project-importing ul { padding: 0; margin: 0 0 20px; list-style: none; display: inline-block; width: 20%; }
.project-importing ul li { display: inline-block; width: 100%; margin-bottom: 10px; text-align: left; }
.project-importing ul li span { float: right;}
.project-importing ul li span img { width: 20px; }
.chgPwd-error {color:#ff0000;font-size:12px}

/* Cart Dropdown */
.cart-dropdown { margin-top: 20px; }
.cart-dropdown .new-btn { padding: 8px 14px; position: relative; margin-right: 10px; }
.cart-dropdown .new-btn .badge { position: absolute; top: -10px; right:0; }
.cart-dropdown h2 { margin-bottom: 0; }
.cart-dropdown h2 span { float: right; }
.cart-list { display: inline-block; width: 100%; padding:10px 15px; border-top: solid 1px #e5e5e5; }
.cart-list:hover { background: #f0f0f0; }
.cart-list .fa { float: left; font-size: 20px; }
.cart-list .item { float: left; width: 100%; padding-left: 30px; margin-left: -20px; }
.cart-list .item p { margin-bottom: 0; }
.cart-list .item p a { float: right; }
.masonry-container { padding: 15px 0; }
.masonry-container .thumbnail &gt; img { width: 100%; }
.masonry-container .item { width:25%; margin: 0; padding: 0 15px; }
.masonry-container .thumbnail .caption { padding: 15px; }
.masonry-container .thumbnail .caption h3 { margin: 0 0 5px; font-size: 18px; cursor: pointer; }
.masonry-container .thumbnail .caption p { margin-top: 10px; }
.masonry-container .thumbnail .btns-group { border-top: solid 1px #e5e5e5; }
.masonry-container .thumbnail .new-btn { margin-left: 0; padding: 10px 20px; font-size: 14px; margin-top: 10px; }
.cls-like { float: right; margin: 18px 0px; }

.panel-group .panel.category-accordion { display: inline-block; width: 100%; margin-bottom: 10px; }
.panel-group .panel.category-accordion &gt; .panel-heading { background: #fff; }
.panel-group .panel.category-accordion .panel-title a:before { display: none; }
.panel-group .panel.category-accordion .product-link { display: inline-block; font-size: 16px; color: #666; margin-bottom: 0; font-weight: normal; }
.panel-group .panel.category-accordion .product-link:hover { color: #f37032; }
.panel-group .panel.category-accordion .fa.pull-right { margin-top: 2px; }
.panel-group .panel.category-accordion .panel-body .panel-title { padding:10px 0 10px 15px; }

/* Product Detail page */
.product-detail { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 50px; }
.product-detail .prod-img { width: 100%; }
.product-detail h3 { margin-bottom: 20px; }
.product-detail .prod-detsil { display: inline-block; width: 100%; padding-left: 15px; }
.product-detail .prod-detsil .price { font-size: 24px; margin-bottom: 15px; }
.product-detail .prod-detsil .form-group .form-control { width: 100px; display: inline-block; margin-bottom: 15px; }
.product-detail .prod-detsil h4 { margin-bottom: 25px; }
.product-detail .prod-detsil .new-btn { font-size: 20px; padding: 15px 25px; border-radius: 30px; margin-left: 0; }
.product-detail .nav-tabs { margin-top: 30px; border: none; }
.product-detail .nav-tabs &gt; li &gt; a { font-size: 16px; font-weight: bold; background: #f37032; color: #fff; border:none; box-shadow: none; }
.product-detail .nav-tabs &gt; li.active&gt;a, .product-detail .nav-tabs &gt; li.active&gt;a:focus,
.product-detail .nav-tabs &gt; li.active&gt;a:hover { background: #fff; color: #000; border:  solid 1px #e5e5e5; border-bottom: none; box-shadow: none; }
.product-detail .tab-content { display: inline-block; width: 100%; padding: 15px; background: #fff; border: solid 1px #e5e5e5; margin-top: -1px; }
.product-detail .tab-content ul { list-style: disc; padding-left: 25px; margin: 15px 0 0 15px; }
.product-detail .tab-content ul li { list-style: disc; margin-bottom: 5px; font-size: 16px; }
.product-detail .tab-content .masonry-container { display: flex; }
.product-detail .tab-content .masonry-container .item { width:25%; }
.product-detail .tab-content .masonry-container .item .thumbnail { background: #f5f5f5; display: inline-block; width: 100%; padding-bottom: 15px; }
.product-detail .tab-content .masonry-container .thumbnail .new-btn { margin-top: 0; }

/* checkout page */
.checkout-page { display: inline-block; width: 100%; }
.checkout-block { display: inline-block; width: 100%; background: #fff; margin-bottom: 30px; }
.checkout-block h3 { font-size: 16px; padding: 15px 20px; margin: 0; background: #ddd; }
.checkout-block .details { display: inline-block; width: 100%; padding: 20px; }
.checkout-block .details span { display: inline-block; margin-top: 30px; }
.checkout-block .details .cost-center .form-control { width: 50%; display: inline-block; }
.checkout-block .details .cost-center .new-btn { display: inline-block; padding: 10px 20px; font-size: 16px; }
.checkout-block .details .table td img { width: 50px; height: 50px; border: solid 1px #e5e5e5; }
.checkout-block .details .table td .form-control { width: 50px; display: inline-block; }
.checkout-block .details .table tfoot td { font-weight: bold; }
.checkout-block .details .table-list { margin-top: 0; }

/* Checkbox and Radio button CSS */
.checkbox-group { display: inline-block; width: auto; vertical-align: top; margin-right: 10px; }
.checkbox-group:focus { outline: 0; }
.checkbox-group .btn { width: auto; background:none; font-weight: normal; border: none; padding: 0; }
.checkbox-group .btn:hover, .checkbox-group .btn.active, .checkbox-group .btn:focus { background: none; box-shadow: none; outline: 0; color: #000; }
.checkbox-group .btn:hover i { color: #4cd178; }
.checkbox-group .btn i { position: relative; display: inline-block; padding-left: 20px; font-size: 25px; vertical-align: top; color: #dbdbdb; margin-top: -3px; }
.checkbox-group .btn i:focus { outline: 0; }
.checkbox-group .btn.active i { color: #4cd178; }
.checkbox-group .btn i:before { content:"\f096"; position: absolute; top: 0; left: 0; }
.checkbox-group .btn.active i:before { content:"\f14a"; position: absolute; top: 0; left: 0; }
.radio-group { display: inline-block; width: auto; }
.radio-group input[type=radio] { position: absolute; top: -9999px; opacity: 0; }
.radio-group .btn { width: auto; background:none; font-weight: normal; border: none; padding: 0; vertical-align: top; }
.radio-group .btn:hover, .radio-group .btn.active { background: none; box-shadow: none; border: none; }
.radio-group .btn i { position: relative; display: inline-block; font-size: 20px; vertical-align: top; width: 16px; height: 16px; background: #ddd; border-radius: 50%; margin-right: 5px; margin-top: 2px; }
.radio-group .btn i:before { content:""; position: absolute; top: 0; left: 0; color: #ddd; }
.radio-group .btn.active i { background: #f37032; }
.radio-group .btn.active i:before { content:"\f111"; position: absolute; top: 3px; left: 4px; color: #fff; font-size: 9px; }
.bottom-align-text { position: absolute; bottom: 0; right: 0;left: 0; padding: 0 5px; }
.bottom-align-text h6 { word-break: break-all; }



/* Budget Page */
.budget-page .new-btn { vertical-align: inherit; }
.budget-page .page-header h1 { vertical-align: sub; margin-right: 30px; margin-bottom: 10px; }
.budget-page .breadcrumb { margin-top: 10px; }
.budget-table { display: inline-block; width: 100%; vertical-align: top; background: #fff; padding: 20px; }
.budget-table .table-wrap { padding: 0; }
.budget-table h2 { font-weight: normal; font-size: 22px; margin-top: 5px; }
.budget-table h2 em { font-size: 16px; color: #999; margin-left: 15px; }
.budget-table .progress { width: 100px; height: auto; }
.budget-table .progress .progress-bar { padding: 3px 0; background: #11c26d; font-size: 15px; color: #000; line-height: 17px; }
.budget-table .progress .progress-bar.red-bar { background: #ff4c52; }
.budget-modal-inline-box { display: -webkit-inline-box!important; line-height: 25px!important; }
.budget-modal-inline-box input { width: 85%; }
.budget-modal-inline-box span { font-size: 100; }
.budget-amount-spent { width: 22%; text-align: right; }

.budget-doughnut { width: 100%!important;height: 100%!important;;  }
.rowchart.charDonut{    position: relative;}
.budget-chartTitle{    position: absolute;    left: 0;    right: 0%;    bottom: 43%; text-align: center;    font-size: 1.2em; font-weight: bold;}
.budget-chart-detail { font-size: 1.2em; }
.budget-chart-detail-value { font-weight: bold; font-size: 2em; }
.graph-parent-div { margin-top: -2%; }
.graph-div { width: 65%;margin-left: -9%; }
.graph-details-div { margin-left: -12%;margin-top: 6%; }
#addEditBudget-modal .status-is-open { vertical-align: top; }

.header-fixed { width: 100% }
.header-fixed &gt; thead,
.header-fixed &gt; tbody,
.header-fixed &gt; thead &gt; tr,
.header-fixed &gt; tbody &gt; tr,
.header-fixed &gt; thead &gt; tr &gt; th,
.header-fixed &gt; tbody &gt; tr &gt; td {    display: block; }
.header-fixed &gt; tbody &gt; tr:after,
.header-fixed &gt; thead &gt; tr:after {    content: ' ';    display: block;    visibility: hidden;    clear: both; }
.header-fixed &gt; tbody { overflow-y: auto; max-height: 400px; }
.header-fixed-budget-program &gt; tbody &gt; tr &gt; td,
.header-fixed-budget-program &gt; thead &gt; tr &gt; th { width: 200px; display: table-cell; table-layout: fixed; border-collapse: collapse; }

.header-fixed-budget &gt; tbody &gt; tr &gt; td,
.header-fixed-budget &gt; thead &gt; tr &gt; th {    width: 12.5%;    float: left; }

.header-fixed thead th { background:#f7f7f8; font-size:15px; color:#444; font-weight:600; padding:15px; border:none; margin-left: -.8%; }
.header-fixed tbody td { font-size:15px; color:#838f9a; padding:8px 15px; border:none; vertical-align: middle; position: relative;     margin-left: -.60%;}

/*.header-fixed-budget-program &gt; thead &gt; tr &gt; th {    width: 14%;    float: left; }
.header-fixed-budget &gt; thead &gt; tr &gt; th {    width: 12.5%;    float: left; }*/

.table-wrap .header-fixed tr:hover td {    background: none!important; }
.text-left { text-align: left; }
.start-label { display:inline-block; background:#42b2a8; font-size:12px; color:#fff; font-weight:bold; padding:7px 15px; border-radius:10px; text-transform:capitalize; }
.stop-label { display:inline-block; background:#e87d80; font-size:12px; color:#fff; font-weight:bold; padding:7px 15px; border-radius:10px; text-transform:capitalize; }
.status-in-progress { display:inline-block; background:#f2a654; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-is-closed { display:inline-block; background:#e4eaec; font-size:11px; color:#666; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-not-started { display:inline-block; background:#57c7d4; font-size:11px; color:#fff; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.btn-rounded { color: #fff; border: solid 1px #fff; border-radius: 50%; background: transparent; font-size: 18px; margin-right: 20px; padding: 2px 13px; }
.btn-rounded:hover { background: #fff; color: #999; }
#budgetProgram-modal .modal-body .form-group .form-control { width: auto; display: inline-block; }
#budgetProgram-modal .modal-body .form-group label { margin-right: 15px; line-height: 18px; }
.budget-delete-btn { padding: 9px 11px!important; }
.curr-progress { display: inline-block; width: 100%; vertical-align: top; margin-top: 10px; }
.curr-progress ul { display: inline-block; width: 100%; vertical-align: top; padding: 0; margin: 0; }
.curr-progress ul li { display: inline-block; width: 100%; }
.curr-progress ul li label { padding-top: 4px; float: left; width: 115px; text-align: right; padding-right: 10px; line-height: 14px; margin-bottom: 0; }
.curr-progress ul li span { line-height: 14px; }
.curr-progress ul li .progress { float: right; width: calc(100% - 115px); height: auto; margin-bottom: 0; }
.curr-progress ul li .progress .progress-bar { padding: 1px 5px; font-size: 12px; text-align: right; color:#000; max-width: 100%; }
.progress .progress-bar.red-bar { background: #ff4c52; }
.progress .progress-bar.blue-bar { background: #0bb2d4; }
.progress .progress-bar.orange-bar { background: #ffa500; }
.progress .progress-bar.green-bar { background: #11c26d; }
.progress .progress-bar.gray-bar { background: darkgray; }
.bud-pro-table.table-list { border: none; margin-top: 50px; margin-bottom: 30px; }
.bud-pro-table.table-list .table { border: none; border-bottom: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3; border-top: solid 1px #c3c3c3; }
.bud-pro-table.table-list .table td, .bud-pro-table.table-list .table th { text-align: center; border-top: solid 1px #c3c3c3; border-left: solid 1px #c3c3c3; }
.bud-pro-table.table-list .table thead tr:first-child td { border: none; }
.bud-pro-table.table-list .table thead tr:first-child td.result { background: #ffffe0; border: solid 1px #c3c3c3; border-bottom: none; line-height: 34px; text-align: left; font-size: 16px; }
.bud-pro-table.table-list .table tr th.result { background: #ffffe0; }
.bud-pro-table.table-list .table tr td.result { background: #ffffe0; }
.bud-pro-table.table-list .table tr td .form-control { height: 30px; width: 80px; text-align: center; display: inline-block; }
.bud-pro-table.table-list .table .result .btn-rounded { float: right; color: #85919c; background: #fff; border: solid 1px #c3c3c3; padding: 2px 9px; }
.bud-pro-table.table-list .table .result .btn-rounded:hover { background: #f37032; color: #fff; }
.bud-pro-table.table-list .table .result strong { color: #000; }
.modal-body .btns-group { display: inline-block; width: 100%; margin-top: 30px; margin-bottom: 10px; }
.modal-body .display-block .form-group { line-height: 34px; }
.modal-body .display-block .form-group label { line-height: 18px; }
.modal-body .display-block .col-md-2 p { line-height: 34px; }
.status-started { display:inline-block; background:#e4eaec; font-size:11px; color:#666; line-height: normal; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
.status-is-open { display:inline-block; background:#62a8ea; font-size:11px; color:#fff; line-height: normal; font-weight:bold; padding:3px 10px; border-radius:2px; text-transform:capitalize; }
#addEditBudget-modal label { font-weight: 600; }

/* Report Page */
.reporting-page .header-block { display: inline-block; width: 100%; vertical-align: top; background: #fff; padding: 15px; margin-top: 20px; }
.reporting-page .header-block h3 { margin: 0; font-size: 24px; display: inline-block; }
.reporting-page .header-block .form-control { width: auto; margin-left: 20px; display: inline-block; }
.year-blocks { display: inline-block; width: 100%; vertical-align: top; margin-top: 20px; }
.year-blocks .white-block { display: inline-block; width: 100%; background: #fff; padding: 20px; margin-bottom: 20px; }
.year-blocks .white-block h3 { margin-top: 0; display: inline-block; width: 100%; color:#ff7f27; }
.year-blocks .white-block .year { float: right; color:#858380; }
.display-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.display-flex .flex-column { display: inline-block; width: 100%; }
.reports-list { display: inline-block; width: 100%; vertical-align: top; margin-top: 20px; max-height: 400px; overflow-y: auto; }
.reports-list li { font-size: 20px; padding-bottom: 15px; border-bottom: solid 1px #f1f1f1; margin-bottom: 15px; }
.reports-list li .fa { margin-right: 10px; color: #a6adb6; font-size: 25px; }

/* Order List Table */
.orderList-table .table .col1 { width: 10%; }
.orderList-table .table .col2 { width: 20%; text-align: left; }
.orderList-table .table .col3 { width: 15%; }
.orderList-table .table .col4 { width: 15%; text-align: center; }
.orderList-table .table .col5 { width: 15%; text-align: left; }
.orderList-table .table .col6 { width: 20%; }
.orderList-table .table .col7 { width: 5%; }
.orderItem-list .table .col1 { width: 35%; }
.orderItem-list .table .col2 { width: 5%; }
.orderItem-list .table .col3 { width: 30%; }
.orderItem-list .table .col4 { width: 20%; text-align: center; }
.orderItem-list .table .col5 { width: 10%; }

#campaignOrderList thead tr { display:flex;flex-wrap:wrap; }
#campaignOrderList thead tr th { display:block; }
/*#campaignOrderList tbody { display:inline-block; }*/
#campaignOrderList tbody tr { display:flex;flex-wrap:wrap; }
#campaignOrderList tbody td { display:block; }
#changeOrderTD { width: 100%!important;display:block!important;flex:auto!important; }
#changeOrderTD table tr { background-color: #dadada; }
#changeOrderTD .table .label-status-new-proj { background:#838f9a; }

.changeOrders .label-status-new-proj {    color: white;background: #b7b6b5; float: right; }

.orderlist-header .page-header-actions { right: 0; }
.asset-filter { margin-top: 11px; margin-right: 15px; }
.table.dashboard-task-list thead th, .table.dashboard-task-list tbody td { padding: 10px; }
.table.dashboard-task-list .col1 { width: 5%; }
.table.dashboard-task-list .col2 { width: 25%; text-align: left; }
.table.dashboard-task-list .col3 { width: 40%; text-align: left; }
.table.dashboard-task-list .col4 { width: 20%; }
.table.dashboard-task-list .col5 { width: 10%; }
.table tr td.no-records-column { padding: 0; }
.table tr td.no-records-column .no-more-msg { margin-top: 0; }
.table tr td.no-records-column .no-more-msg .alert { margin: 0; text-align: center; }

.header-fixedmytask { width: 100% }
.header-fixedmytask &gt; thead,
.header-fixedmytask &gt; tbody,
.header-fixedmytask &gt; thead &gt; tr,
.header-fixedmytask &gt; tbody &gt; tr,
.header-fixedmytask &gt; thead &gt; tr &gt; th,
.header-fixedmytask &gt; tbody &gt; tr &gt; td {    display: block; }
.header-fixedmytask &gt; tbody &gt; tr:after,
.header-fixedmytask &gt; thead &gt; tr:after {    content: ' ';    display: block;    visibility: hidden;    clear: both; }
.header-fixedmytask &gt; tbody { overflow-y: auto; max-height: 440px; }

.header-fixed-dashboard &gt; tbody &gt; tr &gt; td,
.header-fixed-dashboard &gt; thead &gt; tr &gt; th { display: table-cell; table-layout: fixed; border-collapse: collapse; }

.dashboard-wrapper .content-block h3 .new-btn { padding: 4px 9px; }
.dashboard-wrapper .content-block .right-btns { width: 100px; }
.dashboard-wrapper .content-block h3 { margin: 25px 0; }
.dashboard-wrapper .content-block .right-btns-task { width: 100px; top: 5px; }
.dashboard-wrapper .content-block .uptoweek { padding-left: 0; }
.dashboard-wrapper .content-block .overdue { padding-left: 0; }
.dashboard-wrapper .content-block .panel-heading select.form-control { float: left; width: 130px; margin-top: 18px; margin-left: 5px; }
.top-row { float: left; width: 100%; }
.bot-row { float: left; width: 100%; }

.wip-filter-dd .navbar-nav .dropdown-menu &gt; li a { float: left; width: 100%; }
.wip-filter-dd .navbar-nav .dropdown-menu &gt; li { display: inline-block; width: 100%; padding: 0; }
.wip-filter-dd .navbar-nav .dropdown-menu &gt; li .fa { font-size: 14px; display: inline-block; vertical-align: initial; }
.wip-filter-dd .navbar-nav .dropdown-menu &gt; li .wip-owner-search .fa { font-size: 11px; }
.wip-filter-dd .navbar-nav .dropdown-menu &gt; li .chkbox { height: 23px; width: 20px; }
.wip-filter-dd .navbar-nav .dropdown-menu &gt; li span { vertical-align: top; }
.disable-bookmark-on-wip { color: #ccc !important; }
.save-reposition-active { position: absolute; top: 25px; right: 10px }

.jobList-header .page-header-actions .edit-btn { margin-right: 5px; }
.stages-table .col1 { width: 25%; }
.stages-table .col2 { width: 10%; }
.stages-table .col3 { width: 25%; }
.stages-table .col4 { width: 20%; }
.stages-table .col5 { width: 20%; }
.stages-table th .chkbox, .stages-table th .chkbox-archive, .stages-table th .chkbox-email { float: none; display: inline-block; vertical-align: bottom; }
.stages-table td .chkbox, .stages-table td .chkbox-archive, .stages-table td .chkbox-email { float: none; display: inline-block; vertical-align: bottom; }
.job-users-table th .chkbox, .job-users-table th .chkbox-archive, .job-users-table th .chkbox-email { float: none; display: inline-block; vertical-align: bottom; margin-right: 0; }
.job-users-table td .chkbox, .job-users-table td .chkbox-archive, .job-users-table td .chkbox-email { float: none; display: inline-block; vertical-align: bottom; margin-right: 0; }

/* Campaigns Item Listing */
.camp-items-listing { display: inline-block; width: 100%; }
.camp-items-listing .heading { display: block; padding: 3px 10px 3px 60px; background: #e7e7e7; position: relative; }
.camp-items-listing .heading .num { width: 35px; height: 35px; border-radius: 50%; color: #fff; position: absolute; top:7px; left: 10px; text-align: center; line-height: 35px; font-size: 17px; }
.camp-items-listing .heading .color1 { background: #faed47; }
.camp-items-listing .heading .color2 { background: #f79721; }
.camp-items-listing .heading .color3 { background: #ea3f3e; }
.camp-items-listing .heading .color4 { background: #df0065; }
.camp-items-listing .heading .color5 { background: #01ac3d; }
.camp-items-listing .heading h3 { font-size: 17px; font-weight: normal; margin: 5px 0 0; }
.camp-items-listing ul { display: inline-block; width: 100%; padding: 0; margin: 0 0 15px; list-style: none; border: solid 1px #e7e7e7; max-height: 250px; overflow-y: auto; }
.camp-items-listing ul li { display: block; padding: 0; }
.camp-items-listing ul li:last-child { border-bottom: none; }
.camp-items-listing ul li span { display: block; border-bottom:1px solid #e7e7e7; }
/*.camp-items-listing ul li span:last-child { border-bottom: none; }*/
.camp-items-listing ul.single li { border-bottom:1px solid #e7e7e7; }
.camp-items-listing ul li a { display: block; padding:15px 20px; }
.camp-items-listing ul li a:hover { background: #e7e7e7; text-decoration: none; }
.camp-items-listing .row { display: flex; flex-wrap: wrap; justify-content: space-between; }
.camp-items-listing .row .col-md-2 { width: 20%; flex-grow: 1; }

#job-combined-preview.modal .modal-header { position: -webkit-sticky; position: sticky; top: 0; z-Index: 999; }
.stickyHeader { position: -webkit-sticky; position: sticky; top:65px; z-Index:998; border-bottom:1px dotted #ccc; background: #fff; }
.stickyChannelHeader { position: -webkit-sticky; position: sticky; top:133px; z-Index:998; border-bottom:1px dotted #ccc; background: #fff; }
.text-right { text-align: right; }


/* CUSTOM CHECKBOX N RADIO BUTTON */
.custom-checkbox { vertical-align:top;display: inline-block; width: 27px; height: 27px; position: relative; color:#3d3d3d; margin:0; white-space: inherit;line-height: 27px; font-weight: 500;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.custom-checkbox label { margin: 0;padding:0;cursor: pointer; display: inline-block; width: 27px; height: 27px; }
.custom-checkbox input[type="checkbox"] {display: none;}
.custom-checkbox input[type="checkbox"] + span { width: 27px; height: 27px; display: inline-block; position: relative; }
.custom-checkbox input[type="checkbox"] + span:after { content: ""; display: block; position:absolute; top: 6px; left: 10px; width: 8px; height: 13px; border:none; border-width: 0 3px 3px 0 !important; transform: rotate(45deg); border: solid #ccc; }
.custom-checkbox input[type="checkbox"]:checked + span { background: #e9ebee; }
.custom-checkbox input[type="checkbox"]:checked + span:after { border: solid #4b5158; }
.custom-checkbox input[type="checkbox"]:disabled + span {opacity: .5;}

/* Custom Checkbox and radio button */
.custom-radio1, .custom-checkbox1 { vertical-align:top; display: inline-block; width: 100%; cursor: pointer; position: relative; padding:0 0 0 25px; margin-right:10px; text-transform: inherit; margin-bottom:7px; white-space: inherit; text-align:left; font-size: 14px; color: #4A4A4A; line-height: 18px; font-weight: normal; }
.custom-checkbox1 input[type="checkbox"], .custom-radio1 input[type="radio"] {display: none;}
.custom-checkbox1 input[type="checkbox"] + span { display: inline-block; width:17px; height:17px; margin-right:10px; position: absolute; left:0; background:#fff; border-radius: 1px; border: solid 2px #656769; }
.custom-checkbox1 input[type="checkbox"]:checked + span { display: inline-block; width:18px; height:18px; margin-right:10px; position: absolute; left:0; background:#7FBB52; border-radius: 1px; border: solid 2px #7FBB52; }
.custom-checkbox1 input[type="checkbox"]:checked + span:after { content: ''; position: absolute; top: 0px; left: 4px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.custom-radio1 input[type="radio"] + span { display: inline-block; width:18px; height:18px; margin-right:10px; position:absolute; left:0; background:#fff; border-radius:50%; border: solid 2px #656769; }
.custom-radio1 input[type="radio"] + span + em { font-style: normal; }
.custom-radio1 input[type="radio"]:checked + span + em { font-weight: bold; }
.custom-radio1 input[type="radio"]:checked + span:after { content: ''; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; background: #000; FONT-VARIANT: JIS04; transform: rotate(45deg); border-radius: 50%; }
.custom-checkbox1 input[type="checkbox"]:disabled + span,.custom-radio1 input[type="radio"]:disabled + span {opacity: .5;}


/* Labels */
.label-status-approved { background: #46be8a; color:#fff; }
.label-status-rejected { background: #f96868; color:#fff; }
.float-none { float: none; }


/* Switch Button */
.switch { position: relative; display: inline-block; width: 36px;height: 14px;margin: 10px 0; vertical-align: middle; }
.switch input { opacity: 0;width: 0;height: 0; }
.switch .slider { position: absolute; cursor: pointer;top: 0; left: 0; right: 0; bottom: 0; background-color: #9b9b9b;  -webkit-transition: 0.4s; transition: 0.4s; }
.switch .slider:before { position: absolute; content: "";  height: 20px; width: 20px;  left: 0;  bottom: -3px;  background-color: #fafafa; -webkit-transition: 0.4s;  transition: 0.4s; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2); }
.switch input:checked + .slider {  background-color: #46be8a;}
.switch input:disabled + .slider {  opacity: 0.4;  cursor: not-allowed;}
.switch input:focus + .slider {  box-shadow: 0 0 1px #a6cfdc;}
.switch input:checked + .slider:before {  -webkit-transform: translateX(20px);  -ms-transform: translateX(20px); transform: translateX(20px); }
.switch .slider.round {  border-radius: 34px;}
.switch .slider.round:before { border-radius: 50%;}



/* =================================================================== */
/*                    Responsive Media Queries                         */
/* =================================================================== */
@media screen and (min-width: 2000px) {
    .tree-view .tree {
        max-width: 100% !Important;overflow-x: auto !Important;
    }
    .prod-library .tree-view { width: 400px; height: 100%; overflow: auto !Important; }
    .rowProduct{
        margin-left: 11% !IMPORTANT;
    }
    /*
    .tree-view .tree { width:215px; }*/
}
@media (max-width:1600px) {
    .user-profile .right-panel .tab-content .friend-list { height: 400px; }
}
@media (min-width: 1550px){/*for extra large screen*/
    .colOnTreeView { width: 24.666667%; }
}
@media (max-width:1500px) {

}
@media (max-width:1400px) {
    .masonry-container .item { width:33.33%; }
    .camp-items-listing .row .col-md-2 { padding: 0 8px; }
}
@media (min-width:1200px) and (max-width:1600px) {
    .dashboard-wrapper .pending-quotes .content-block .right-btns { top:10px; right:10px; text-align:right; }
    .dashboard-wrapper .pending-quotes .content-block .overweek .fa, .dashboard-wrapper .pending-quotes .content-block .uptoweek .fa, .dashboard-wrapper .pending-quotes .content-block .overdue .fa { font-size:11px; }
    .dashboard-wrapper .pending-quotes .content-block ul li .fa { font-size: 15px!important; }
    .asset-files .files-block { height:250px; }
    .table.dashboard-task-list .col4 { display: none; }
}
@media (min-width:1200px) {
    .modal .modal-dialog.modal-xl { width: 1199px; }
    .site-menubar-unfold .nav_logo { margin-top: 2px; margin-left: 25px; }
    .site-menubar-fold .nav_logo { margin-top: 2px; margin-left: 1px; }
    .layout-boxed { background: #e4eaec; }
    .layout-boxed,.layout-boxed .site-navbar { max-width: 1320px; margin-left: auto; margin-right: auto; }
    .css-menubar .site-menubar-flipped .page,.css-menubar .site-menubar-flipped .site-footer { margin-right: 260px; margin-left: 0; }
    .pricing-table .pricing-column-four { width: 25%; }
    .pricing-table .pricing-column-five { width: 20%; }
    .pricing-table .pricing-column-five.featured,.pricing-table .pricing-column-four.featured { top: -30px; padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px; }
    .blocks-lg-100&gt;li { width: 100%; }
    .blocks-lg-2&gt;li { width: 50%; }
    .blocks-lg-3&gt;li { width: 33.33333333%; }
    .blocks-lg-4&gt;li { width: 25%; }
    .blocks-lg-5&gt;li { width: 20%; }
    .blocks-lg-6&gt;li { width: 16.66666667%; }
    .width-lg-50 { width: 50px; }
    .width-lg-100 { width: 100px; }
    .width-lg-150 { width: 150px; }
    .width-lg-200 { width: 200px; }
    .width-lg-250 { width: 250px; }
    .width-lg-300 { width: 300px; }
    .width-lg-350 { width: 350px; }
    .width-lg-400 { width: 400px; }
    .width-lg-450 { width: 450px; }
    .width-lg-500 { width: 500px; }
    .height-lg-50 { height: 50px; }
    .height-lg-100 { height: 100px; }
    .height-lg-120 { height: 120px; }
    .height-lg-150 { height: 150px; }
    .height-lg-200 { height: 200px; }
    .height-lg-250 { height: 250px; }
    .height-lg-300 { height: 300px; }
    .height-lg-350 { height: 350px; }
    .height-lg-400 { height: 400px; }
    .height-lg-450 { height: 450px; }
    .height-lg-500 { height: 500px; }
    .margin-lg-0 { margin: 0!important; }
    .colOnTreeView { width: 20.001%; }

}
@media (max-width:1199px) {
    .page-aside { width: 220px; }
    .page-aside + .page-main { margin-left: 220px; }
    .action-btns { display: block; }
    .sub-panel .panel .edit-btn { display: block; }
    .sub-panel .sub-level-listing .campaign-block .edit-btn { display: inline-block; }
    .quotes-page .new-btn { position: absolute; padding: 9px 10px; right: 80px; top: 35px; background: #fff; min-width: 47px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: solid 1px #bac1c7; font-size: 13px; font-weight: bold; color: #85919c; }
    .table-list .table .icons { display: block; }
    .table-list .lbl-section, .table-list .lbl-spec, .table-list .lbl-size { display: none; }
    .product-table .table tr:last-child { border: none; }
    .table tr:last-child { border: none; }
    .page-aside { left: 80px; }
    .asset-sub-header { width: calc(100% - 90px); }
    .camp-items-listing .row .col-md-2 { width: 33.33%; }

}
@media screen and (max-width:767px),screen and (min-width:1200px) {
    .css-menubar .site-menu-category { -webkit-transition: all .25s,font .1s .15s,color .1s .15s; -o-transition: all .25s,font .1s .15s,color .1s .15s; transition: all .25s,font .1s .15s,color .1s .15s; font-size: 15px; padding: 0 24px; color: #76838f; line-height: 46px; text-transform: uppercase; margin-top: 20px; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-title { font-size: 16px; }
    .css-menubar .site-menu-icon { margin-right: 16px; padding-top:14px; }
    .css-menubar .site-menu .site-menu-sub { display: none; }
    .css-menubar .site-menu-item { -webkit-transition: -webkit-transform .1s,all .25s,border 0; -o-transition: -o-transform .1s,all .25s,border 0; transition: transform .1s,all .25s,border 0; line-height:24px; }
    .css-menubar .site-menu-item.open&gt;a .site-menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    .css-menubar .site-menu-item.open&gt;.site-menu-sub { display: block; }
    .css-menubar .site-menu-item:not(.open)&gt;a .site-menu-arrow { -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
    .css-menubar .site-menu-item:not(.open)&gt;.site-menu-sub { display: none; }
    .css-menubar .site-menu&gt;.site-menu-item &gt; a { padding: 0 25px; line-height:50px; }
    .css-menubar .site-menubar-fold .site-menu&gt;.site-menu-item&gt;a { line-height:24px; }
    .css-menubar .site-menu&gt;.site-menu-item .site-menu-title { display: inline-block; max-width: 140px; }
    .css-menubar .site-gridmenu { width: 260px; }
    .css-menubar .site-menubar-footer { width: 220px; }
    .css-menubar [data-toggle=menubar] .hamburger-arrow-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
    .hamburger.hamburger-arrow-left .hamburger-bar { border-radius: .2em; }
    .css-menubar .site-menu-item:hover&gt;.site-menu-sub { display: block; }
    .css-menubar .site-menubar-flipped .site-navbar .navbar-container { margin-right: 260px; margin-left: 0; }
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .site-menubar-unfold .nav_logo { margin-top: 2px;  margin-left: 25px; }
    .site-menubar-fold .nav_logo { margin-top: 10px; margin-left: 1px; }
    /*.css-menubar .page,.css-menubar .site-footer { margin-left: 90px; }*/
    .css-menubar .site-navbar .navbar-brand { float: none; text-align: center; }
    .css-menubar .site-navbar .navbar-brand-text { display: none; }
    .css-menubar .site-menu { overflow: visible; }
    .css-menubar .site-menu-category { font: 0/0 a; color: transparent; text-shadow: none; height: 2px; background: #242f35; margin: 0;}
    .css-menubar .site-menu-category:first-child { visibility: hidden;}
    .css-menubar .site-menu&gt;.site-menu-item { font-size: 14px;}
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-title { visibility:hidden; }
    .css-menubar .site-menubar-unfold .site-menu&gt;.site-menu-item&gt;a .site-menu-title { visibility:visible; margin-left:20px; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-arrow { -webkit-transition: visibility 0; -o-transition: visibility 0; transition: visibility 0; visibility: hidden; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-icon { visibility: visible; opacity: 1; font-size: 24px; margin-right: 0; line-height: 16px; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-badge { left:50px; top:-15px; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;a .site-menu-label { display: none; }
    .css-menubar .site-menu&gt;.site-menu-item.active { border-top: none; border-bottom: none; }
    /*.css-menubar .site-menu&gt;.site-menu-item.active&gt;a .site-menu-icon,.css-menubar .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-icon,.css-menubar .site-menu&gt;.site-menu-item.open&gt;a .site-menu-icon { visibility: visible; opacity: 1; }
    .css-menubar .site-menu&gt;.site-menu-item.active&gt;a .site-menu-title,.css-menubar .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-title,.css-menubar .site-menu&gt;.site-menu-item.open&gt;a .site-menu-title { opacity: 1; visibility: visible; }
    .css-menubar .site-menu&gt;.site-menu-item.active&gt;a .site-menu-badge,.css-menubar .site-menu&gt;.site-menu-item.hover&gt;a .site-menu-badge,.css-menubar .site-menu&gt;.site-menu-item.open&gt;a .site-menu-badge { display: none; }*/
    .css-menubar .site-menu .site-menu-sub .site-menu-sub { display: none; }
    .css-menubar .site-menu .site-menu-sub .site-menu-item.open&gt;a .site-menu-arrow { -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    .css-menubar .site-menu .site-menu-sub .site-menu-item.open&gt;.site-menu-sub { display: block; }
    .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)&gt;a .site-menu-arrow { -ms-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
    .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)&gt;.site-menu-sub { display: none; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;.site-menu-sub { -webkit-transition: visibility .25s,opacity .25s; -o-transition: visibility .25s,opacity .25s; transition: visibility .25s,opacity .25s; position: absolute; left: 90px; top: 0; width: 240px; background: #242f35; visibility: hidden; opacity: 0; overflow-y: auto; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;.site-menu-sub-up { top: auto; bottom: 0; }
    .css-menubar .site-menu&gt;.site-menu-item&gt;.site-menu-sub .site-menu-item&gt;a { padding: 0 20px; }
    .css-menubar .site-menu&gt;.site-menu-item.hover&gt;.site-menu-sub { visibility: visible; opacity: 1; }
    .css-menubar .site-menubar-light .site-menu-category { background: rgba(53,131,202,.05); }
    .css-menubar .site-menubar-light .site-menu&gt;.site-menu-item&gt;.site-menu-sub { -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.08); box-shadow: 2px 1px 2px rgba(0,0,0,.08); background: #f3f8fb;}
    /*.css-menubar .site-menubar { width: 90px; }*/
    .css-menubar .site-menubar-section { padding: 30px; border-top: 2px solid #242f35; border-bottom: 2px solid #242f35; margin-top: 0; }
    .css-menubar .site-menubar-section&gt;h4,.css-menubar .site-menubar-section&gt;h5 { display: none; }
    .css-menubar .site-menubar-light .site-menubar-section { border-top: 2px solid rgba(53,131,202,.05); border-bottom: 2px solid rgba(53,131,202,.05); }
    .css-menubar .site-gridmenu { width: 90px; }
    .css-menubar .site-gridmenu li { float: none; width: 100%; }
    .css-menubar .site-gridmenu li&gt;a { padding: 15px 0; }
    .css-menubar .site-gridmenu-toggle:after { display: none; }
    .css-menubar .site-menubar-footer { width: 90px; }
    .css-menubar .site-menubar-footer&gt;a { display: none; }
    .css-menubar .site-menubar-footer&gt;a.fold-show { width: 100%; float: none; display: block; }
    /*.css-menubar .site-menu&gt;.site-menu-item:hover&gt;a .site-menu-icon { visibility: hidden; opacity: 0; }*/
    .css-menubar .site-menu&gt;.site-menu-item:hover&gt;a .site-menu-title { opacity: 1; visibility: hidden; }
    .css-menubar .site-menu&gt;.site-menu-item:hover&gt;a .site-menu-badge { display: none; }
    .css-menubar .site-menu-item:hover&gt;.site-menu-sub { visibility: visible; opacity: 1; }
    /*.css-menubar .site-navbar .navbar-header { width: 90px; }*/
    .css-menubar .site-navbar .navbar-container { margin-left: 90px; }
    .css-menubar .site-menubar-flipped .page,.css-menubar .site-menubar-flipped .site-footer { margin-right: 90px; margin-left: 0; }
    .css-menubar .site-menubar-flipped .site-menu&gt;.site-menu-item&gt;.site-menu-sub { left: auto; right: 90px; }
    .css-menubar .site-menubar-flipped .site-navbar .navbar-container { margin-right: 90px; margin-left: 0; }
    .page-header { margin:0 0 20px; display:inline-block; width:100%; }
    .sub-panel .panel .start-due { padding-top: 0px; padding-bottom: 13px; width: 78%; padding-left: 14px; }
    .page-header-actions { top:30%; position: static; float: right; margin-top: 10px; }
    .page-header-actions .new-btn { margin-bottom: 5px; }
    .modal .modal-dialog { width:700px; }
    .width-sm-50 { width: 50px; }
    .width-sm-100 { width: 100px; }
    .width-sm-150 { width: 150px; }
    .width-sm-200 { width: 200px; }
    .width-sm-250 { width: 250px; }
    .width-sm-300 { width: 300px; }
    .width-sm-350 { width: 350px; }
    .width-sm-400 { width: 400px; }
    .width-sm-450 { width: 450px; }
    .width-sm-500 { width: 500px; }
    .width-sm-100pc { width: 100%; }
    .height-sm-50 { height: 50px; }
    .height-sm-100 { height: 100px; }
    .height-sm-120 { height: 120px; }
    .height-sm-150 { height: 150px; }
    .height-sm-200 { height: 200px; }
    .height-sm-250 { height: 250px; }
    .height-sm-300 { height: 300px; }
    .height-sm-350 { height: 350px; }
    .height-sm-400 { height: 400px; }
    .height-sm-450 { height: 450px; }
    .height-sm-500 { height: 500px; }
    .dashboard-wrapper .content-block { height:auto; }
    .dashboard-wrapper .Twitter .content-block { height:400px; }
    .items-total { width:70%; padding-right:15px; }
    .quote-info .panel-heading .panel-title a { width:60%; }
    .tree-view .tree { width:215px; }
    .chat-search input { width:150px; }
    .asset-library .page-header .new-btn { right:154px; }
    .vault-wrapper .files-block { height:310px; }
    .action-btns { margin-top:13px; right: 0; }
    .user-profile { height: auto; }
    .user-profile .left-panel { margin-bottom: 20px; }
    .navbar-toolbar { margin-right: 0; }
    .header-legends { margin-right:10px; margin-top: 4px; }
    .collection-item .table-list .action-btns { margin-top: 0; transform: translateY(-50%); }
    .orderlist-header .page-header-actions { margin-top: 0; }


}
@media (min-width:768px) {
    .site-menubar-fold .site-navbar .navbar-header { width: 90px; }
    .site-menubar-fold .site-navbar .navbar-container { margin-left: 90px; }
    .site-menubar-flipped .navbar-header {float: right;}
    .site-menubar-unfold.site-menubar-flipped .site-navbar .navbar-container {margin-right: 260px; margin-left: 0; }
    .site-menubar-fold.site-menubar-flipped .site-navbar .navbar-container { margin-right: 90px; margin-left: 0; }
    .form-inline .checkbox-custom,.form-inline .radio-custom { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .form-inline .checkbox-custom label,.form-inline .radio-custom label { padding-left: 0; }
    .form-inline .checkbox-custom input[type=checkbox],.form-inline .radio-custom input[type=radio] { position: relative; margin-left: 0; }
    .form-inline .radio-custom label { padding-left: 10px; }
    .form-inline .checkbox-custom label { padding-left: 10px; }
    .form-inline .checkbox-custom input[type=checkbox] { position: absolute; margin-left: -20px; }
    .form-inline .radio-custom input[type=radio] { position: absolute; margin-left: -20px; }
    .pricing-table .pricing-column-three { width: 33.33%; }
    .pricing-table .pricing-column-three.featured { top: -30px; padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px; }
    .pricing-table .pricing-column-four { width: 50%; }
    .pricing-table .pricing-column-five { width: 50%; }
}
@media (max-width:992px) {
    /* Common Responsive Table */
    .table, .table thead, .table tbody, .table th, .table td, .table tr { display:block!important; background:#fff; }
    .table { float:left; width:100%; background:#fff; }
    .table thead tr { position:absolute; top:-9999px; left:-9999px; }
    .table tr { margin-bottom:10px; float:left; border-bottom:solid 1px #ddd; width:100%; }
    .table td { border:none; float:left; border-bottom:1px solid #e5e5e5; position: relative; text-align:left!important; word-wrap:break-word; width:100%!important; padding-left:45%!important; padding-top:8px!important; padding-bottom:8px!important; font-size:12px; min-height: 37px; overflow: hidden; text-overflow: ellipsis; }
    .table&gt;tbody&gt;tr&gt;td { border-top: none; }
    .table td:before { content: attr(data-title); position: absolute; top:8px; left:8px; width:47%; padding-right: 10px; word-wrap:break-word; text-align:left; font-weight:bold; line-height:16px; }
    .product-table .table td { height:auto; }
    .masonry-container .item { width:50%; }
    #addEditBudget-modal .text-right { text-align: left!important; }
    .col-sm-padd-rt-0 { padding-right: 0; }
    .quote-info .item-total { width: calc(100% - 50%); }
    .quote-info .change-item-total { width: calc(100% - 50%); }
    .budget-table .progress { width: 100%; }
    .budget-table .progress .progress-bar { white-space: nowrap; }
    .tasklist-header .header-legends { margin-top: -34px; }
    .tasklist-header .page-header-actions { margin-top: -30px; }
    .myWipNavbar .container-fluid ul { width:100%; margin: 0 0 10px; padding: 10px; }
    .myWipNavbar .container-fluid ul li.btns { float:right; }
    .table.wip-table td a { padding: 0; }
    .wipExportBtnProcurement { margin-right:0; }
    .navbar-nav&gt;li.selectedWipType a { padding-left: 0; }
    .file-upload .btn { margin-bottom: 10px; }
    .jobList-header { float: right; }
    .timeline-header { float: right; }
    .timeline-table { margin-top: 0; }
    .dashboard-wrapper .content-block .table-list .table td .overdue { margin: 0; }
    .dashboard-wrapper .content-block .table-list .table td .overweek { margin: 0; }
    .dashboard-wrapper .content-block .table-list .table td .uptoweek { margin: 0; }
    .quote-info .qty-table.table-wrap .table td { padding-left:45%!important; }
    .camp-items-listing .row .col-md-2 { width: 50%; }
    .download-section { width: 60%; }


}
@media (max-width:767px) {
    .page-login.indicia-login-page .signin { padding: 15px; min-width: 100%; }
    .page-login.indicia-login-page.page-dark.layout-full .brand { margin-top: 20px; }
    .page-login.indicia-login-page.page-dark.layout-full .brand .brand-img-iww { width: 150px; margin: 0; }
    .page-login.indicia-login-page.page-dark.layout-full .brand .brand-img-km { width: 80px; margin: 0; }

    .detour { display: none; }
    .width-xs-50 { width: 50px; }
    .width-xs-100 { width: 100px; }
    .width-xs-150 { width: 150px; }
    .width-xs-200 { width: 200px; }
    .width-xs-250 { width: 250px; }
    .width-xs-300 { width: 300px; }
    .width-xs-350 { width: 350px; }
    .width-xs-400 { width: 400px; }
    .width-xs-450 { width: 450px; }
    .width-xs-500 { width: 500px; }
    .width-xs-100pc { width: 100%; }
    .height-xs-50 { height: 50px; }
    .height-xs-100 { height: 100px; }
    .height-xs-120 { height: 120px; }
    .height-xs-150 { height: 150px; }
    .height-xs-200 { height: 200px; }
    .height-xs-250 { height: 250px; }
    .height-xs-300 { height: 300px; }
    .height-xs-350 { height: 350px; }
    .height-xs-400 { height: 400px; }
    .height-xs-450 { height: 450px; }
    .height-xs-500 { height: 500px; }
    .margin-xs-0 { margin: 0!important; }
    .modal .modal-dialog { width:auto; }
    .site-navbar-collapse-show .slidePanel.slidePanel-left,.site-navbar-collapse-show .slidePanel.slidePanel-right { margin-top: 135px; height: -webkit-calc(100% - 135px); height: calc(100% - 135px); }
    .site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right { width: 100%; }
    .site-action-buttons { top: -100px; }
    .site-action .btn { width: 40px; height: 40px; padding: 0; font-size: 15px; -webkit-box-shadow: 0 6px 6px 0 rgba(60,60,60,.1); box-shadow: 0 6px 6px 0 rgba(60,60,60,.1); }
    .page-wrap { overflow: hidden; }
    .page-aside { position: fixed; margin-top: 66px; height: -webkit-calc(100% - 66px);  height: calc(100% - 66px); width: 0; border-color: transparent; z-index: 1100; }
    .page-aside .page-aside-inner { height: 100%; overflow: auto; background-color: #fff; border-right: 1px solid #e4eaec; opacity: 0;}
    .page-aside.open {width: 260px;}
    .page-aside.open .page-aside-inner { opacity: 1; }
    .page-aside.open .page-aside-switch .wb-chevron-right { display: none; }
    .page-aside.open .page-aside-switch .wb-chevron-left {  display: inline; }
    .page-aside+.page-main { margin-left: 0; }
    .page-aside-switch { display: block; }
    .page-aside-switch .wb-chevron-left {display: none; }
    .site-navbar-collapse-show .page-aside { margin-top: 132px; height: -webkit-calc(100% - 132px); height: calc(100% - 132px); }
    .site-menubar-unfold .page,.site-menubar-unfold .site-footer { margin-left: auto; }
    /*.site-menubar-unfold .page { margin-top: 26px; }*/
    .site-menubar-open .page,.site-menubar-open .site-footer { -ms-transform: translate(260px,0); -ms-transform: translate3d(260px,0,0); -webkit-transform: translate3d(260px,0,0); transform: translate3d(260px,0,0); }
    .site-menubar-changing .page,.site-menubar-changing .site-footer { -webkit-transition: -webkit-transform .25s; -o-transition: -o-transform .25s; transition: transform .25s; }
    .site-gridmenu { width: 100%!important; background: rgba(38,50,56,.9); }
    .site-menubar-hide .site-menubar,.site-menubar-open .site-menubar { -webkit-transition: -webkit-transform .25s,top .35s,height .35s; -o-transition: -o-transform .25s,top .35s,height .35s; transition: transform .25s,top .35s,height .35s; }
    .site-menubar-open .site-menubar { -ms-transform: translate(0,0); -ms-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); width:260px; }
    .site-navbar-collapsing { -webkit-transition: padding-top .35s; -o-transition: padding-top .35s; transition: padding-top .35s; }
    body.site-navbar-collapse-show { padding-top: 132px; }
    .site-navbar .brand { display: none; }
    .site-navbar .brand-mobile { display: block; }
    .site-menubar { top: 66px; height: -webkit-calc(100% - 66px);height: calc(100% - 66px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -ms-transform: translate(-260px,0); -ms-transform: translate3d(-260px,0,0); -webkit-transform: translate3d(-260px,0,0); transform: translate3d(-260px,0,0); }
    .site-menubar ul { width:260px; }
    .site-navbar-collapse-s how .site-menubar { top: 132px; height: -webkit-calc(100% - 132px); height: calc(100% - 132px); }
    .site-menubar-footer { visibility: hidden; }
    .site-menubar-open .site-menubar-footer { visibility: visible; }
    body.site-menubar-open { overflow: hidden; }
    .site-menubar-flipped.site-menubar-unfold .page,.site-menubar-flipped.site-menubar-unfold .site-footer { margin-left: 0; margin-right: auto; }
    .site-menubar-flipped.site-menubar-open .page,.site-menubar-flipped.site-menubar-open .site-footer { -ms-transform: translate(-260px,0); -ms-transform: translate3d(-260px,0,0); -webkit-transform: translate3d(-260px,0,0); transform: translate3d(-260px,0,0); }
    .site-menubar-flipped.site-menubar-open .site-menubar {-ms-transform: translate(0,0); -ms-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    .site-menubar-flipped .site-menubar { -ms-transform: translate(260px,0); -ms-transform: translate3d(260px,0,0); -webkit-transform: translate3d(260px,0,0); transform: translate3d(260px,0,0); }
    .widget-left { position: relative; width: 100%; height: 320px; }
    .widget-left+.widget-body { margin-left: 0; width: 100%; }
    .timeline { margin-left: 7px; }
    .timeline .timeline-dot { margin-left: -7px; }
    .timeline:before {left: 0; }
    .timeline li.timeline-reverse,.timeline&gt;li { float: none; width: 100%; padding-right: 0; padding-left: 40px; margin-top: 0;  margin-bottom: 60px; }
    .timeline-content { float: none; }
    .timeline-dot { right: auto; left: 0; margin-right: 0; margin-left: -7px; }
    .timeline-info { display: inline-block; float: none; }
    .timeline-footer { right: auto; bottom: -26px; left: 0; margin-right: 0; margin-left: 40px; }
    .timeline-icon { margin-left: 20px; }
    .timeline-icon .timeline-dot { margin-left: -20px; }
    .timeline-avatar { margin-left: 20px; }
    .timeline-avatar .timeline-dot { margin-left: -20px; }
    .timeline-avatar-sm { margin-left: 15px; }
    .timeline-avatar-sm .timeline-dot { margin-left: -15px; }
    .timeline-avatar-lg { margin-left: 25px; }
    .timeline-avatar-lg .timeline-dot { margin-left: -25px; }
    .timeline-feed { margin-left: 15px; }
    .timeline-feed .timeline-dot { margin-left: -15px; }
    .timeline-feed&gt;li { padding-right: 30px; margin-bottom: 22px; }
    .example-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .navbar { margin-bottom:0; }
    .site-navbar .navbar-header { width:100%; float:left; padding:0; }
    .site-navbar .navbar-header .top-logo { margin-left:85px; margin-top:13px; }
    .page .widget .widget-content { min-width:inherit!important; }
    .navbar-search-overlap { left:0; z-index:9; margin-left: 0; width: 100%; }
    .navbar-search-overlap .input-search-close { display: block; }
    .navbar-search-overlap.collapse { display: none; }
    .navbar-search-overlap.collapse.in { display: block; }
    .site-menubar-unfold .navbar-search-overlap { left:0; top:66px; }
    .hidden-xs { display: none !important; }
    .modal .modal-dialog { width:auto; }
    .quote-info .panel-heading .panel-title { text-align:right; }
    .quote-info .panel-heading .panel-title span { padding-bottom:15px; }
    .quote-info .panel-heading .panel-title a { width:100%; padding:15px 0 5px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
    .quote-info .item-total { width: calc(100% - 30%); }
    .quote-info .change-item-total { width: calc(100% - 30%); }
    .listing-title .detail-box { display:none; }
    .dashboard-wrapper .content-block { height:auto; }
    .dashboard-wrapper .Twitter .content-block { height:400px; }
    .dashboard-wrapper .faq ul li { padding:10px 20px; }
    .dashboard-wrapper .content-block .right-btns { top:10px; right:10px; text-align:right; }
    .dashboard-wrapper .content-block .right-btns-task { right: 5px; }
    .dashboard-wrapper .content-block .overweek, .dashboard-wrapper .content-block .uptoweek, .dashboard-wrapper .content-block .overdue { margin:0; width:auto; }
    .page-header-actions { position: static; float: right; margin: 10px 0;  }
    .panel-body { min-height: 115px; }
    .action-btns { top:27px; right: 3px; }
    .action-btns .btn { min-width: 32px; margin-left: 0; }
    .info-btn { display: block; min-width: 36px; }
    .edit-btn { display: block; min-width: 36px; padding:5px; margin-left: 0; margin-bottom: 5px; }
    .chat-btn { display: block; min-width: 36px; padding:5px; margin-left: 0; margin-bottom: 5px; }
    .invite-btn { display: block; min-width: 36px; padding:5px; }
    .edit-btn span, .chat-btn span, .invite-btn span { display:none; }
    .edit-btn.display-inline-block { display: inline-block; }
    #campaign-list-view .edit-btn { padding: 5px 10px; display: inline-block; }
    #campaign-list-view .chat-btn { padding: 5px 10px; display: inline-block; }
    #campaign-list-view .invite-btn { padding: 5px 10px; display: inline-block; }
    #campaign-list-view.noosh-project-list .edit-btn { padding: 5px; }
    #campaign-list-view .panel-body { padding-top: 10px!important; }
    .tableItems tr .infoButtons { opacity: 1; position: static; margin: 0; float: left; }
    .tableQuotes tr .infoButtons { opacity: 1; position: static; margin: 0; float: left; }
    .tableOrders tr .infoButtons { opacity: 1; position: static; margin: 0; float: left; }
    .tree-menu-icon { margin: 10px; }
    .tree-menu-icon .fa { margin: 5px!important; }
    .asset-library .display-block { padding-top: 45px!important; }
    .asset-library .page-content { padding-left:15px; }
    .asset-library .page-header { padding-top: 0!important; }
    .chat-search input { width:95px; }
    .asset-sub-header { width: 100%; }
    .asset-folder { margin-top:0; }
    .asset-folder .folder-block { margin-bottom:20px; }
    .asset-folder .folder-block .fa { font-size:35px; line-height:35px; }
    .asset-files .files-block { height:240px; }
    .asset-library .page-header .new-btn { right:10px; }
    .assets-table-list .table td { padding-left:10px!important; }
    #assetDetail_modal.modal .modal-footer { padding: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; }
    #assetDetail_modal .modal-footer .btn { width: 48%; margin: 0 1% 5px; }
    #addAsset_modal .file-upload .drop-box { padding-bottom: 0; height: 165px!important; }
    #addAsset_modal.modal .modal-footer { padding: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; }
    #addAsset_modal .modal-footer .btn { width: 48%; margin: 0 1% 5px; }
    .vault-wrapper .files-block { height:300px; }
    .vault-wrapper .files-block .drop-box { height:300px!important; }
    .vault-wrapper .files-block .drop-box .file-icon { margin-top:10%; }
    #myVaultAsset_modal .modal-body { padding:20px 5px; }
    .client-user.site-navbar .navbar-header .navbar-toggle { color:#76838f; }
    .client-user.site-navbar .navbar-header .top-logo { margin-left:64px; }
    .client-user.site-navbar .navbar-header .hamburger .hamburger-bar, .client-user.site-navbar .navbar-header .hamburger:after, .client-user.site-navbar .navbar-header .hamburger:before { background:#76838f; }
    .client-user.site-navbar .navbar-header { width:100%; }
    .client-menu.site-menubar { top:91px; }
    .site-footer { padding:10px; }
    .site-gridmenu { top:91px; }
    .page-header { padding-top:25px!important; }
    #form-container .page-header { padding-top: 0!important; }
    .table-wrap { margin-top:10px; padding: 0; }
    .campaign-block .col-xs-12.margin-top-5 { padding:0; }
    .page-header h1 { margin:0; }
    .page-header h1 span { display:block; }
    .page-header h1 b { display:none; }
    .prod-library .page-content { padding-left:15px; }
    .dashboard .page-header { padding-top:0!important; }
    .filter-option { margin-top:0!important; }
    .asset-filter { margin-top: 8px!important; }
    .tasklist-header .header-legends { margin-top: -4px; }
    .tasklist-header .page-header-actions { margin-top: 10px; }

    .datetimepicker { width:255px; }
    .datetimepicker .table, .datetimepicker .table thead, .datetimepicker .table tbody  { display:table!important; width:100%; }
    .datetimepicker .table th, .datetimepicker .table td { display:table-cell!important; }
    .datetimepicker .table { float:none; }
    .datetimepicker .table tr { float:none; display:table-row!important; position: static; top: inherit; left:inherit; width:100%; }
    .datetimepicker .table td { float:none; padding:10px!important; display: table-cell!important; width:auto!important; text-align: center!important; }

    #campaign-list-view .filter-option .new-btn { margin-top:-45px; }
    .table.wip-table td a { padding:0; }
    .chat-list { width:320px; top:132px; }
    .chat-search input { width:285px; }
    .chat-list .frnds-list .user-name { width:80%; }
    #status-buttons a span { display:none; }
    #status-buttons a em { padding-left:0; text-align:center; margin-top:0; }
    #status-buttons a { font-size:18px; padding:15px 5px 0px 5px; line-height:26px; text-align:center; }
    #status-buttons a span { margin-right:5px; line-height:24px; width:25px; height:25px; }
    .edit-products-tab li .product-form .md-switch-thumb, .edit-products-tab li .product-form md-radio-button { margin:0; }
    .panel-list .panel-heading .info-btn { display:block; top:10px; right:10px!important; min-width:35px; }
    .panel-list .panel-heading .pdf-btn { display:block; top:52px; right:10px!important; min-width:35px; }
    .items-total p { padding-right:25px; }
    .asset-library .page-header .chat-search { position:relative; margin-top:15px; margin-bottom:15px; float: none; }
    .no-more-records .alert .alert-content { width:100%; }

    .user-profile { height: auto; }
    .user-profile .right-panel { margin-bottom: 20px; margin-top: 20px; }
    .user-profile .right-panel .tab-content h2 { margin-top: 5px; }
    .user-profile .right-panel .tab-content .friend-list li { padding:5px; margin-bottom: 15px; }
    .user-profile .right-panel .tab-content .activities .content { width:80%; }
    .user-profile .right-panel .tab-content .stats { width: 100%; }
    .preview-panel .modal-footer { padding:10px; }
    #collection-accordion .panel { margin-top: 10px; }
    .sub-panel .sub-level-listing { padding: 5px; }
    .table-list.pages-table .table .col9 .new-btn { margin-left: 0; }
    .edit-products-tab li .qty-control { width: 16px; }
    .help-btn { position: static; float: right; width: 100%; margin: 10px 0 20px; }
    .resp-margin { margin-top: 20px; }
    #job-accordion.padding-left-20 { padding-left: 0!important; }
    .action-menu { float: right; margin-top: -10px; }
    .tooltip { display: none!important; }
    .product-table .resp-prod-table.table .btn-cursor { display: none!important; }
    .product-table .resp-prod-table.table .col2 { display: none!important; }
    .product-table .resp-prod-table.table .col4 { display: none!important; }
    .product-table .resp-prod-table.table .col5 { display: none!important; }
    #budgetProgram-Modal .modal-body .form-group .form-control { width: 100%; }
    .budget-table .table-list .table tbody td[data-title=""] { display: none!important; }
    .budget-table .progress { width: 100%; }
    .header-legends { margin-right: 5px; margin-top: -4px; }
    .display-flex .flex-column { width: 100%; }
    .table-responsive .dashboard-task-list td[data-title="Due Date"]{ display: none!important; }
    .myNavbar { width: 100%; }
    .selectedWipType .caret { border-top: 8px solid; margin-left: 7px; vertical-align: super; }
    .navbar-nav .selectedWipType &gt; a { padding: 10px 0; }
    .orderlist-header .margin-top-15 { margin-top: 0!important; }
    .orderlist-header .page-header-actions { margin-top: 0; }
    .camp-items-listing .row .col-md-2 { width: 100%; }
    .download-section { width: 80%; }

}
@media (max-width:568px) {
    .quote-info .modal-footer .btn { width:100%; margin:0 0 10px; }
    .listing-icon-btn { font-size:35px; line-height:35px; }
    .listing-icon-btn .fa { vertical-align:top; }
    .listing-title { width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #campaign-list-view .listing-title { font-size: 17px; }
    .items-total { width:100%; margin-left:0; }
    .panel-group .panel-collapse .panel-body { padding:15px; }
    .vault-wrapper .files-block { height:157px; }
    .vault-wrapper .files-block .drop-box { height:157px!important; }
    .vault-wrapper .files-block .file-type { top:15%; }
    .page-dark.layout-full .brand img { width:100%; margin-top:30px; }
    .page-login form { width:100%; }
    .dashboard-wrapper .content-block h3 { font-size:15px; }
    .preview-panel { width: 100%; }
    .preview-panel .form-group { margin-bottom: 10px; }
    .sub-panel .inlineHeading { font-size: 16px; }
    #collection-accordion .listing-icon-btn { font-size: 30px; }
    .campaign-block .list-padding { padding: 0; }
    .sub-panel .panel .listing-title { width: 73%; padding:10px 10px 0; }
    .modal .modal-footer { text-align: center; }
    .modal .modal-footer .btn-outline { margin-top: 15px; }
    .orderDetailModal .items-total { width: 100%; }
    .orderDetailModal .items-total p { padding-right: 0; }
    .no-orders .alert .alert-content { width: 100%; text-align: center; }
    .no-orders .alert .alert-content .no-order-icon { float:none; display: inline-block; }
    .select-campaign .dropdown-menu { width: 78%; }
    .select-campaign .dropdown-menu &gt; li &gt; a { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .user-profile .right-panel .chat-search { margin-top:5px; margin-bottom: 15px; width:100%; }
    .modal-footer .btn { width: 45%; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; }
    .modal-footer .btn+.btn { margin-bottom:5px; margin-left: 0; width: 45%; }
    .asset-library .page-header .new-btn { position: static; margin-left: 0; margin-top: 5px; }
    .masonry-container .item { width:100%; }
    #editcampaign-modal .modal .modal-footer { padding: 0 20px 20px; }

}

@media (max-width:480px) {
    .user-profile .right-panel { padding:0; margin-bottom: 20px; margin-top: 20px; }
    .user-profile .right-panel .nav-tabs &gt; li &gt; a { padding:10px 7px; font-size: 12px; }
    .preview-panel .modal-footer .btn-group.dropdown { width: 100%; margin-top: 10px; }
    .preview-panel .modal-footer .btn-group.dropdown .btn-primary { width: 100%; }
    .preview-panel .modal-footer .btn-group.dropdown .dropdown-menu { left: inherit; right: 0; }
    #wipFilterSpan .dropdown-menu.filter-box { right:-48px; }
    .modal-title { font-size: 16px; }
    .modal .modal-footer { padding: 0; padding-bottom: 20px; }
    .quote-info .modal-footer { padding: 20px; }
    .quote-info h5:first-child { margin-top: 0; }
    #campaign-list-view .filter-option .new-btn { margin-top: 0; margin-bottom: 10px; }
    #budgetProgram-Modal .modal-body .btns-group .btn { width: 100%; margin: 0 0 5px; }
    #addEditBudget-modal .modal-body .btns-group .btn { width: 100%; margin: 0 0 5px; }
    .quote-info .item-total { width: 100%; }
    .quote-info .change-item-total { width: 100%; }
    .dashboard-wrapper .content-block h3 .new-btn { padding: 5px 9px; }
    .dashboard-wrapper .content-block .right-btns { width:112px; top: 5px; }
    .dashboard-wrapper .content-block h3 { margin: 25px 0; }
    .dashboard-wrapper .content-block .right-btns-task { width: 100px; top: 8px; }
    .dashboard-wrapper .content-block .uptoweek { padding-left: 0px; }
    .dashboard-wrapper .content-block .overdue { padding-left: 0px; }
    .download-section { width: 90%; padding: 15px; }
    .download-footer { left: 15px; }

}
@media (min-width:480px) {
    .blocks-xs-100&gt;li { width: 100%; }
    .blocks-xs-2&gt;li { width: 50%; }
    .blocks-xs-3&gt;li { width: 33.33333333%; }
    .blocks-xs-4&gt;li { width: 25%; }
    .blocks-xs-5&gt;li { width: 20%; }
    .blocks-xs-6&gt;li { width: 16.66666667%; }

}
@media (min-width:768px) {
    .blocks-sm-100&gt;li { width: 100%; }
    .blocks-sm-2&gt;li { width: 50%; }
    .blocks-sm-3&gt;li { width: 33.33333333%; }
    .blocks-sm-4&gt;li { width: 25%; }
    .blocks-sm-5&gt;li { width: 20%; }
    .blocks-sm-6&gt;li { width: 16.66666667%; }
    .margin-sm-0 { margin: 0!important; }
}
@media (min-width:992px) {
    .modal .modal-lg { width:900px; }
    .blocks-md-100&gt;li { width: 100%; }
    .blocks-md-2&gt;li { width: 50%; }
    .blocks-md-3&gt;li { width: 33.33333333%; }
    .blocks-md-4&gt;li { width: 25%; }
    .blocks-md-5&gt;li { width: 20%; }
    .blocks-md-6&gt;li { width: 16.66666667%; }
    .margin-md-0 { margin: 0!important; }
}
/* extra large modal for job publications */

/*media queries for assests start*/
@media (min-width: 900px) and (max-width:1024px){
    .col-sm-4 { width: 21.333333%; }
    .assets-block .col-sm-4 { width:33.33333333%; }
}
@media (min-width: 768px) and (max-width:899px){
    .col-sm-4 { width: 24.333333%; }
    .assets-block .col-sm-4 { width:33.33333333%; }
}
@media (min-width: 560px) and (max-width:767px){
    .col-xs-6 { width: 28.333333%; }
    .assets-block .col-xs-6 { width: 50%; }
    .asset-folder .col-xs-6 { width: 50%; }
}
@media (min-width: 200px) and (max-width:559px){
    .col-xs-6 { width: 37.333333%; }
    .assets-block .col-xs-6 { width: 50%; }
    .asset-folder .col-xs-6 { width: 50%; }
}
/*media queries for assests end*/
@media (min-width:1600px) {
    .blocks-xlg-100&gt;li { width: 100%; }
    .blocks-xlg-2&gt;li { width: 50%; }
    .blocks-xlg-3&gt;li { width: 33.33333333%; }
    .blocks-xlg-4&gt;li { width: 25%; }
    .blocks-xlg-5&gt;li { width: 20%; }
    .blocks-xlg-6&gt;li { width: 16.66666667%; }
}
@media (min-width:992px) and (max-width:1199px) {
    .dashboard-wrapper .pending-quotes .right-btns { top:10px; }
    .dashboard-wrapper .content-block .overweek, .dashboard-wrapper .content-block .uptoweek, .dashboard-wrapper .content-block .overdue { margin:0; }
    .width-md-50 { width: 50px; }
    .width-md-100 { width: 100px; }
    .width-md-150 { width: 150px; }
    .width-md-200 { width: 200px; }
    .width-md-250 { width: 250px; }
    .width-md-300 { width: 300px; }
    .width-md-350 { width: 350px; }
    .width-md-400 { width: 400px; }
    .width-md-450 { width: 450px; }
    .width-md-500 { width: 500px; }
    .height-md-50 { height: 50px; }
    .height-md-100 { height: 100px; }
    .height-md-120 { height: 120px; }
    .height-md-150 { height: 150px; }
    .height-md-200 { height: 200px; }
    .height-md-250 { height: 250px; }
    .height-md-300 { height: 300px; }
    .height-md-350 { height: 350px; }
    .height-md-400 { height: 400px; }
    .height-md-450 { height: 450px; }
    .height-md-500 { height: 500px; }

}

@-webkit-keyframes fadeIn {
    1% { opacity: 0; visibility: hidden; }
    2% { opacity: 0; visibility: visible;}
    100% { opacity: 1; visibility: visible;}
}

@keyframes fadeIn {
    1% { opacity: 0; visibility: hidden; }
    2% { opacity: 0; visibility: visible;}
    100% { opacity: 1; visibility: visible;}
}

/* FOR IE10+ Styling */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .ADMdtp-container .masterInput &gt; .removeIcon { right:40px!important; width:34px!important; }
    .filter-option .ADMdtp-container .masterInput &gt; .removeIcon { display: none!important; }
    span.close-calender { top: 27px!important; right:52px!important; }
    .ADMdtp-container .ADMdtp-calendar-container footer .timeSelectIcon { left:40px!important; }
    .ADMdtpInput.readOnly  input {        /*height: 34px;        padding: 6px 12px;        font-size: 14px;        line-height: 1.42857143;        color: #555;*/        background-color: #eee;        /*background-image: none;        border: 1px solid #ccc;        border-radius: 4px;        font-family: inherit;        margin: 0;        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);        position: relative;        z-index: 2;        float: left;        width: 100%;        margin-bottom: 0;        border-top-right-radius: 0;        border-bottom-right-radius: 0;*/    }
}

.mudmap_status { position:absolute; left:15px; bottom:15px; background:#838f9a; color:#fff; font-size:18px; border-radius:50%; min-width:45px; padding:13px 0; text-align:center; }
.open-calendar .page { z-index: 1100; }
.ADMdtp-box .ADMdtpYears { margin-bottom: 0.6em; }
.ADMdtp-box .ADMdtpYears .arrow { height: 16px; }
.ADMdtp-box .ADMdtpYears .arrow.left { left: 2.5em; }
.ADMdtp-box .ADMdtpYears .arrow.right { right: 2.5em; }
.scroll_bar{height:460px;overflow-y:auto;margin-top: -16px;}

.allign_center{ position: absolute;top: 50%;transform: translateY(-51%);margin: -12px;border:1px solid #838f9a}

/* hide today button from all calender */
button.today.dtp-trs-3.ng-binding { display: none;}

.scroll_bar_dashBoard{overflow-y:scroll; height:483px;}
.buttonSize{font-size: 12px;}

.capitalize { text-transform: capitalize;}
.scroll_bar_jobstageFiles {max-height: 80px;overflow-y: auto;margin-top: 7px;line-height: 20px !important;padding-left: 17px;width: 488px;margin-bottom: 7px;}
.selectedReplace{padding-right: 20px;}
.scroll_bar_pageLayoutRightSide{max-height: 280px; overflow-y: auto; margin-top: 7px; line-height: 20px !important;}










</pre></body></html>