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




.borderbox
{
    -webkit-box-shadow: 4px 4px 4px 0px rgba(44, 46, 50, 0.34);
-moz-box-shadow:    4px 4px 4px 0px rgba(44, 46, 50, 0.34);
box-shadow:         4px 4px 4px 0px rgba(44, 46, 50, 0.34);
        border: 1px dotted;
        border-color: #D5E3EF;
}

.border-box2
{
    -webkit-box-shadow: 4px 4px 4px 0px rgba(44, 46, 50, 0.34);
-moz-box-shadow:    4px 4px 4px 0px rgba(44, 46, 50, 0.34);
box-shadow:         4px 4px 4px 0px rgba(44, 46, 50, 0.34);
        border: 1px solid;
        border-color: #D5E3EF;
}

.border-box3
{
    -webkit-box-shadow: 4px 4px 4px 0px rgba(44, 46, 50, 0.34);
-moz-box-shadow:    4px 4px 4px 0px rgba(44, 46, 50, 0.34);
box-shadow:         4px 4px 4px 0px rgba(44, 46, 50, 0.34);
        border: 1px solid;
        border-color: #D5E3EF;
}

.paddingContainer
{
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 3em;
    padding-right: 3em;
}

/*STILOS DA HR*/


hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



/*CENTERIZAÇÃO*/

.centerElm {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
   
}

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

/*SOMBREAMENTO DO LOGO CLIENTE*/


#imgLogoCliente:hover
{
  -webkit-box-shadow: inset 0px 1px 30px 3px rgba(50, 129, 253, 1);
-moz-box-shadow:    inset 0px 1px 30px 3px rgba(50, 129, 253, 1);
box-shadow:         inset 0px 1px 30px 3px rgba(50, 129, 253, 1);
}


/*HEADER DO PAINEL DE PRODUTOS NA INDEX*/

#panelheadIndex{
    background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}


/*HOVER DOS ITENS DE PRODUTOS*/
.hoverItem a:hover
{
    background-color:#FFD191;
}



#panelf
{
    background-color:#3A87AD;
    
}

 .color-tooltip + .tooltip > .tooltip-inner {
        background-color: #880623;
    }



/*TABELA INFO USUARIO TELA INDEX.CSHTML*/

#usuario td.cor 
{
    background-color:#EDF3F4;
   padding: 3px 7px 2px 7px;
   color:#336199;
   font-weight:bold;
   
   
}


/*TABELA DE SOLICITACOES*/


    #tabelaIndex th {
  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

    }
    
    
    #usuario ,#usuTbody ,.active
{
    border: dotted 1px #DCEBF7;
}

tbody td, tbody tr
{
    padding: 3px 7px 2px 7px;
}


/*ESPAÇAMENTOS*/

.margemAcima 
{
    margin-top: 1.5%;
}

.margemAcima2
{
    margin-top: 2%;
}

.margemAcima4

{
    margin-top:4%;
}

.margemAcima7

{
    margin-top:7%;
}

.margemAbaixo
{
    margin-bottom: 1.5%;
}

.margemAbaixo2
{
    margin-bottom: 2%;
}

.margemAbaixo4
{
    margin-bottom: 4%;
}
.margemDireita
{
    margin-right: 1.5%;
}

.margemDireita2
{
    margin-right: 2%;
}

.margemDireita4
{
    margin-right: 4%;
}

.margemEsquerda
{
    margin-left: 1.5%;
}


.margemEsquerda2
{
    margin-left: 2%;
}

.margemEsquerda4
{
    margin-left:4%;
}

/*.navbar-fixed-top .nav {
    padding: 15px 0;
}*/

/*.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

  .second-navbar-inverse {
            background-color: #0066A5;
        }




            .second-navbar-inverse .navbar-nav > .active > a:hover, .second-navbar-inverse .navbar-nav > li > a:hover, .second-navbar-inverse .navbar-nav > li > a:focus {
                background-color: #255594;
            }

            .second-navbar-inverse .navbar-nav > .active > a, .second-navbar-inverse .navbar-nav > .open > a, .second-navbar-inverse .navbar-nav > .open > a, .second-navbar-inverse .navbar-nav > .open > a:hover, .second-navbar-inverse .navbar-nav > .open > a, .second-navbar-inverse .navbar-nav > .open > a:hover, .second-navbar-inverse .navbar-nav > .open > a:focus {
                background-color: #0066A5;
            }

        .dropdown-menu {
            background-color: #FFFFFF;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                background-color: #0066A5;
            }

        .second-navbar-inverse {
            background-image: none;
        }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image: none;
        }

        .second-navbar-inverse {
            border-color: #255594;
        }

            .second-navbar-inverse .navbar-brand {
                color: #FFFFFF;
            }

                .second-navbar-inverse .navbar-brand:hover {
                    color: #FFFFFF;
                }

            .second-navbar-inverse .navbar-nav > li > a {
                color: #FFFFFF;
            }

                .second-navbar-inverse .navbar-nav > li > a:hover, .second-navbar-inverse .navbar-nav > li > a:focus {
                    color: #FFFFFF;
                }

            .second-navbar-inverse .navbar-nav > .active > a, .second-navbar-inverse .navbar-nav > .open > a, .second-navbar-inverse .navbar-nav > .open > a:hover, .second-navbar-inverse .navbar-nav > .open > a:focus {
                color: #FFFFFF;
            }

                .second-navbar-inverse .navbar-nav > .active > a:hover, .second-navbar-inverse .navbar-nav > .active > a:focus {
                    color: #FFFFFF;
                }

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

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                color: #FFFFFF;
            }

        .second-navbar-inverse .navbar-nav > .dropdown > a .caret {
            border-top-color: #999999;
        }

        .second-navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
            border-top-color: #FFFFFF;
        }

        .second-navbar-inverse .navbar-nav > .dropdown > a .caret {
            border-bottom-color: #999999;
        }

        .second-navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
            border-bottom-color: #FFFFFF;
        }

        .second-nav-a {
            display: inline-block;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: 1px;
            outline: medium none;
            text-decoration: none;
            text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
        }



        .dropdown-submenu {
            position: relative;
        }

            .dropdown-submenu > .dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0 6px 6px 6px;
                -moz-border-radius: 0 6px 6px;
                border-radius: 0 6px 6px 6px;
            }

            .dropdown-submenu.pull-left {
                float: none;
            }

                .dropdown-submenu.pull-left > .dropdown-menu {
                    left: -100%;
                    margin-left: 10px;
                    -webkit-border-radius: 6px 0 6px 6px;
                    -moz-border-radius: 6px 0 6px 6px;
                    border-radius: 6px 0 6px 6px;
                }


            .dropdown-submenu:hover > .dropdown-menu-dd {
                display: block;
            }

            .dropdown-submenu > a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid;
                border-width: 5px 0 5px 5px;
                border-left-color: #ccc;
                margin-top: 5px;
                margin-right: -10px;
            }

            .dropdown-submenu:hover > a:after {
                border-left-color: #fff;
            }


            .dropdown-submenu:hover > .dropdown-menu {
                display: block;
            }

            .dropdown-submenu > a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid;
                border-width: 5px 0 5px 5px;
                border-left-color: #ccc;
                margin-top: 5px;
                margin-right: -10px;
            }

            .dropdown-submenu:hover > a:after {
                border-left-color: #fff;
            }


        .dropdown-dd:hover .dropdown-menu {
            display: block;
        }

        .dd-sol-menu:hover #ul-sb {
            display: block;
        }*/



@media(min-width:768px) {
    body {
       /*   padding-top: 66px;Required padding for .navbar-fixed-top. Change if height of navigation changes. */
        font-family: 'Roboto', sans-serif;
    }

    /*.navbar-fixed-top .navbar-brand {
        padding: 7px 0;
    }*/
}


/*.navbar-nav a {
    font-family: 'Roboto' sans-serif;
    display: inline-block;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    outline: none;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

nav a:hover,
nav a:focus {
    outline: none;
}


nav a {
    position: relative;
    display: inline-block;
    outline: none;
    color: #fff;
    text-decoration: none;
    
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 1.35em;
}



.navbar-inverse .navbar-nav > li > a {
    color: #3C208D !important;
}


.cl-effect-11 a {
    padding: 10px 0;
    border-top: 2px solid #0972b4;
    color: #0972b4;
    text-shadow: none;
}

    .cl-effect-11 a::before {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        padding: 10px 0;
        max-width: 0;
        border-bottom: 2px solid #fff;
        color: #fff;
        content: attr(data-hover);
        -webkit-transition: max-width 0.5s;
        -moz-transition: max-width 0.5s;
        transition: max-width 0.5s;
    }

    .cl-effect-11 a:hover::before,
    .cl-effect-11 a:focus::before {
        max-width: 100%;
    }*/



 


#ul-bs {
   margin-top: 20px;
    margin-bottom:20px;
}

    #ul-bs a {
      overflow: hidden;
	padding: 0 5px;
	
    }


    #ul-bs a span {
        position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
    }

    #ul-bs a span::before {
        position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    }


    #ul-bs a:hover span,
#ul-bs a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
    color:#c71304;
}


        


i {
    font-size: 1.6em;
}



::-moz-selection {
    text-shadow: none;
    background: #fed136;
}


img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed136;
}




  /***
Pre-Footer and pre-footer elements
***/
    .pre-footer {
        background: #EEEEEE;
        color: #b0b0b0;
    }

      .pre-footer .blest {
    padding-top: 5px !important;
    padding-left: 60px;
    padding-right: 60px;
}

       

    .pre-footer hr {
        margin-top: 0;
        border-color: #404040;
    }

  

    /* light pre-footer */
    .pre-footer-light {
        background: #F9F9F9;
        color: #3E4D5C;
        margin-top: 20px;
    }

        .pre-footer-light .container {
            background: #fff;
            padding-top: 25px;
        }

     
    /* footer */
    .footer {
        background: #EEEEEE;
        color: #fff;        
        padding: 15px 0;
        margin-top:10px;
        
  
    }

    .footer-light {
        background: #F9F9F9;
        color: #3e4d5c;
    }

    .footer-gray {
        background: #4A5866;
    }

    .footer a {
        color:  rgb(51, 51, 51);
         text-decoration: none;
        
    }

    .footer h2 {
        color:  rgb(51, 51, 51);
        margin-top:-2px;
    }

   .footer address {
        color:  rgb(51, 51, 51);
   }

    .footer span {
        color:  rgb(51, 51, 51);
        font-weight:700;
    }

        .footer a:hover {
            text-decoration: underline;
           
        }

    .footer-light a {
        color: inherit;
    }

    .footer .padding-top-10 {
        opacity: 0.5;
    }

    .footer .list-inline > li:last-child {
        padding-right: 0;
    }

    .footer ul {
        margin: 0;
        padding: 0;
    }

        .footer ul.social-footer {
            font-size: 18px;
            padding-top: 5px;
        }

    .footer .social-icons li {
        float: right;
        margin: 0 0 0 5px;
    }

    .copyright {
        padding-top: 0px;
        padding-left:60px;
        color:#000;
        font-weight:700;

    }

    @-moz-document url-prefix() {
        .copyright {
            padding-top: 6px;
        }
    }

    .footer ul.social-icons li a {
        opacity: 0.5;
    }

    .footer ul.social-icons li:hover a {
        opacity: 1 !important;
    }