@font-face {
    font-family: "Dosis";
    src: url('Fontes/Dosis/Dosis-Light.ttf') format("truetype");
}

@font-face {
    font-family: "Comfortaa";
    src: url('Fontes/Comfortaa/Comfortaa_Regular.ttf') format("truetype");
}

@font-face {
    font-family: "SpecialElite";
    src: url('Fontes/Special_Elite/SpecialElite.ttf') format("truetype");
}

@font-face {
    font-family: "Humnst";
    src: url('Fontes/Humnst/Humnst777-Cn-BT.ttf') format("truetype");
}

@font-face {
    font-family: "Tahoma";
    src: url('Fontes/Tahoma.ttf') format("truetype");
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../Fonts/glyphicons-halflings-regular.eot');
  src: url('../Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

html {
    /*
    background-color: rgb(65, 65, 65);
    background-color: rgb(165, 165, 165);
    background-color: rgb(0, 0, 0);
    background-color: rgb(200, 200, 200);
    color: rgb(250, 250, 250);
    */
}

body {
    /*Dimensions*/    
    min-width: 95%; /*1024px; /*992px; 1200px;*/
    /*margin-bottom: 200px;*/
    margin-right: 0px;
    margin-left: 0px;
    /*Font*/
    font-family: Dosis; /*, Calibri, Verdana, Geneva, Arial, sans-serif;*/
    font-size: medium;
    line-height: 1.3em;
    color: rgb(85,85,85);
    
    
    /*Background*/
    background-image: url("../Imagens/background-shattered.png");
    background-repeat: repeat;
    background-position-y: -12px;
    background-attachment: fixed;
    
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+31,066dab+100;Web+2.0+Blue+3D+%231 */
    /*background: rgb(197,222,234); /* Old browsers */
    /*background: -moz-linear-gradient(45deg,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
    /*background: linear-gradient(45deg,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
    /*Other*/
    cursor: default;
}

#divFooter
{
    width:100%;
    height:55px;
    float:left;
    color: #777;
    
    position:relative;
    display:table-cell;
    line-height:23px;
    text-align:center;
    vertical-align:middle;
    font-family: Dosis, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
}

#divFooter > a{
    color: #676767;
    font-weight: bold;
}


.bgCoverArrumadeiraBlur:before {
    background: url('../Imagens/ArrumadeiraBlur.png') no-repeat center center fixed; 
    background-position: 0 -200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    
    content: "";
    position: absolute;
    width : 100%;
    height: 100%;
    /*background: Inherit;*/
    
    z-index: -1;
/*  
    filter        : blur(15px);
    -moz-filter   : blur(15px);
    -webkit-filter: blur(15px);
    -o-filter     : blur(15px);}
*/
}


.bgCoverPatrao:before {
    background: url('../Imagens/rabota-stol-delat-apple.jpg') no-repeat center center fixed; 
    background-position: 0 60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    
    content: "";
    position: absolute;
    width : 100%;
    height: 100%;
    /*background: Inherit;*/
    
    z-index: -1;

    filter        : blur(15px);
    -moz-filter   : blur(15px);
    -webkit-filter: blur(15px);
    -o-filter     : blur(15px);
}



.blur-bgimage {
    /*
    overflow: hidden;
    margin: 0;
    text-align: left;
    */
}
.blur-bgimage:before {
    content: "";
    position: absolute;
    width : 100%;
    height: 100%;
    background: url('../Imagens/ArrumadeiraBlur.png'); /*Inherit;*/
    
    z-index: -1;
    /*
    filter        : blur(10px);
    -moz-filter   : blur(10px);
    -webkit-filter: blur(10px);
    -o-filter     : blur(10px);
    */   

    transition        : all 2s linear;
    -moz-transition   : all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition     : all 2s linear;
}



.underMenuPrincipal {
    width: 95%; /*1024px;*/
    min-width: 95%; /*1024px;*/
    margin: 0px auto 0px auto;
}
@media (max-width: 767px) {
    .underMenuPrincipal {
        margin-top: 0px; /*Mesma altura da navbar e da bar-top*/
    }
}
@media (min-width: 992px) {
    .underMenuPrincipal {
        margin-top: 0px; /*Mesma altura da navbar e da bar-top*/
    }
}


.underMenu {
    width: 95%; /*1024px;*/
    min-width: 95%; /*1024px;*/
    margin: 0px auto 0px auto;
    padding-bottom: 70px;
}
@media (max-width: 767px) {
    .underMenu {
        margin-top: 0px; /*Mesma altura da navbar e da bar-top*/
    }
}
@media (min-width: 992px) {
    .underMenu {
        margin-top: 0px; /*Mesma altura da navbar e da bar-top*/
    }
}


/*TESTE NAO UTTILIZADO*/
.page-frame-title {
    text-align: left;
    margin: 60px 0px 0px 0px;
    padding: 20px;
    height: 150px;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
}


.midContent {
    /*Dimensions*/
    width: 95%; /*960px;*/
    /*margin-left: 200px;*/ /*bar-left width*/
    margin: 0px auto 0px auto;
    padding: 30px;
    /*Position
    float: left;
    display: inline-block;*/
    /*background-color: #222;*/
    /*background-color: White;*/
}

.bar-top {
    /*Dimensions*/ 
    min-width: 100%; /*1024px;*/
    height: 60px;
    width: 100%;
    /*Position*/
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1100;
    /*Background*/
    /*background-color: #00f;*/
}

.bar-left {
    /*Dimensions*/
    width: 200px;
    height: 100%;
    margin-top: 30px;
    /*Position*/
    float: left;
    position: absolute;
    /*Background*/
    /*background-color: #f00;*/
}

.bar-right {
    /*Dimensions*/
    width: 40px;
    height: 100%;
    margin-top: 30px;
    /*Position*/
    float: right;
    /*Background*/
    /*background-color: #0f0;*/
}


.box {
    margin: 0px 0px 20px auto;
    padding: 40px 50px 40px 50px;
    border: 1px solid #ddd;
    border-radius: 4px;
}



.whiteBox {
    float: left;
    display: inline-block;
    margin: 15px 15px 25px 15px;
    padding: 25px 15px 18px 25px;
    background-color: white;
    border: 1px solid rgb(200,200,200);
    border-radius: 5.5px;
}

.whiteBoxFull {
    /*float: none;*/
    width: 100%;
    clear: both;
    display: inline-block;
    margin: 25px 15px 25px 15px;
    padding: 15px 20px 15px 20px;
    padding: 25px 15px 18px 25px;
    background-color: rgb(251, 251, 251);
    background-color: White;
    border: 1px solid rgb(220,220,220);
    border: 1px solid rgb(200,200,200);
    border-radius: 5.5px;
   /*
    box-shadow: 1px 1px 4px rgb(223, 227, 233);
    box-shadow: 1px 1px 5px rgb(133, 140, 149);
        */
}

highlight-blue {
    color: #0070c0;
}

.tx-blue {
    color: #0070c0;
}
.tx-white {
    color: #fff;
}
.tx-light-blue {
    color: #2aabd2;
}


.ft-Tahoma {
    font-family: Tahoma !important;
}
.ft-SpecialElite {
    font-family: SpecialElite !important;
    font-weight: normal !important;
}
.ft-Comfortaa {
    font-family: Comfortaa !important;
}
.ft-Dosis {
    font-family: Dosis !important;
}



.bg-transparent{
    background-color: transparent;
}
.bg-white {
    background-color: White;
}
.bg-blue {
    background-color: #0070c0;
    color: #fff;
}
.bg-red {
    background-color: #d9534f;
    color: #fff;
}
.bg-light-blue {
    background-color: #2aabd2;
    color: #fff;
}
.bg-light-gray {    
    /*background-color: #f3f3f4;*/
    background-color: rgb(251, 251, 251);
    background-color: rgba(255, 255, 255, .8);
}
.bg-light-green {
    background-color: #1ab394;
    color: #fff;
}
.bg-semitransparent {
    background-color: rgba(60, 60, 60, .05);
}


.page-title {
   font-size: xx-large;
   text-align: center;
   font-weight: bolder;
   margin-bottom: 15px;
   color: #666666;
}


#imgUsuario {
    border-radius: 50%;
}
#imgFuncionario{
    max-height: 100px;
    border-radius: 50%;
}

.bolinha {
    text-align:right;
    padding-top:5px;
    padding-bottom:5px;
}
.bolinha > span {
    margin: auto;
    height: 4px !important;
    width: 4px !important;
    border-radius: 100%;
}

.commentBalloon {
    z-index: 9999;
    display: inline-block;
    background-color: #f6f8eb; /*rgb(253,250,208);*/
    border: 1px solid #96bc31; /*rgb(255, 233, 149);*/
    border-radius: .7em;
    /*box-shadow: 1px 1px 8px rgb(133, 140, 149);*/
    margin: 10px 10px 20px 10px;
    padding: 12px 15px 12px 15px;
    cursor: default;
    font-weight: normal;
    color: #333;
}


.tableHeader {
  background-repeat: repeat-x;
    font-family: Humnst;
    font-weight: normal;
    font-size: 16px;
    color: White;
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
}

.tableRow {
    line-height: 200%;
    background: transparent;
    font-family: 'Humnst';
    font-family: 'Tahoma';
    font-weight: normal;
    font-size: 18px;
    font-size: 14px;
    /*
    font-size: 16px;
    font-size: larger;
    text-shadow: 1px 1px 0px #fff;
    color: #737373;
        */
}







.side-menu {
    position: absolute;
    width: 200px;
    background-color: White;
    padding: 0px; /* 20px 0px 20px;*/
    border: 1px solid #ddd;
    border-radius: 4px;
}

.side-menu-header {
    padding-left: 2px;
    color: #0070C0;
    font-weight: bold;
    font-size: 18px;
}

.side-menu .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}


.side-menu .navbar-nav {
    margin: 0px;
    padding: 0px;
}

.side-menu .navbar-nav .active a {
    background-color: transparent;
    margin-right: -1px;
    border-right: 5px solid #e7e7e7;
}

.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}

.side-menu .navbar-nav li:last-child {
    border-bottom: none;
}

.side-menu .navbar-nav li a {
    padding: 15px;
}

.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px;
}

.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0;
}

.side-menu #dropdown .indicator {
    float: right;
}

.side-menu #dropdown > a {
    border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body {
    padding: 0;
    background-color: #fafafa;
}

.side-menu #dropdown .panel-body .navbar-nav {
    margin-left:  0px;
    width: 100%;
}

.side-menu #dropdown .panel-body .navbar-nav li {
    padding-left: 15px;
    border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none;
}

.side-menu #dropdown .panel-body .panel > a {
    /*margin-left: -20px;*/
    padding-left: 25px;
}

.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px;
}

.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px;
}

.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7;
}

/* small screen */
@media (max-width: 768px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
}

.side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
}









.label-big-number {
    display: inline;
    padding: .3em 0 0 0;
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-family: SpecialElite;
}










/*Overwrite docs*/
.bs-callout {
    background-color: white;
}

.bs-callout-primary h3 {
    color: #0070c0;
    margin-top: 0;
    margin-bottom: 5px;
}


.bs-callout-primary {
    border-left-color: #0070c0;
}

.bs-callout-primary h4 {
    color: #0070c0;
}


.bs-callout-info h3 {
    color: #5bc0de;
    margin-top: 0;
    margin-bottom: 5px;
}


.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}










/*Overwrite Bootstrap*/

a{
    color: #777;
}

h4, h3, h2, h1 {
    font-weight: bold;
}

.page-header {
    color: #666666;
    font-weight: bold;
}

.well {
    margin: 5px 0px 5px 0px;
    background-image: linear-gradient(to bottom, #f4f4f4 0%, #f7f7f7 100%);
    }

/*Novo nao necessariamente overwrite*/
.table-spacing {
  border-spacing: 4px;
  border-collapse: separate;
}


.text-muted {
  color: #aaa;
}

/*
.alert {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
}
*/


.navbar {
    min-height: 60px;
    font-size: 18px;
}

.navbar .dropdown li {
    font-size: 16px;
}

.navbar-default {
  background-color: White;
  -webkit-box-shadow: inset 0 1px 0 rgba(150, 150, 150, .15), 0 1px 8px rgba(0, 0, 0, .5);
          box-shadow: inset 0 1px 0 rgba(150, 150, 150, .15), 0 1px 8px rgba(0, 0, 0, .5);
  /*border-top: 4px solid #aaa;*/
  border-bottom: 1px solid #fff;/*2aabd2 0070c0*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0070c0;
  /*font-weight: bold;*/
  /*background-color: #f4f4f4;*/
}
.navbar-brand {
    margin-left: 10px;
    margin-right: 60px;
    height: 60px;
    padding: 18px 0px 10px 0px;
}
/*
@media (min-width: 768) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -40px;
    }
}
*/
.navbar-nav {
    margin: 12.5px -15px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}


#menuSuperior {
    /*Dimensions*/    
    min-width: 1024px !important;     
}

@media (min-width: 1px) {    
    #menuSuperior {
        /*Dimensions*/    
        min-width: 95% !important; /*1024px !important;*/    
    }
    .navbar {
        /*Dimensions*/    
        min-width: 95% !important; /*1024px !important;*/
    }
}

.btn-info {
    background-color: #2aabd2;
}


.form-control {
    font-family: Tahoma !important;
    color: rgba(0, 0, 0, .9);
    color: #000;
}




.badge {
    margin-left: 3px;
    text-align: right;
    text-shadow: 1px 1px 0px #888;
    background-color: #2aabd2;
    box-shadow: .5px .5px 2px #777;
    font-family: Calibri;
    font-weight: normal;
}
.dropdown-menu > li > a > b > .badge {
    position: absolute;
    margin-top: 2px;
    margin-left: -22px;
}
.g-badge {
    float: right;
    margin-right: 0;
}




.dropdown {
    padding: 0px 2px 0px 2px;
}

.dropdown > a > .glyphicon {
    font-size: 85%;
}


.dropdown-menu > li > a {
    padding-left: 35px;
    padding-right: 25px;
}
.dropdown-menu > li > a > .glyphicon {
    margin-top: 3px;
    margin-left: -26px;
    margin-right: 8px;
    color: #d6d6d6;
    font-size: 90%;
}


.panel-primary > .panel-heading {
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #0070c0 0%, #0b6ec7 100%);
}


.panel-footer{
    margin-top: 20px;
}



.tab-pane {
    /**/
    background-color: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.panel {    
    background-color: transparent;
}
.panel-body{
    padding: 20px;
}
.panel-footer {
    margin-top: 10px;
    background-color: rgb(240,240,240);
}





.breadcrumb {
  font-size: small;
  text-align: center;
  padding: 4px 7px;
  margin: 5px auto 0px auto;
  background-color: transparent; /* #f8f8f8;*/
  border-radius: 4px;
}
.breadcrumb > a {
  color: #0070c0;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
}
.breadcrumb > .active {
  color: #777;
}








/* WIDGETS */
.widget1 {
  width: 200px;
  height: 70px;
  font-family: Tahoma;
  font-size: 30px;
  border-radius: 5px;
  padding: 15px 20px;
  margin-top: 10px; /*20px 20px 20px;*/
}

.widgetValue {
    margin-top: 6px;  
    float: right;
    margin-right: 0;
}

.widgetDescription {
  font-size: 11px;
  font-weight: normal;
}









.right-align {
    float: right;
    margin-right: 0;
}
.center-align {
    display: table;
    margin: 0 auto;
}

/* centered columns styles*/
.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align*/
    text-align: left;
    /* inline-block space fix*/
    margin-right: -4px;
}






.tbxHora {
    font-family: Tahoma;
    /*font-size: 18px;*/
    font-weight: normal;
    width: 105px;
}
.tbxMinutos {
    font-family: Tahoma;
    /*font-size: 18px;*/
    font-weight: normal;
    width: 70px;
}




kbd {
    color: #0070c0;
    color: rgb(85,85,85);
    background-color: rgba(54, 181, 231, 0.1);
    background-color: rgba(252, 255, 0, 0.1);
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.8em;
}

mono {
    font-family: monospace, monospace !important;
    font-weight: normal;
    font-size: 1em;
}

enfase {
    font-family: Tahoma;
    font-weight: bold;
}

samp {
    color: #0070c0;
    color: #444;
    background-color: rgba(54, 181, 231, 0.07);
    background-color:  #f4f4f4;
}

code-blue {
  padding: 2px 4px;
  margin: -2px -4px;
  font-size: 100%;
  font-weight: bold;
  color: #1f9abf;
  font-family: monospace;
  background-color: #f0f7f9;
  border-radius: 4px;
}






/*Overwrite Inspinia*/

.product-box {
    font-family: Tahoma;
    color: #999;
}

.product-name {
    font-family: Comfortaa;
    font-size: 19px;
    font-weight: bold;
    color: #0070c0;
    display: block;
    margin: 2px 0 5px 0;
}
.product-name:hover,
.product-name:focus {
  color: #2aabd2;
}

.product-price {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-color: #1ab394;
    padding: 6px 12px;
    position: absolute;
    top: -32px;
    right: 0;
}

.product-desc {
    
    font-size: 14px;
    /*padding-bottom: 5px;*/
}

.product-quantity {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    float: right;
}
.product-quantity input {
    width: 30px;
    height: 22px;
    font-size: smaller;
    padding: 5px;
    text-align: center;
}
.product-quantity a {
    margin-top: 14px;
    font-size: 14px;
    color: #0070c0 !important;
}
.product-quantity table {
    border-top-style: none;
    margin-top: 0;
    margin-bottom: 0;
}
.product-quantity tr {
    border-top-style: none;
    background-color: rgb(251, 251, 251);
}