@import url("halflings.min.css");
@import url("font-awesome.min.css");
@import url("table.min.css");
@import url("page.min.css");
@import url("dataTables.tableTools.min.css");
@import url("bootstrap.min.css");
@import url("bootstrap-responsive.min.css");
.black,
.black [class="box-header"],
.black.box,
.slider.black .ui-slider-range,
.progress.black .ui-progressbar-value .sliderVertical.black .ui-slider-range,
.progressSlim.black .ui-progressbar-value {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff
}

.black .box-header .box-icon i,
.black .box-header .box-icon i:hover,
.black .box-header h2 i {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.green,
.green [class="box-header"],
.green.box,
.slider.green .ui-slider-range,
.progress.green .ui-progressbar-value,
.sliderVertical.green .ui-slider-range,
.progressSlim.green .ui-progressbar-value,
.label-success,
.badge-success {
    background: #00A300 !important;
    border-color: #00A300 !important;
    color: #fff
}

.greenDark,
.greenDark [class="box-header"],
.greenDark.box,
.slider.greenDark .ui-slider-range,
.progress.greenDark .ui-progressbar-value,
.sliderVertical.greenDark .ui-slider-range,
.progressSlim.greenDark .ui-progressbar-value {
    background: #1E7145 !important;
    border-color: #1E7145 !important;
    color: #fff
}

.greenLight,
.greenLight [class="box-header"],
.greenLight.box,
.slider.greenLight .ui-slider-range,
.progress.greenLight .ui-progressbar-value,
.sliderVertical.greenLight .ui-slider-range,
.progressSlim.greenLight .ui-progressbar-value {
    background: #99B433 !important;
    border-color: #99B433 !important;
    color: #fff
}

.pink,
.pink [class="box-header"],
.pink.box,
.slider.pink .ui-slider-range,
.progress.pink .ui-progressbar-value,
.sliderVertical.pink .ui-slider-range,
.progressSlim.pink .ui-progressbar-value {
    background: #9F00A7 !important;
    border-color: #9F00A7 !important;
    color: #fff
}

.pinkDark,
.pinkDark [class="box-header"],
.pinkDark.box,
.slider.pinkDark .ui-slider-range,
.progress.pinkDark .ui-progressbar-value,
.sliderVertical.pinkDark .ui-slider-range,
.progressSlim.pinkDark .ui-progressbar-value {
    background: #7E3878 !important;
    border-color: #7E3878 !important;
    color: #fff
}

.yellow,
.yellow [class="box-header"],
.yellow.box,
.slider.yellow .ui-slider-range,
.progress.yellow .ui-progressbar-value,
.sliderVertical.yellow .ui-slider-range,
.progressSlim.yellow .ui-progressbar-value,
.label-warning,
.badge-warning {
    background: #FFC40D !important;
    border-color: #FFC40D !important;
    color: #fff
}

.purple,
.purple [class="box-header"],
.purple.box,
.slider.purple .ui-slider-range,
.progress.purple .ui-progressbar-value,
.sliderVertical.purple .ui-slider-range,
.progressSlim.purple .ui-progressbar-value {
    background: #603CBA !important;
    border-color: #603CBA !important;
    color: #fff
}

.blue,
.blue [class="box-header"],
.blue.box,
.slider.blue .ui-slider-range,
.progress.blue .ui-progressbar-value,
.sliderVertical.blue .ui-slider-range,
.progressSlim.blue .ui-progressbar-value,
.label-info,
.badge-info {
    background: #2D89EF !important;
    border-color: #2D89EF !important;
    color: #fff
}

.blueDark,
.blueDark [class="box-header"],
.blueDark.box,
.slider.blueDark .ui-slider-range,
.progress.blueDark .ui-progressbar-value,
.sliderVertical.blueDark .ui-slider-range,
.progressSlim.blueDark .ui-progressbar-value {
    background: #2B5797 !important;
    border-color: #2B5797 !important;
    color: #fff
}

.blueLight,
.blueLight [class="box-header"],
.blueLight.box,
.slider.blueLight .ui-slider-range,
.progress.blueLight .ui-progressbar-value,
.sliderVertical.blueLight .ui-slider-range,
.progressSlim.blueLight .ui-progressbar-value {
    background: #EFF4FF !important;
    border-color: #EFF4FF !important;
    color: #fff
}

.orange,
.orange [class="box-header"],
.orange.box,
.slider.orange .ui-slider-range,
.progress.orange .ui-progressbar-value,
.sliderVertical.orange .ui-slider-range,
.progressSlim.orange .ui-progressbar-value {
    background: #E3A21A !important;
    border-color: #E3A21A !important;
    color: #fff
}

.orangeDark,
.orangeDark [class="box-header"],
.orangeDark.box,
.slider.orangeDark .ui-slider-range,
.progress.oragneDark .ui-progressbar-value,
.sliderVertical.orangeDark .ui-slider-range,
.progressSlim.orangeDark .ui-progressbar-value {
    background: #DA532C !important;
    border-color: #DA532C !important;
    color: #fff
}

.red,
.red [class="box-header"],
.red.box,
.slider.red .ui-slider-range,
.progress.red .ui-progressbar-value,
.sliderVertical.red .ui-slider-range,
.progressSlim.red .ui-progressbar-value,
.label-important,
.badge-important {
    background: #EB3C00 !important;
    border-color: #EB3C00 !important;
    color: #fff
}

.widget.blue h2 .glyphicons i:before,
.widget.blueDark h2 .glyphicons i:before,
.widget.blueLight h2 .glyphicons i:before,
.widget.green h2 .glyphicons i:before,
.widget.greenDark h2 .glyphicons i:before,
.widget.greenLight h2 .glyphicons i:before,
.widget.orange h2 .glyphicons i:before,
.widget.orangeDark h2 .glyphicons i:before,
.widget.pink h2 .glyphicons i:before,
.widget.pinkDark h2 .glyphicons i:before,
.widget.purple h2 .glyphicons i:before,
.widget.red h2 .glyphicons i:before,
.widget.yellow h2 .glyphicons i:before {
    color: #fff
}

body {
    color: #333;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

hr {
    height: 2px;
    border: none;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(left, rgba(249, 249, 249, 0.25) 0%, rgba(249, 249, 249, 1) 50%, rgba(249, 249, 249, 0.25) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(249, 249, 249, 0.25)), color-stop(50%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(249, 249, 249, 0.25)));
    background: -webkit-linear-gradient(left, rgba(249, 249, 249, 0.25) 0%, rgba(249, 249, 249, 1) 50%, rgba(249, 249, 249, 0.25) 100%);
    background: -o-linear-gradient(left, rgba(249, 249, 249, 0.25) 0%, rgba(249, 249, 249, 1) 50%, rgba(249, 249, 249, 0.25) 100%);
    background: -ms-linear-gradient(left, rgba(249, 249, 249, 0.25) 0%, rgba(249, 249, 249, 1) 50%, rgba(249, 249, 249, 0.25) 100%);
    background: linear-gradient(to right, rgba(249, 249, 249, 0.25) 0%, rgba(249, 249, 249, 1) 50%, rgba(249, 249, 249, 0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40f9f9f9', endColorstr='#40f9f9f9', GradientType=1)
}

.noMarginLeft {
    margin-left: 0 !important
}

h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 300
}

h2 {
    font-size: 16px;
    line-height: 16px
}

h3 {
    font-size: 15px;
    line-height: 15px
}

h4 {
    font-size: 14px;
    line-height: 14px
}

h5 {
    font-size: 13px;
    line-height: 13px
}

h6 {
    font-size: 12px;
    line-height: 12px
}

.navbar {
    margin-bottom: 0
}

.navbar-inner {
    margin-bottom: 0;
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background: #080808;
    filter: none;
    text-shadow: 1px 1px 1px #0a0c0e;
    border: none;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    *zoom: 1;
    border-bottom: 1px solid #38383D
}

.navbar-inner a {
    color: #7b7b7b;
    text-shadow: 0 -1px 1px #0b090a
}

.navbar-inner a i {
    margin-top: 2px
}

.navbar-inner a:hover i {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.brand img {
    margin: -12px 0 -5px
}

a.brand span {
    color: #fff;
    text-shadow: none
}

.header-nav {
    padding: 0;
    color: #fff !important;
    background: #000 !important
}

.header-nav .nav {
    margin: 0
}

.header-nav .btn {
    display: inline-block;
    padding: 21px 20px;
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: 0;
    border-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.header-nav a.btn {
    color: #fff !important;
    text-shadow: none !important;
    padding: 10px 25px !important
}

.header-nav .btn .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important
}

.header-nav .btn:hover .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important
}

#sidebar-left {
    background: #3A3A3A
}

.sidebar-nav>ul {
    margin: 0;
    padding-bottom: 1px;
    font-size: 14px
}

.sidebar-nav>ul>li>ul {
    list-style: none;
    margin: 0;
    display: none;
    background: rgba(0, 0, 0, .25)
}

.nav-tabs.nav-stacked>li>a,
.nav-tabs.nav-stacked>li>ul>li>a {
    padding: 15px 10px 14px;
    color: #fff;
    border-top: none;
    border-bottom: 1px solid #666;
    border-left: none;
    border-right: none;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-bottom: 1px solid transparent
}

.nav-tabs.nav-stacked>li>ul>li>a {
    padding: 15px 10px 14px;
    display: block
}

.nav-tabs.nav-stacked>li>a>i,
.nav-tabs.nav-stacked>li>ul>li>a>i {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 16px
}

.nav-tabs.nav-stacked>li>ul>li>a>i {
    font-size: 20px
}

.nav-tabs.nav-stacked>li>a:hover>i {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.nav-tabs.nav-stacked>li>a:hover,
.nav-tabs.nav-stacked>li>ul>li>a:hover {
    color: #666
}

.nav-tabs.nav-stacked>li>ul>li.active>a,
.nav-tabs.nav-stacked>li.active>a {
    background: #2D89EF;
    border-bottom: 1px solid #2D89EF
}

.nav-tabs.nav-stacked>li>ul>li.active>a:hover,
.nav-tabs.nav-stacked>li.active>a:hover {
    background: #2D89EF;
    color: #fff;
    border: none;
    border-bottom: 1px solid #2D89EF
}

.nav-tabs.nav-stacked>li.active>ul {
    padding: 5px 0;
    color: #3b3b41;
    background: #fff
}

.nav-tabs.nav-stacked>li:first-child>a {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #555555;
    background-color: #000;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

ul.messages li,
ul.notifications li,
ul.tasks li {
    width: 260px
}

ul.messages li .avatar img,
ul.notifications li .avatar img,
ul.tasks li .avatar img {
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 10px
}

ul.messages li .header {
    display: block
}

ul.messages li .header .from {
    font-size: 12px;
    font-weight: bold
}

ul.notifications li .icon {
    margin: 0 10px 0 -10px !important;
    padding: 7px 10px 9px
}

ul.messages li .header .time,
ul.notifications li .time,
ul.tasks li .header .percent {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px
}

ul.notifications li .message,
ul.tasks li .title {
    font-size: 12px
}

ul.notifications li.warning a {
    color: #FA5833
}

ul.messages li .message {
    font-size: 11px
}

.skill-bar h5 {
    margin-bottom: 6px
}

.skill-bar li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: -26px;
    padding-left: 0
}

.meter {
    height: 14px;
    position: relative;
    background: #fff !important;
    border: 1px solid #ddd
}

.meter>span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #ddd
}

.animate>span>span,
.meter>span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.animate>span>spans li.current,
.meter>span:after {}

#content {
    background: #ffffff;
    filter: none;
    min-height: 100%;
    padding: 20px;
    position: relative
}

.breadcrumb {
    margin: -28px -28px 28px;
    line-height: 34px;
    background: #eee;
    border: 0;
    color: #aaa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.breadcrumb span {
    text-shadow: 1px 1px 0 #fff
}

.breadcrumb a {
    color: #aaa;
    text-shadow: 0 1px 1px #fff
}

.breadcrumb a:hover {
    color: #646464;
    text-shadow: 0 1px 1px #fff;
    text-decoration: none
}

.dark {
    background: #fdfdfd;
    text-shadow: 0 1px 1px #fff !important;
    padding: 20px;
    top: -28px;
    right: -28px;
    margin-bottom: -56px;
    margin-right: -30px;
    position: relative;
    border-left: 2px solid #eee;
    min-height: 100%;
    overflow: hidden
}

.well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.statbox {
    height: 120px;
    padding: 10px;
    position: relative;
    margin-bottom: 28px
}

.statbox .number {
    font-size: 40px;
    position: absolute;
    top: 10px;
    right: 10px
}

.statbox .title {
    font-size: 16px;
    position: absolute;
    top: 50px;
    right: 10px
}

.statbox .footer {
    background: rgba(0, 0, 0, .1);
    background-color: #19FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px
}

.statbox .footer:hover {
    background: rgba(0, 0, 0, .2)
}

.statbox .footer a {
    color: #fff;
    text-decoration: none
}

.widget {
    padding: 10px;
    margin-bottom: 28px
}

.widget h2 {
    padding: 10px 10px 0;
    font-size: 18px !important;
    line-height: 18px !important;
    margin-bottom: -5px;
    font-weight: 300;
    text-shadow: 0 1px 0 #fff
}

.widget h2 .glyphicons i:before {
    margin-top: -7px;
    font-size: 20px !important;
    line-height: 20px !important
}

.box {
    border: 2px solid #eee;
    background: #fff !important;
    margin-bottom: 28px
}

.box-header {
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    background: #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.box-header h2 {
    float: left;
    margin-top: 0;
    font-weight: 300
}

.box-header h2 i {
    margin: 0 3px 0 4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.box-header .break {
    border-left: 1px solid #FFF;
    margin: -12px 10px -10px;
    padding: 12px 0 10px
}

.box-header .box-icon {
    float: right;
    margin-top: 1px
}

.box-header .box-icon i {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.box-header .box-icon i:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.box-header .box-icon a {
    margin: 0 5px
}

.box-content {
    position: relative;
    margin-top: -1px;
    padding: 10px;
    background: #fff !important
}

.verticalChart {
    width: 100%
}

.verticalChart .singleBar {
    width: 9%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%
}

.verticalChart .singleBar .bar {
    position: relative;
    height: 200px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden
}

.verticalChart .singleBar .bar .value {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    color: #fff
}

.verticalChart .singleBar .bar .value span {
    position: absolute;
    font-size: 12px;
    bottom: 0;
    width: 100%;
    height: 20px;
    color: #ddd;
    text-shadow: 0 -1px 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff;
    display: none;
    text-align: center
}

.verticalChart .singleBar .title {
    margin-top: 5px;
    text-align: center
}

.browserStat.big {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0
}

.browserStat {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin: 0;
    padding: 0
}

.browserStat span {
    display: block;
    text-align: center;
    margin-top: 10px
}

.notification {
    position: absolute;
    top: -1px;
    right: -1px;
    line-height: 16px;
    height: 16px;
    padding: 3px 6px;
    color: white !important;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3)
}

.notification-small {
    padding: 2px 7px;
    color: white !important;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3)
}

.badge,
.label {
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding: 3px 6px
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.quick-button {
    margin-bottom: -1px;
    padding: 30px 0 10px;
    font-size: 14px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.quick-button:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    color: #ffffff;
    background-color: #5cc151
}

.quick-button:hover .notification {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6)
}

.quick-button i {
    font-size: 32px
}

.quick-button.metro {
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    filter: none;
    padding: 30px 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.quick-button.metro p {
    text-align: center;
    margin-top: 15px
}

.quick-button.metro:hover {
    text-shadow: none
}

.quick-button.metro i {
    font-size: 54px;
    text-align: center !important
}

.quick-button.metro .badge {
    text-align: center !important;
    position: absolute;
    top: 50%;
    left: 70%;
    background: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.quick-button-small {
    border: 1px solid #ddd;
    padding: 15px 0 0;
    font-size: 10px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
    background-image: -o-linear-gradient(top, #fafafa, #efefef);
    background-image: linear-gradient(to bottom, #fafafa, #efefef);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.quick-button-small:hover {
    text-decoration: none;
    border-color: #a5a5a5;
    color: #444444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px rgba(0, 0, 0, .25)
}

.quick-button-small:hover .notification {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6)
}

.quick-button-small i {
    font-size: 20px
}

ul.dashboard-list li {
    padding: 5px 0;
    list-style: none;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

ul.dashboard-list li i {
    font-size: 18px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    padding: 2px 2px 0;
    margin-right: -2px
}

ul.dashboard-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #eee
}

ul.dashboard-list li:last-child {
    border-bottom: none
}

ul.dashboard-list a:hover {
    text-decoration: none
}

ul.dashboard-list {
    margin: 0
}

ul.dashboard-list li a span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding: 0 4px
}

ul.dashboard-list li .avatar {
    height: 50px;
    width: 50px;
    padding: 1px;
    float: left;
    margin-top: 3px;
    margin-right: 15px;
    border: 1px solid #eee
}

ul.dashboard-list li .avatar img {
    height: 40px;
    width: 40px;
    padding: 1px;
    float: left;
    margin-top: 3px;
    margin-right: 15px;
    border: 1px solid #eee
}

ul.dashboard-list.metro {
    margin: -10px
}

ul.dashboard-list.metro li {
    padding: 5px 0;
    list-style: none;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

ul.dashboard-list.metro li:last-child {
    border-bottom: none
}

ul.dashboard-list.metro li i {
    font-size: 18px;
    padding: 9px 7px;
    margin: -5px 10px -5px 0
}

ul.dashboard-list a:hover {
    text-decoration: none
}

ul.dashboard-list.metro li .avatar {
    height: 50px;
    width: 50px;
    float: left;
    margin: 3px 15px 0 10px;
    border: none
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #a7a9aa;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.btn i {
    margin-top: 2px
}

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

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

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.btn-large {
    padding: 11px 14px;
    font-size: 17.5px;
    border-radius: 0
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    border-radius: 0
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    border-radius: 0
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

.btn {
    color: #ffffff;
    background-color: #a7a9aa;
    border-color: #a7a9aa;
    background-image: none;
    filter: none;
    text-shadow: none
}

.btn:active,
.btn:focus,
.btn:hover {
    background-color: #9a9c9d;
    border-color: #8d9091
}

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

.btn-primary {
    background-color: #2D89EF;
    border-color: #2D89EF
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #357ebd;
    border-color: #3071a9
}

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

.btn-warning {
    background-color: #FFC40D;
    border-color: #FFC40D
}

.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #eea236;
    border-color: #ec971f
}

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

.btn-danger {
    background-color: #EB3C00;
    border-color: #EB3C00
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #d43f3a;
    border-color: #c9302c
}

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

.btn-success {
    background-color: #00A300;
    border-color: #00A300
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    background-color: #4cae4c;
    border-color: #449d44
}

.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #00A300;
    border-color: #00A300
}

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

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    background-color: #46b8da;
    border-color: #31b0d5
}

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

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link {
    font-weight: normal;
    color: #2D89EF;
    cursor: pointer;
    border-radius: 0
}

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

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

.tab-menu.nav-tabs {
    *zoom: 1;
    margin-top: -46px
}

.tab-menu.nav-tabs>li {
    float: right
}

.tab-menu.nav-tabs {
    border-bottom: none
}

.tab-menu.nav-tabs>li {
    margin-bottom: -1px
}

.tab-menu.nav-tabs>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 16px;
    margin-left: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tab-menu.nav-tabs>li>a:hover {
    border: none
}

.tab-menu.nav-tabs>.active>a {
    color: #555555;
    cursor: default;
    background-color: #fff;
    border: none
}

.tab-menu.nav-tabs>.active>a:hover {
    background-color: #fafafa
}

.masonry-thumb {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px
}

div.checker {
    margin-top: -4px !important
}

div.radio {
    margin-top: -4px !important
}

div.uploader {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

blockquote {
    background: url("./img/quote.png") no-repeat 0 10px;
    font-style: italic;
    border-left: none;
    padding: 0 0 0 30px
}

.the-icons {
    list-style: none
}

.glyphicons p {
    width: 33%;
    float: left;
    line-height: 44px
}

ul.messagesList {
    list-style: none;
    margin: 0;
    font-size: 12px
}

ul.messagesList li {
    background: #f9f9f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer
}

ul.messagesList li .glyphicons {
    padding: 5px 0
}

ul.messagesList li .glyphicons i:before {
    font-size: 14px;
    margin: -2px 0 0 5px;
    color: #3b3b41
}

ul.messagesList li:nth-child(odd) {
    background: #fff !important
}

ul.messagesList li.odd {
    background: #fff !important
}

ul.messagesList li span.from {
    display: inline-block;
    width: 25%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

ul.messagesList li span.title {
    display: inline-block;
    width: 55%;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

ul.messagesList li span.date {
    display: inline-block;
    width: 20%;
    text-align: right
}

.message .header {
    margin-bottom: 30px
}

.message .header h1 {
    background: #67C2EF;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    margin: -20px -20px 10px;
    padding: 20px
}

.message .header i {
    margin-top: 1px
}

.message .header .from {
    display: inline-block;
    width: 70%;
    font-size: 12px
}

.message .header .date {
    display: inline-block;
    width: 29%;
    text-align: right;
    float: right;
    font-size: 12px
}

.message .attachments {
    border-top: 3px solid #f9f9f9;
    border-bottom: 3px solid #f9f9f9;
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 12px
}

.message .attachments ul {
    list-style: none;
    margin: 0
}

.message .attachments ul li {
    margin: 10px 0
}

.message .attachments ul li span.label {
    font-size: 12px !important
}

.message .attachments ul li span.quickMenu {
    float: right;
    text-align: right
}

.message .attachments ul li span.quickMenu .glyphicons {
    padding: 5px 0 5px 25px
}

.message .attachments ul li span.quickMenu .glyphicons i:before {
    font-size: 14px;
    margin: -2px 0 0 5px;
    color: #3b3b41
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .timeslot .task .arrow {
        background: url("./img/timeline-left-arrow@2x.png") no-repeat;
        background-size: 100%
    }
    .timeslot.alt .task .arrow {
        background: url("./img/timeline-right-arrow@2x.png") no-repeat;
        background-size: 100%
    }
    ul.chat li.left .message .arrow {
        background: url("./img/chat-left@2x.png") no-repeat 0 0;
        background-size: 100%
    }
    ul.chat li.right .message .arrow {
        background: url("./img/chat-right@2x.png") no-repeat 0 0;
        background-size: 100%
    }
    ul.chat.metro li.left .message .arrow {
        background: url("./img/chat-left-metro@2x.png") no-repeat 0 0;
        background-size: 100%
    }
    ul.chat.metro li.right .message .arrow {
        background: url("./img/chat-right-metro@2x.png") no-repeat 0 0;
        background-size: 100%
    }
}

.quick-button.metro {
    padding-top: 30px;
    padding-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.quick-button.metro i {
    margin-top: 5px;
    margin-bottom: 15px
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select,
textarea {
    margin: 2px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 12px;
    padding: 2px 3px
}

div.ewMenuBarVertical ul,
li {
    margin: 0
}

tr.group,
tr.group:hover {
    background-color: #ddd !important
}

.box {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.ewObrigatorio {
    color: red
}

.calendar .button,
.calendar .div {
    width: 22px;
    min-width: 22px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    display: inline-table;
    *display: inline-table;
    padding: 2px
}

.calendar .headrow {
    width: 100%
}

.calendar table td {
    width: 22px;
    min-width: 22px
}

.calendar .button:hover {
    height: 20px;
    min-height: 20px;
    max-height: 20px
}

.ewMenuRow {
    background-color: #EEEEEE;
    height: 35px
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
    padding-right: 9px;
    padding-left: 6px
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
    padding-right: 18px
}

.yui-skin-sam .yuimenubar {
    font-size: 12px;
    margin-bottom: 0
}

input[type=text]:focus {
    background-color: #FFC
}

.calendar tbody td,
td.hilite.day {
    width: 22px;
    min-width: 22px
}

td.hilite.nav.button.hilite {
    margin-bottom: 2px
}

.row-fluid .span44 {
    width: 31.9149%;
    *width: 31.9149%
}

fieldset {
    behavior: url('phpcss/PIE.htc')
}

.ewFooterText,
.ewFooterText a {
    text-decoration: none
}

.row-fluid [class*="span"] {
    margin-left: 1.345%
}

select {
    max-width: 200px;
    width: auto
}

div.DTTT_container {
    float: right !important;
    display: block
}

div.dataTables_filter {
    float: left !important;
    display: block;
    width: auto;
    margin-left: 10px
}

div.dataTables_scrollHeadInner {
    width: 100% !important
}

table thead {
    width: 100% !important
}

#display table tr {
    width: 100% !important
}

.dataTables_filter:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
    clear: both
}

.agedacounter {
    position: relative;
    top: -25px;
    right: -70px;
    background-color: red;
    text-align: center;
    padding: 0 3px 1px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    width: 13px;
    min-width: 13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%
}

.toolbar div {
    display: inline;
    width: auto;
    height: 50px;
    max-height: 50px;
}

fieldset {
    -webkit-border-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    padding-top: 0
}

.imgBotaoDirecTI {
    margin: 8px 0;
    border: solid 2px #eeeeee;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%
}

.ewHeaderRow {
    background-color: #eeeeee;
    color: #fff;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    width: 100%;
    font-family: Tahoma;
    font-size: 12px
}

#RootMenu a,
#RootMenu a:visited {
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    background-color: #396EB1
}

#RootMenu a:hover {
    font-size: 12px;
    font-family: Tahoma;
    color: #396EB1;
    background-color: #FFFFFF
}

#RootMenu .halflings-icon {
    margin-top: 3px;
    margin-left: 2px
}

.yuimenubaritemlabel,
.yuimenubarnav,
.yuimenubarnav a,
.yuimenubarnav ul,
.yuimenuitem a,
.yuimenuitemlabel {
    font-size: 12px;
    font-family: Tahoma;
    color: #FFFFFF;
    background-color: #396EB1
}

#RootMenu a,
.yuimenubarnav a {
    padding-left: 18px;
    padding-right: 18px
}

#RootMenu a:hover,
.yuimenubaritemlabel:hover,
.yuimenubarnav a:hover,
.yuimenubarnav ul:hover,
.yuimenubarnav:hover,
.yuimenuitem:hover,
.yuimenuitemlabel:hover {
    color: #396EB1
}

.yuimenubaritemlabel-selected a:hover {
    background-color: #8c8ad0
}

.labelUser {
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    font-family: tahoma
}

.yuimenuitemlabel-hassubmenu {
    background-color: #396EB1;
    background-image: url("../phpimages/menuitem_submenuindicator.png");
    background-position: right center;
    background-repeat: no-repeat
}

.yuimenuitemlabel-hassubmenu:hover {
    background-color: #396EB1;
    background-image: url("../phpimages/menuitem_submenuindicator.png");
    background-position: right center;
    background-repeat: no-repeat
}

.labelUser a {
    text-decoration: none
}

.ewGrid .ewGridContent {
    margin: 10px;
    min-width: 747px;
    width: 747px;
    color: #36424A
}

.ewContentTable {
    padding-top: 10px
}

.close {
    margin-right: 10px;
    padding-right: 5px
}

.yuimenuitem {
    width: 200px;
    max-width: 200px
}

.dataTables_info {
    color: #396EB1
}

.yuimenuitemlabel a:hover {
    color: #396EB1;
    background-color: #FAFAFA
}

p {
    margin: 3px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.phpmaker label {
    margin: 0;
    display: table-row
}

label {
    margin-bottom: 0;
    font-family: Tahoma
}

.calendar {
    position: relative;
    display: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #fff;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #d4c8d0;
    font-family: tahoma, verdana, sans-serif
}

.calendar table {
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #d4c8d0;
    font-family: tahoma, verdana, sans-serif
}

.calendar .button {
    text-align: center;
    padding: 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff
}

.calendar .nav {
    background: transparent url("menuarrow.gif") no-repeat 100% 100%
}

.calendar thead .title {
    font-weight: bold;
    padding: 1px;
    border: 1px solid #000;
    background: #847880;
    color: #fff;
    text-align: center
}

.calendar thead .headrow td {
    display: table-cell
}

.calendar .button,
.calendar .div,
td.hilite.nav.button.hilite {
    display: block
}

.calendar thead .name {
    border-bottom: 1px solid #000;
    padding: 2px;
    text-align: center;
    background: #f4e8f0
}

.calendar thead .weekend {
    color: #f00
}

.calendar thead .hilite {
    border-top: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 2px solid #fff;
    padding: 0;
    background-color: #e4d8e0
}

.calendar thead .active {
    padding: 2px 0 0 2px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
    background-color: #c4b8c0
}

.calendar tbody .day {
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #aaa
}

.calendar tbody .day.othermonth.oweekend {
    color: #faa
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #f4e8f0
}

.calendar tbody .rowhilite td {
    background: #e4d8e0
}

.calendar tbody .rowhilite td.wn {
    background: #d4c8d0
}

.calendar tbody td.hilite {
    padding: 1px 3px 1px 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff
}

.calendar tbody td.active {
    padding: 2px 2px 0;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000
}

.calendar tbody td.selected {
    font-weight: bold;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
    padding: 2px 2px 0;
    background: #e4d8e0
}

.calendar tbody td.weekend {
    color: #f00
}

.calendar tbody td.today {
    font-weight: bold;
    color: #00f
}

.calendar tbody .disabled {
    color: #999
}

.calendar tbody .emptycell {
    visibility: hidden
}

.calendar tbody .emptyrow {
    display: none
}

.calendar tfoot .footrow {}

.calendar tfoot .ttip {
    background: #f4e8f0;
    padding: 1px;
    border: 1px solid #000;
    background: #847880;
    color: #fff;
    text-align: center
}

.calendar tfoot .hilite {
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    padding: 1px;
    background: #e4d8e0
}

.calendar tfoot .active {
    padding: 2px 0 0 2px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000
}

.calendar .combo {
    position: absolute;
    display: none;
    width: 4em;
    top: 0;
    left: 0;
    cursor: default;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    background: #e4d8e0;
    font-size: 90%;
    padding: 1px;
    z-index: 100
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px
}

.calendar .combo .label-IEfix {
    width: 4em
}

.calendar .combo .active {
    background: #d4c8d0;
    padding: 0;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000
}

.calendar .combo .hilite {
    background: #408;
    color: #fea
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0;
    text-align: center;
    background-color: #f4f0e8
}

.calendar td.time .ampm,
.calendar td.time .hour,
.calendar td.time .minute {
    padding: 0 3px 0 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff
}

.calendar td.time .ampm {
    text-align: center
}

.calendar td.time .colon {
    padding: 0 2px 0 3px;
    font-weight: bold
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #766;
    color: #fff
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0
}

tr.daysrow {}

table.display td {
    color: #396EB1
}

.imgBotao,
.imgBotao16,
.imgBotao24,
.labelUser {
    color: #FFFFFF;
    background-color: #d1d4d3;
    margin-top: 2px;
    border: solid 1px #20538D;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #9f9f9f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    height: 30px;
    width: 30px
}

.labelUser {
    background-color: #d1d4d3
}

.imgBotao16:hover,
.imgBotao24:hover,
.imgBotao:hover {
    background: #33AF2E;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color: #FFF
}

.imgBotao16 {
    height: 16px;
    width: 16px
}

.imgBotao24 {
    height: 24px;
    width: 24px
}

.labelUser {
    height: auto;
    width: auto;
    padding: 2px
}

.labelUser p {
    margin: 0;
    padding: 0;
    line-height: 13px
}

.dataTables_filter label {
    position: relative;
    top: 2px;
    left: 5px
}

.dataTables_length label {
    color: #396EB1;
    font-size: 12px
}

.dataTables_info,
.dataTables_info a {
    font-size: 12px
}

.dataTables_paginate a {
    font-size: 12px;
    margin-left: 2px;
    margin-right: 2px
}

tr.odd {
    background-color: #FCFCFC
}

tr.even {
    background-color: #F0F0F0
}

table.display tr.gradeA,
tr.gradeA {
    background-color: #FCFCFC
}

table.display tr.odd.gradeA,
tr.odd.gradeA {
    background-color: #F0F0F0
}

input[type="radio"],
input[type="checkbox"] {
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px
}

.box-header {
    color: #ffffff;
    background-color: #396EB1
}

.box-header h2 i {
    color: #ffffff
}

.halflings-icon {
    background-image: url("./img/glyphicons_halflings-white.svg")
}

.alert {
    font-family: tahoma, verdana, sans-serif;
    font-size: 12px;
    color: #5f6a72 !important;
    border: 0 solid #5f6a72 !important;
    background-color: #F5F5F5 !important;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 14px 40px 14px 18px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    -webkit-border-radius: 0;
    border-radius: 0
}

.box-content .halflings-icon {
    background-image: url("./img/glyphicons_halflings.svg")
}

.alert-heading {
    font-size: 13px;
    color: #5f6a72 !important
}

.quick-button.metro p:hover,
.quick-button.metro:hover,
.quick-button:hover,
.spanhome:hover,
a.quick-button p:hover,
a.quick-button.metro.spanhome:hover {
    color: #ffffff;
    background-color: #5cc151 !important
}

.btn {
    background-color: #396EB1;
    color: #eeeeee !important;
    border: 0 solid #9f9f9f
}

.btn.active,
.btn.disabled,
.btn:active,
.btn:focus,
.btn:hover,
.btn[disabled] {
    color: #ffffff !important;
    background-color: #5cc151
}

.modal-footer {
    background-color: #FFFFFF
}

.intelbras {
    color: #5cc151;
    border-bottom: 1px solid #eee;
    background-color: transparent
}

.ewGridAgenda,
.ewGridLink,
.ewGridVer,
.ewLinkAdd,
.ewLinkBack,
.ewLinkBack a,
.ewLinkButton,
.ewLinkButton a,
.ewLinkButtonCRM,
.ewLinkButtonCRM a,
.ewLinkButtonLTZ,
.ewLinkButtonLTZ a,
.ewLinkCopy,
.ewLinkDelete,
.ewLinkEdit,
.ewLinkHome,
.ewLinkHome a,
.ewLinkView {
    color: #eeeeee;
    background-color: #396EB1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    vertical-align: top;
    padding: 4px 4px 4px 20px;
    margin-right: 2px;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-top-color: #9f9f9f;
    border-right-color: #9f9f9f;
    border-left-color: #9f9f9f;
    border-bottom-color: #9f9f9f;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05)
}

.ewGridAgenda a:visited,
.ewGridAgenda:visited,
.ewGridLink:visited,
.ewGridVer:visited,
.ewLinkAdd:visited,
.ewLinkBack a:visited,
.ewLinkBack:visited,
.ewLinkButton a:visited,
.ewLinkButton:visited,
.ewLinkButtonCRM a:visited,
.ewLinkButtonCRM:focus,
.ewLinkButtonCRM:visited,
.ewLinkButtonLTZ:focus,
.ewLinkButtonLTZ:visited,
.ewLinkCopy:visited,
.ewLinkDelete:visited,
.ewLinkEdit:visited,
.ewLinkView:visited,
a.ewGridAgenda:focus,
a.ewGridAgenda:focus,
a.ewGridLink:focus,
a.ewGridVer:focus,
a.ewLinkAdd:focus,
a.ewLinkBack:focus,
a.ewLinkBack:focus,
a.ewLinkButton:focus,
a.ewLinkButton:focus,
a.ewLinkCopy:focus,
a.ewLinkDelete:focus,
a.ewLinkEdit:focus,
a.ewLinkHome:focus,
a.ewLinkHome:focus,
a.ewLinkView:focus {
    text-decoration: none;
    color: #FFFFFF !important
}

.ewGridLink,
.ewGridLink a,
.ewLinkButton,
.ewLinkButton a,
.ewLinkButtonCRM,
.ewLinkButtonCRM a,
.ewLinkButtonLTZ,
.ewLinkButtonLTZ a,
.ewLinkHome,
.ewLinkHome a {
    text-decoration: none;
    margin-top: 10px
}

.ewLinkButton a:hover,
.ewLinkButton:hover,
.ewLinkButtonCRM a:hover,
.ewLinkButtonCRM:hover,
.ewLinkButtonLTZ a:hover,
.ewLinkButtonLTZ:hover {
    background: #5cc151;
    border: solid 1px #396EB1;
    color: #eeeeee;
    text-decoration: none
}

.ewGridAgenda a:hover,
.ewGridAgenda:hover,
.ewGridLink a:hover,
.ewGridLink:hover,
.ewGridVer:hover,
.ewLinkAdd:hover,
.ewLinkBack a:hover,
.ewLinkBack:hover,
.ewLinkCopy:hover,
.ewLinkDelete:hover,
.ewLinkEdit:hover,
.ewLinkView:hover {
    background: #5cc151 url("../phpimages/checked.png") no-repeat 3px 3px;
    border: solid 1px #396EB1;
    color: #eeeeee;
    text-decoration: none
}

.ewLinkHome:hover {
    background: #5cc151 url("../phpimages/home.png") no-repeat 3px 3px;
    border: solid 1px #396EB1;
    color: #eeeeee;
    text-decoration: none
}

.ewLinkHome {
    background: #396EB1 url("../phpimages/home.png") no-repeat 3px 3px;
    margin-left: 0;
    margin-right: 0
}

.ewLinkView {
    background: #396EB1 url("../phpimages/detail.gif") no-repeat 3px 3px;
    margin-left: 0;
    margin-right: 0
}

.ewLinkBack {
    background: #396EB1 url("../phpimages/goback.png") no-repeat 3px 3px
}

.ewLinkAdd {
    background: #396EB1 url("../phpimages/add.png") no-repeat 3px 3px
}

.ewLinkEdit {
    background: #396EB1 url("../phpimages/edit.png") no-repeat 3px 3px
}

.ewLinkCopy {
    background: #396EB1 url("../phpimages/copy.png") no-repeat 3px 3px
}

.ewLinkDelete {
    background: #396EB1 url("../phpimages/minus.png") no-repeat 3px 3px
}

.ewGridLink {
    background: #396EB1 url("../phpimages/add.png") no-repeat 3px 3px;
    display: inline;
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.ewGridVer {
    background: #396EB1 url("../phpimages/view.gif") no-repeat 3px 3px
}

.ewGridAgenda {
    background: #396EB1 url("../phpimages/clock.png") no-repeat 3px 3px
}

#centerdiv {
    width: 750px;
    background: white;
    padding: 5px;
    margin: 0 auto
}

#centerdiv legend {
    font-weight: bold;
    font-size: 12px
}

#btnsubmit,
.buttoninput,
.buttonlink,
input[type="submit"],
.buttonlink a,
.buttonlink a:active,
.buttonlink a:visited,
.buttoninputred {
    color: #eeeeee;
    background-color: #396EB1;
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: repeat-x;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: #b3b3b3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-top: 2px
}

#btnsubmit:hover,
.buttoninput:hover,
.buttonlink:hover,
a.buttonlink:hover {
    border: 1px solid #396EB1;
    text-shadow: #1e4158 0 1px 0;
    background: #5cc151;
    color: #ffffff;
    text-decoration: none
}

.buttoninputred:hover {
    color: #ffffff;
    background-color: #dc4644;
    background-image: url("../phpimages/btn-bg-hvr.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    text-shadow: #961311
}

#btnsubmit:active,
.buttoninput:active,
.buttonlink a:active,
.buttonlink:active {
    text-shadow: #1e4158 0 1px 0;
    border: 1px solid #0C7006;
    background: #396EB1;
    background: -webkit-gradient(linear, left top, left bottom, from(#33AF2E), to(#33AF2E));
    background: -webkit-linear-gradient(top, #33AF2E, #5BC456);
    background: -moz-linear-gradient(top, #33AF2E, #5BC456);
    background: -ms-linear-gradient(top, #33AF2E, #5BC456);
    background: -o-linear-gradient(top, #33AF2E, #5BC456);
    background-image: -ms-linear-gradient(top, #33AF2E 0%, #5BC456 100%);
    color: #eeeeee;
    text-decoration: none
}

#btnsubmit:visited,
.buttoninput:visited,
.buttonlink a:visited,
.buttonlink:visited {
    color: #eeeeee;
    text-decoration: none
}
 
#centerdiv fieldset {
    width: 98%;
    padding: 10px
}

fieldset {
    background: #fff;
    color: #555;
    border: 2px solid #396EB1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border-top: 2px solid #396EB1;
    padding: 1em 2em;
    margin: 0 auto;
    -webkit-box-shadow: 3px 3px 3px #cccccc;
    -moz-box-shadow: 3px 3px 3px #cccccc;
    -ms-box-shadow: 3px 3px 3px #cccccc;
    box-shadow: 3px 3px 3px #cccccc
}

legend {
    color: #396EB1;
    font-size: 12px;
    padding: 0 0.5em;
    font-weight: bold
}

.relagentes,
.relatendimento,
.relativas,
.relcrmatendimento,
.relpausas,
.relperdas,
.relperformance,
.relprodutividade,
.relqualifica,
.relreceptivas,
.spanhome {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    color: #E6EBED;
}

.spanhome,
.spanhome [class="box-header"] {
    background-color: #396EB1;
    border-top-color: #396EB1;
    border-right-color: #396EB1;
    border-bottom-color: #396EB1;
    border-left-color: #396EB1
}

.relprodutividade,
.relprodutividade [class="box-header"] {
    background-color: #F9BC02;
    border-top-color: #F9BC02;
    border-right-color: #F9BC02;
    border-bottom-color: #F9BC02;
    border-left-color: #F9BC02
}

.relperformance,
.relperformance [class="box-header"] {
    background-color: #FF7000;
    border-top-color: #FF7000;
    border-right-color: #FF7000;
    border-bottom-color: #FF7000;
    border-left-color: #FF7000
}

.relativas,
.relativas [class="box-header"] {
    background-color: #009136;
    border-top-color: #009136;
    border-right-color: #009136;
    border-bottom-color: #009136;
    border-left-color: #009136
}

.relreceptivas,
.relreceptivas [class="box-header"] {
    background-color: #2D89EF;
    border-top-color: #2D89EF;
    border-right-color: #2D89EF;
    border-bottom-color: #2D89EF;
    border-left-color: #2D89EF
}

.relperdas,
.relperdas [class="box-header"] {
    background-color: #E23B32;
    border-top-color: #E23B32;
    border-right-color: #E23B32;
    border-bottom-color: #E23B32;
    border-left-color: #E23B32
}

.relatendimento,
.relatendimento [class="box-header"] {
    background-color: #A6137B;
    border-top-color: #A6137B;
    border-right-color: #A6137B;
    border-bottom-color: #A6137B;
    border-left-color: #A6137B
}

.relagentes,
.relagentes [class="box-header"] {
    background-color: #945E3A;
    border-top-color: #945E3A;
    border-right-color: #945E3A;
    border-bottom-color: #945E3A;
    border-left-color: #945E3A
}

.relpausas,
.relpausas[class="box-header"] {
    background-color: #396EB1;
    border-top-color: #396EB1;
    border-right-color: #396EB1;
    border-bottom-color: #396EB1;
    border-left-color: #396EB1
}

.relqualifica,
.relqualifica[class="box-header"] {
    background-color: #603cba;
    border-top-color: #603cba;
    border-right-color: #603cba;
    border-bottom-color: #603cba;
    border-left-color: #603cba
}

.imgBotao32 {
    padding: 3px;
    margin: 8px 2px 15px;
    border: solid 1px #396EB1;
    border-top-left-radius: 25%;
    border-top-right-radius: 25%;
    border-bottom-right-radius: 25%;
    border-bottom-left-radius: 25%;
    -webkit-border-radius: 25%;
    -webkit-border-bottom-right-radius: 25%;
    -webkit-border-bottom-left-radius: 25%;
    -moz-border-radius: 25%;
    -moz-border-radius-bottomright: 25%;
    -moz-border-radius-bottomleft: 25%
}

.imgBotao32:hover {
    background: #33AF2E;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color: #FFF
}

ul.dashboard-list.metro li span,
.dashboard-list .metro span {
    color: #0088cc
}

.buttonlink a:visited {
    color: #FFFFFF
}

.dataTables_filter label {
    font-family: Tahoma;
    font-size: 12px
}

.dataTables_filter input {
    width: 123px;
    margin-left: 4px
}

.toolbar {
    float: right;
    position: relative;
    top: 0;
    right: 5px;
    min-height: 50px;
    height: 50px;
    z-index: 0
}

.imgBotaoDirecTI,
.toolbardiv {
    float: left;
    width: auto;
    margin-left: 2px
}

.toolbardiv2 {
    margin-right: 10px
}

.toolbarsac {
    margin-left: -10px;
    width: 44px
}

.showcount,
.showcountsac {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius: 50%;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    width: 16px;
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px;
    height: 16px;
    min-height: 16px
}

.showcount {
    float: left;
    margin-top: 15px
}

.showcountsac {
    float: right;
    margin-top: 15px;
    background-color: red;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff
}

.row-fluid .spanhome {
    width: 11.2345678%;
    margin-left: 16px
}

#menu_10012 {
    display: none
}

@media (min-width: 1024px) {
    .row-fluid .span4 {
        width: 31.96815%;
        *width: 31.96815%
    }
    .row-fluid .span2 {
        width: 32%;
        *width: 32%
    }
    .row-fluid .span44 {
        width: 30.9149%;
        *width: 30.9149%
    }
}

@media (min-width: 1150px) {
    .quick-button.metro p {
        font-size: 16px
    }
}

@media (min-width: 930px) and (max-width: 1172px) {
    .row-fluid [class*="span"],
    .row-fluid .span3 {
        float: left;
        width: 27.56789%;
        margin-left: 11px
    }
    .row-fluid .span6 {
        width: 42.123456789%
    }
    .row-fluid .span12 {
        width: 99.56789%;
        margin-left: 0
    }
    body {
        padding: 0;
        font-size: 12px
    }
    ul.dashboard-list.metro li i {
        margin-right: 0
    }
    .ewContentColumn {
        padding: 5px
    }
    ul.dashboard-list.metro li i {
        margin-right: 10px
    }
    .row-fluid .spanhome {
        width: 11.2345678%;
        margin-left: 12px
    }
}

@media (max-width: 1150px) {
    ul.dashboard-list.metro li i {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 5px
    }
    .quick-button.metro {
        float: left;
        width: 23.6789%;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .quick-button.metro p {
        font-size: 18px;
        font-family: Tahoma
    }
}
 
@media (max-width: 860px) {
    #imprimir,
    #menu_1001,
    #menu_1020 {
            display: none
    }
    #menu_10012 {
        display: block
    }
    .imgBotaoDirecTI,
    .toolbar,
    .toolbardiv {
        margin-left: 1px
    }
    .toolbardiv2 {
        margin-right: 5px
    }
    #toolbar {
        margin-left: 10px
    }
    .quick-button.metro {
        float: left;
        width: 22.6789%;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .quick-button.metro p {
        font-size: 18px;
        font-family: Tahoma
    }
    .quick-button.metro i { 
        font-size: 35px
    }
}

@media (max-width: 700px) {
    #exportarexcel, #maisfiltro {
        display: none
    }
}

@media (min-width: 999px) And (max-width: 1030px) {
    h2 {
        font-size: 12px
    }
}

@media (max-width: 1024px) {
    .row-fluid .span32,
    .row-fluid .span81 {
        width: 100%;
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .row-fluid .span81 {
        float: left;
        width: 72.9574%;
        margin-left: 10px
    }
    .row-fluid .span32 {
        float: left;
        width: 24.9574%;
        margin-left: 10px
    }
}

@media (max-width: 1001px) {
    .row-fluid .span31,
    .row-fluid .span61,
    .row-fluid .span8 {
        width: 99.19574%;
        margin-left: 0;
        max-width: 1000px
    }
}

@media (min-width: 1000px) {
    .row-fluid .span8 {
        float: left;
        width: 72.9574%;
        margin-left: 10px
    }
    .row-fluid .span31 {
        float: left;
        width: 24.9574%;
        margin-left: 10px
    }
    .row-fluid .span61 {
        width: 49.2888%;
        margin-left: 10px
    }
}

@media (min-width: 1150px) {
    .row-fluid .span3 {
        float: left;
        width: 21.356789%;
        margin-left: 10px
    }
    .row-fluid .span6 {
        width: 55.3456789%;
        margin-left: 10px
    }
}

@media (max-width: 940px) {
    .row-fluid .span3,
    .row-fluid .span31,
    .row-fluid .span6,
    .row-fluid .span8 {
        width: 100%;
        margin-left: 0
    }
    h2 {
        font-size: 16px
    }
}

.ewGridLink,
.ewGridLink a:active,
.ewGridLink a:focus .ewLinkButton,
.ewGridLink a:hover,
.ewGridLink a:link,
.ewGridLink a:visited,
.ewLinkButton a:active,
.ewLinkButton a:focus,
.ewLinkButton a:hover,
.ewLinkButton a:link,
.ewLinkButton a:visited {
    text-decoration: none
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url("../phpimages/cancel.gif");
    background-position: -1px -1px;
    background-repeat: no-repeat
}

#toolbar {
    background-color: #EEEEEE
}

#ewMenuRow {
    height: 22px
}

#ewHeaderRow {
    z-index: 9999
}

ul.menu .menulink {
    width: auto;
    height: 19px;
    padding-right: 12px;
    padding-left: 12px
}

#operadores tr.even:not(:first-child):hover *,
#operadores tr.odd:not(:first-child):hover *,
#operadores tr:hover {
    background-color: #FFFFCC
}

#operadores_length {
    width: auto
}

.dataTables_paginate a {
    cursor: pointer
}

div.dataTables_filter {
    margin-bottom: 5px
}

.ewForm {
    margin: 1px;
    padding: 1px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover {
    background: #5F6A72 url("../phpimages/attender.png");
    color: #FFFFFF
}

.ewMessage,
.ewWarningMessage {
    font-weight: bolder
}

.ewSuccessMessage,
dashboard-list.metro a,
legend,
tfoot {
    color: #396EB1;
    font-weight: bolder
}

a,
p,
ul.dashboard-list.metro li span,
.dashboard-list .metro .span,
.ewTableAlt  .span,
.ewTableAltRow  .span {
    color: #396EB1
}

legend,
ul.dashboard-list.metro li {
    font-size: 14px
}

label,
select {
    color: #5F6A72
}

.ewTitle,
legend,
ul.dashboard-list.metro li {
    font-size: 14px
}

.quick-button,
.quick-button.metro,
.quick-button.metro p,
.spanhome,
a.quick-button p,
a.quick-button.metro.spanhome {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold
}

ul.dashboard-list.metro li i {
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.ewGridLowerPanel,
.ewGridUpperPanel {
    padding-bottom: 8px
}

.ewTableSelectRow a,
.ewTableSelectRow span {
    color: #FFFFFF
}

#ewpagerform {
    margin-bottom: 8px
}

input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus,
textarea:focus {
    background-color: #FFFFCC
}

input[type="file"] {
    color: #FFFFFF;
    height: 40px;
    min-height: 40px;
    max-height: 40px
}

textarea {
    min-width: 519px;
    min-height: 69px
}

.dataTables_filter label {
    margin-bottom: 5px
}

.Attender {
    color: #396EB1
}

div.jGrowl {
    color: #396EB1;
    bottom: 25px
}

div.jGrowl div.jGrowl-notification div.header {
    color: #396EB1;
    font-size: 14px;
    font-weight: bolder;
    background-color: #FFF1C2
}

.dataTables_filter input,
input#psearch {
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    line-height: 16px
}

.dataTables_filter label,
label {
    margin-bottom: 3px;
    color: #5F6A72
}

.dataTables_length label {
    color: #5F6A72;
    padding-top: 3px
}

.display,
table {
    font-family: Tahoma;
    font-size: 12px !important
}

.jGrowl-close {
    background-color: transparent;
    color: inherit;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer
}

.ewLinkButton,
.ewLinkButton a {
    padding: 5px;
    height: 32px;
    color: #5f6a72;
    background-color: #d1d4d3
}

button,
checkbox,
input,
label,
select,
textarea {
    font-size: 12px;
    font-family: Tahoma
}

@media only screen and (max-width: 1222px) {
    .phoenixintegra {
        display: none
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url("../phpimages/loader_white.gif");
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}

body,
html {
    margin: 0;
    height: 99.035986%
}

.ewLayout {
    width: 100%
}

@media (max-width: 920px) {
    .quick-button.metro:hover {
        padding-top: 30px
    }
}

.quick-button.metro i {
    margin-right: 35px
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: none
}

.padding-lr5 {
    padding-left: 5px;
    padding-right: 5px
}

.padding-tb5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.padding-a5 {
    padding: 5px;
}

.padding-a3 {
    padding: 3px;
}

#centerdiv fieldset,
#centerdiv fieldset legend {
    padding-top: 2px
}

#loadinglabel {
    width: 450px !important;
    padding: 7px;
    text-align: center;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: rgb(232, 232, 232)
}

#ewpagerform {
    margin-bottom: 3px
}

.ewGridUpperPanel {
    padding-bottom: 5px
}

.ewGridLowerPanel {
    margin-bottom: 5px;
    padding-bottom: 3px
}

.ui-dialog {
    background-color: #FFFFFF !important;
    padding: 10px !important;
    margin: 10px !important;
    max-width: 760px !important
}

.ui-dialog-title {
    font-weight: bold
}

.ui-dialog-titlebar-close {
    min-width: 18px !important;
    min-height: 18px !important;
    position: absolute;
    right: 15px
}

table.display thead tr {
    background-image: url("../phpimages/litegray.png");
    background-repeat: repeat-x
}

table.display tr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c2d4da
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 0;
    padding-top: 0
}

.btndia {
    padding: 5px;
    margin-bottom: 3px
}

@media (min-width: 1000px) {
    .row-fluid .span61 {
        width: 48.11%;
        margin-right: 5px;
        margin-left: 11px;
        margin-bottom: 15px
    }
}

@media (max-width: 1150px) {
    .quick-button.metro {
        width: 23.99876543198789% !important
    }
}

@media (max-width: 1045px) {
    .quick-button.metro {
        width: 23.8765% !important
    }
}

@media (max-width: 945px) {
    .quick-button.metro {
        width: 23.765% !important
    }
}

@media (max-width: 835px) {
    .quick-button.metro {
        width: 23.65% !important
    }
}

@media (max-width: 780px) {
    .quick-button.metro {
        width: 23.5% !important
    }
}

@media (min-width: 550px) and (max-width: 705px) {
    .quick-button.metro {
        width: 23% !important
    }
}

@media (max-width: 1001px) {
    .row-fluid .span31,
    .row-fluid .span61,
    .row-fluid .span8 {
        width: 99.19574%;
        margin-left: 11px;
        margin-bottom: 11px
    }
}

.btndia {
    padding: 5px;
    margin-bottom: 3px
}

@media (min-width: 800px) {
    .painel6 {
        width: 24% !important;
        display: inline-grid !important;
    }
}

@media (min-width: 1000px) {
    .row-fluid .span61 {
        width: 48.3211%;
        margin-right: 5px;
        margin-left: 11px;
        margin-bottom: 15px
    } 
    .row-fluidchart [class*="span"]:first-child {
        margin-left: 10px;
    }
    .row-fluidchart [class*="painel"]:first-child {
        margin-left: 5px;
    }
}

@media (max-width: 1150px) {
    .quick-button.metro {
        width: 23.99876543198789% !important
    }
}

@media (max-width: 1045px) {
    .quick-button.metro {
        width: 23.8765% !important
    }
}

@media (max-width: 945px) {
    .quick-button.metro {
        width: 23.65% !important
    }
}

@media (max-width: 835px) {
    .quick-button.metro {
        width: 23.55% !important
    }
}

@media (max-width: 780px) {
    .quick-button.metro {
        width: 23.5% !important
    }
}

@media (min-width: 550px) and (max-width: 705px) {
    .quick-button.metro {
        width: 23% !important
    }
}

@media (max-width: 1001px) {
    .row-fluid .span31,
    .row-fluid .span61,
    .row-fluid .span8 {
        width: 99.19574%;
        margin-left: 11px;
        margin-bottom: 11px
    }
}

.ewTable td.ewTableLastColSAC {
    max-width: 110px;
    width: 110px
}

.ewLinkView {
    background: #396EB1 url("../phpimages/detailtree.png") no-repeat 3px 3px
}

.ewContentColumn {
    margin-top: 3px;
    padding-top: 5px;
    background-color: #ffffff;
    color: #396EB1;
    vertical-align: top;
    padding: 0 5px 3px
}

.alert.alert-success {
    background-color: #edf6e5 !important;
    color: #7a9659 !important;
    border: 1px solid #9fc76f !important
}

.alert.alert-error {
    background-color: #fdeaea !important;
    color: #ca6f74 !important;
    border: 1px solid #f27b81 !important
}

.alert.alert-info {
    background-color: #e9f8ff !important;
    color: #5d9fa9 !important;
    border: 1px solid #75c7d3 !important
}

.alert.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border: 1px solid #f5d163 !important
}

.alert.alert-light {
    color: #004085 !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important
}

.alert.alert-secondary {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border: 1px solid #b5b8bd !important
}

@media (max-width: 1090px) {
    #QRCode {
        display: none
    }
}

@media (max-width: 600px) {
    .clsprioridade, #maisfiltro {
        display: none
    }    
}

.toggle-display {
    background-image: url("../phpimages/gear.png");
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 2px;
}

.toggle-children {
    background-image: url("../phpimages/detail.gif");
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 2px;
}

.toggle-recursive {
    background-image: url("../phpimages/sitetree.png");
    background-repeat: no-repeat;
    padding-left: 22px;
    padding-bottom: 2px;
}

div.showcount {
    display: none
}

@media (max-width: 846px) {
    .clsprioridade {
        display: none
    }
}

.statuscor {
    border: 1px #cccccc solid
}

.relcrmatendimento,
.relcrmatendimento[class="box-header"] {
    background-color: #FFA900;
    border-top-color: #FFA900;
    border-right-color: #FFA900;
    border-bottom-color: #FFA900;
    border-left-color: #FFA900
}

.relcrmlorentz,
.relcrmlorentz[class="box-header"] {
    background-color: #009adb;
    border-top-color: #009adb;
    border-right-color: #009adb;
    border-bottom-color: #009adb;
    border-left-color: #009adb
}

.ewLinkButtonCRM,
.ewLinkButtonCRM a {
    background: #FFA900;
    border: solid 1px #ca8600;
    color: #eeeeee
}

.ewLinkButtonLTZ,
.ewLinkButtonLTZ a {
    padding: 5px;
    background: #009adb;
    border: solid 1px #2284ad;
    color: #eeeeee
}

.divCommands {
    padding-top: 12px;
    padding-bottom: 3px;
    background-color: #ffffff;
    text-align: center;
    margin-top: 10px;
    height: 23px
}

.ewMessageTable {
    height: 20px;
    min-height: 20px
}