/* Colors V.4.1           */
/* Blue - #1d8bbf       */
/* Blue Light - #4d7dff */
/* Lilac - #7571f9       */
/* Gray - #6a6a6a       */
/* Gray Logo - #808285  */

html, body {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../Fonts/opensans-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat Light';
    src: url('../Fonts/Montserrat-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat Medium';
    src: url('../Fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Segoe UI Light';
    src: url('../Fonts/segoe-ui-light.ttf') format('truetype');
}

/* Header */
.dxpnl-edge.t.headerPane 
{
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: solid 3px #808285;
}
.dxpnl-edge.t.headerPane.panel 
{
    padding: 0;
}
.headerMenu 
{
    border-width: 0!important;
    border-top-width: 1px!important;
}
.expandedPanel 
{
    padding: 2px!important;
}
.expandedPanel .headerMenu 
{
    border-top-width: 0!important;
}
.expandedPanel .headerTop 
{
    display: none;
}
.logoControl 
{
    float: left;
    margin: 14px 10px 10px 14px;
}
.loginControl 
{
    float: right;
    margin: 15px;
}
.loginControlSite 
{
    float: right;
    margin: 10px;
}
.loginControlSite .input-group-prepend {
    width: 36px;
}
.loginControlSite .form-control {
    min-height: 20px;
    height: 28px;
}
.loginControlSite .loginButton {
    margin-left: 5px;
    height: 28px;
    border: 1px solid #e0dfdf;
    border-radius: 5px;
    padding: 3px 15px;
}
.loginControlSite .loginButton:hover {
    color: #808285;
}
.loginButton {
    margin: 0px;
}
.loginButton:hover
{
    background-color: #ededed;
}
.box-esqueci-senha {
    border: solid 1px #bebdbd;
    border-radius: 10px;
    margin: 10px;
    padding: 30px 30px 40px 30px;
    font-size: 14px;
}

/* Header - Responsive */
@media (max-width: 600px) {
    .logoControl 
    {
        margin: 15px 0px 0px 0px;
    }   
    .loginControl 
    {
        margin: 5px;
    }     
    .loginControlSite 
    {
        float: right;
        margin: 10px;
    }
    .loginButton {
        margin-right: 0px;
    }
    .phones {
        height: 8px;
        visibility: hidden;
    }
}
@media (max-width: 500px) {
    .phones {
        height: 4px;
        visibility: hidden;
    }
}

/* Footer */
.dxpnl-edge.b.footerPane 
{
    background-color: #dcdbdb;
}
.dxpnl-edge.b.footerPane.panel 
{
    padding: 0;
}
.footerMenu 
{
    float: right;
    padding-top: 7px;
}
.copyright 
{
    font-size: 13px;
}
.copyrightMargin 
{
    margin-top: 8px;
}
.copyrightMarginSite 
{
    margin-top: 7px;
    margin-bottom: 8px;
}

/* Footer - Responsive */
@media (max-width: 1000px) {
    .copyright 
    {
		font-size: 11px;
	    line-height: 15px;
	}
}
@media (max-width: 500px) {
    .copyright 
    {
		font-size: 7px;
	    line-height: 12px;
	}
    .copyrightMargin 
    {
        margin-top: 3px;
    }
    .copyrightMarginSite 
    {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}


/* Content - Projeto */
.bodyProjeto {
    background-color: #f8f8f8;
}
.contentPageProjeto {
    background-color: white;
    margin: 20px;
    padding: 20px;
    border-radius: 10px;
}

/* Content */
.content 
{
    padding-left: 30px;
    padding-right: 30px; 
}
.contentPane
{
    border-width: 0px !important;
    width: 100%;
    height: 100%;
}
.contentPage {
    background-color: white;
    padding: 20px;
    padding-top: 10px;
    border-radius: 10px;
}
.content-title {
    padding: 15px 30px 0px 30px;
    font-size: 25px;
    font-weight: lighter;
}

/*  Content Portal - Responsive */
@media (max-width: 767px) {
    .content-title {
        padding: 15px 15px 0px 15px;
    }
}

/* Left Panel */
.leftPane.panel
{
    padding: 0;
    width: 200px;
}

/* Right Panel */
.rightPane.panel
{
    padding: 0;
    width: 250px;
}

/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}

/* Custom */
.containerLight {
    margin: 50px;
}
.img-logo {
    border: 0px solid transparent;
    outline: transparent solid 0px;
    height: 85px;
    visibility: visible;
}
.img-logo-portal {
    border: 0px solid transparent;
    outline: transparent solid 0px;
    height: 65px;
}
.font-strong {
    font-weight: 500 !important;
}
.themeColor {
    /*background-color: #7571f9;*/
    background-color: #4d7cff;
}
.titlePage {
    /*color: #7571f9;*/
    color: #4d7cff;
}
.titleBlue {
    color: #1d8bbf;
    font-size: 20px;
}
.noBorder {
    border-style: none;
}
.msgRed {
    font-size: 14px;
    color: red;
}
.msgHelpText {
    font-size: 12px;
    color: darkgray;
}
.msgAqua {
    font-size: 14px;
    color: aqua;
}
.gridButton {
    background-color: #e8e8e8;
    color: #4b4b4b;
    border-color: #dfdfdf;
}
.gridButton:hover {
    background-color: #eeeeee;
    color: #4b4b4b;
}
.gridButton:focus {
    color: #4b4b4b;
}
.panShow {
    display: block;
}
.panHide {
    display: none;
}
.btn-no-shadow {
    box-shadow: none;
}
.btn-icon {
    font-size: 16px;
    padding: 4px 2px 3px 2px;
    width: 40px;
}
.fa-btn-icon {
    color: white;
    font-style: normal;
}
.btn-blue {
    background-color: #1d8bbf;
    color: white;
}
.btn-blue:hover {
    background-color: #5ba3c5;
    color: white;
}
.btn-green {
    background-color: #76a449;
    color: white;
}
.btn-green:hover {
    background-color: #97bd72;
    color: white;
}
.btn-orange {
    background-color: #eb6e38;
    color: white;
}
.btn-orange:hover {
    background-color: #ec936c;
    color: white;
}
.btn-lilac {
    background-color: #a048ca;
    color: white;
}
.btn-lilac:hover {
    background-color: #b47bd0;
    color: white;
}

/* Custom - Responsive */
@media (max-width: 600px) {
    .img-logo {
        height: 0px;
        visibility: hidden;
    }
}

/* Custom Metismenu */
.nk-sidebar .metismenu a {
    padding: 0.6rem 1.25rem;
}
.nk-sidebar .metismenu ul a {
    padding: 0.3rem 0.9375rem 0.3rem 2.8125rem;
}
.nk-sidebar .user-block {
    padding: 10px 0px;
}
.nk-sidebar .user-block .user-info {
    padding-left: .8rem;
    padding-right: .8rem;
    color: white;
}
.nk-sidebar .user-block .nav-text:hover {
    color: white;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nk-sidebar .metismenu li > ul {
    width: 305px;
    top: 2.5rem;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nk-sidebar .metismenu li:hover > a {
    width: 365px;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nk-sidebar .metismenu > li:hover:nth-last-child(-n + 3) > ul {
    bottom: 2.5rem;
}

/* Material - Menu */
.dxnbLite_Material .dxnb-header,
.dxnbLite_Material .dxnb-headerCollapsed,
.dxnbLite_Material .dxnb-item.dxnb-link,
.dxnbLite_Material .dxnb-item .dxnb-link,
.dxnbLite_Material .dxnb-bullet.dxnb-link
{
    font-family: Arial;
    background-color: white !important;
}
.dxrpControl_Material
{
	border: none;
}

/* Moderno */
.dxpnlControl_Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_Moderno .footerMenu li
{
    background-color: #e0dfdf;
    color: Black;
    border-radius: 0;
    border-bottom: solid 1px #bebdbd;
}
.dxpnlControl_Moderno.dxpnl-edge.t.headerPaneLigh
{
    background-color: White;
    color: Black;
}

.dxpnlControl_Moderno.headerPane .headerMenu .dxm-main
{
    border-color: #bebdbd;
    border-style: solid;
}
.dxpnlControl_Moderno.leftPane
{
    padding: 0px;
}
.dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-header,
.dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-headerCollapsed
{
    border-top: 0px;
}
.dxpnlControl_Moderno.rightPane
{
    width: 350px;
}
.dxpnlControl_Moderno .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Moderno .loginControl a,
.dxpnlControl_Moderno .templateTitle a
{
    font-size: 14px;
    color: #808285;
    border-color: #808285;
}
.dxpnlControl_Moderno .templateTitle a 
{
    font-size: 28px;
}
.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvTable_Moderno
{
    border: 0!important;
    width: 100%;
    height: 100%;
}
.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvHeader_Moderno
{
    border-top: 0!important;
}
.dxpnlControl_Moderno.dxpnl-edge.b.footerPane 
{
    background: #e0dfdf;
    border-top: 1px solid #bebdbd;
}

/* iOS */
.dxpnlControl_iOS.leftPane,
.dxpnlControl_iOS.rightPane,
.dxpnlControl_iOS.contentPane
{
    border-width: 0px !important;
    width: 100%;
    height: 100%;
}
.dxpnlControl_iOS.leftPane.panel
{
    width: 300px;
}
.dxpnlControl_iOS.rightPane
{
    width: 450px;
}
.dxpnlControl_iOS .templateTitle
{
    margin: 17px 25px;
}
.dxpnlControl_iOS .templateTitle a
{
    color: #303030;
    font-size: 26px;
    line-height: 1em;
    font-weight: bold;
}
.dxpnlControl_iOS .loginControl a
{
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}
.dxpnlControl_iOS.mainContentPane
{
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}
.dxpnlControl_iOS.dxpnl-edge.b.footerPane
{
    border-width: 1px !important;
}
.dxpnlControl_iOS .accountHeader p
{
    color: #303030;
}
.dxpnlControl_iOS .accountHeader h2
{
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}

/* Aqua */
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane,
.dxpnlControl_Aqua.dxpnl-edge.b.footerPane,
.dxpnlControl_Aqua .footerMenu li
{
    background-color: #BFDBFF;
}
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane
{
    background-image: url('images/AquaHeader.jpg');
}
.dxpnlControl_Aqua .accountHeader h2
{
    color: #5689C5;
}
.dxpnlControl_Aqua .loginControl a,
.dxpnlControl_Aqua .templateTitle a
{
    color: White;
    border-color: White;
}

/* DevEx */
.dxpnlControl_DevEx.dxpnl-edge.t.headerPane,
.dxpnlControl_DevEx.dxpnl-edge.b.footerPane,
.dxpnlControl_DevEx .footerMenu li
{
    background-color: #F2F3F4;
}
.dxpnlControl_DevEx .templateTitle a,
.dxpnlControl_DevEx .loginControl,
.dxpnlControl_DevEx .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_DevEx .loginControl a 
{
    border-bottom-color: #4B4B57;
}

/* BlackGlass */
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane,
.dxpnlControl_BlackGlass.dxpnl-edge.b.footerPane,
.dxpnlControl_BlackGlass .footerMenu li
{
    background-color: #2A2A2A;
    color: white;
}
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane
{
    background-image: url('images/BlackGlassHeader.jpg');
}
.dxpnlControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul
{
    border-bottom: 1px solid black;
}
.dxpnlControl_BlackGlass .accountHeader p
{
    color: #585858;
}
.dxpnlControl_BlackGlass .loginControl a,
.dxpnlControl_BlackGlass .templateTitle a
{
    color: White;
    border-color: White;
}

/* Glass */
.dxpnlControl_Glass.dxpnl-edge.t.headerPane,
.dxpnlControl_Glass.dxpnl-edge.b.footerPane,
.dxpnlControl_Glass .footerMenu li
{
    background-color: #CFE0E7;
}
.dxpnlControl_Glass.dxpnl-edge.t.headerPane
{
    background-image: url('images/GlassHeader.jpg');
}
.dxpnlControl_Glass .footerMenu *
{
    background-image: none !important;
}
.dxpnlControl_Glass .templateTitle a,
.dxpnlControl_Glass .loginControl,
.dxpnlControl_Glass .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Glass .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Glass .accountHeader h2
{
    color: #387FA4;
}
.dxpnlControl_Glass .accountHeader p
{
    color: #575757;
}

/* Office2003Blue */
.dxpnlControl_Office2003Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Blue .footerMenu li
{
    background-color: #BCD4F6;
}
.dxpnlControl_Office2003Blue .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Blue .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Blue .templateTitle a,
.dxpnlControl_Office2003Blue .loginControl,
.dxpnlControl_Office2003Blue .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Blue .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Blue .accountHeader p
{
    color: #424242;
}

/* Office2003Olive */
.dxpnlControl_Office2003Olive.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Olive.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Olive .footerMenu li
{
    background-color: #D6DCBB;
}
.dxpnlControl_Office2003Olive .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Olive .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Olive .templateTitle a,
.dxpnlControl_Office2003Olive .loginControl,
.dxpnlControl_Office2003Olive .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Olive .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Olive .accountHeader p
{
    color: #424242;
}

/* Office2003Silver */
.dxpnlControl_Office2003Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Silver .footerMenu li
{
    background-color: #D0D0DE;
}
.dxpnlControl_Office2003Silver .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Silver .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Silver .templateTitle a,
.dxpnlControl_Office2003Silver .loginControl,
.dxpnlControl_Office2003Silver .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Silver .loginControl a
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Silver .accountHeader p
{
    color: #424242;
}

/* Office2010Black */
.dxpnlControl_Office2010Black.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Black.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Black .footerMenu li
{
    background-color: #393939;
    color: white;
}
.dxpnlControl_Office2010Black .footerMenu a
{
    color: white !important;
}
.dxpnlControl_Office2010Black .accountHeader h2
{
    color: #3C3C3C;
}
.dxpnlControl_Office2010Black .loginControl a,
.dxpnlControl_Office2010Black .templateTitle a
{
    color: White;
    border-color: White;
}

/* Office2010Blue */
.dxpnlControl_Office2010Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Blue .footerMenu li
{
    background-color: #D3E4F6;
}
.dxpnlControl_Office2010Blue .templateTitle a,
.dxpnlControl_Office2010Blue .loginControl,
.dxpnlControl_Office2010Blue .loginControl a
{
    color: Black;
}
.dxpnlControl_Office2010Blue .loginControl a 
{
    border-bottom-color: Black;
}
.dxpnlControl_Office2010Blue .accountHeader h2
{
    color: #498BC2;
}

/* Office2010Silver */
.dxpnlControl_Office2010Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Silver .footerMenu li
{
    background-color: #A9ACB4;
    color: white;
}
.dxpnlControl_Office2010Silver .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Office2010Silver .loginControl a,
.dxpnlControl_Office2010Silver .templateTitle a
{
    color: White;
    border-color: White;
}

/* PlasticBlue */
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_PlasticBlue.dxpnl-edge.b.footerPane,
.dxpnlControl_PlasticBlue .footerMenu li
{
    background-color :#3C4F8F;
    color: white;
}
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane
{
    background-image: url('images/PlasticBlueHeader.jpg');
}
.dxpnlControl_PlasticBlue .accountHeader h2
{
    color: #5A83D0;
}
.dxpnlControl_PlasticBlue .accountHeader p
{
    color: #575757;
}
.dxpnlControl_PlasticBlue .loginControl a,
.dxpnlControl_PlasticBlue .templateTitle a
{
    color: White;
    border-color: White;
}

/* RedWine */
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane,
.dxpnlControl_RedWine.dxpnl-edge.b.footerPane,
.dxpnlControl_RedWine .footerMenu li
{
    background-color: #78002B;
    color: white;
}
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane
{
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}
.dxpnlControl_RedWine .footerMenu div 
{
    background: transparent none;
}
.dxpnlControl_RedWine .accountHeader h2
{
    color: #8A0A37;
}
.dxpnlControl_RedWine .loginControl a,
.dxpnlControl_RedWine .templateTitle a
{
    color: White;
    border-color: White;
}

/* SoftOrange */
.dxpnlControl_SoftOrange.dxpnl-edge.t.headerPane,
.dxpnlControl_SoftOrange.dxpnl-edge.b.footerPane,
.dxpnlControl_SoftOrange .footerMenu li
{
    background-color: #F9F9F9 !important;
    background-image: none !important;
}
.dxpnlControl_SoftOrange .templateTitle a,
.dxpnlControl_SoftOrange .loginControl,
.dxpnlControl_SoftOrange .loginControl a
{
    color: Black;
}
.dxpnlControl_SoftOrange .loginControl a 
{
    border-bottom-color: Black;
}
.dxpnlControl_SoftOrange .accountHeader h2
{
    color: Black;
}
.dxpnlControl_SoftOrange .accountHeader p
{
    color: #707070;
}

/* Youthful */
.dxpnlControl_Youthful.dxpnl-edge.t.headerPane,
.dxpnlControl_Youthful.dxpnl-edge.b.footerPane,
.dxpnlControl_Youthful .footerMenu li
{
    background-color: #8AA150;
    color: white !important;
}
.dxpnlControl_Youthful .accountHeader h2
{
    color: #80A70E;
}
.dxpnlControl_Youthful .loginControl a,
.dxpnlControl_Youthful .templateTitle a
{
    color: White;
    border-color: White;
}

/* Metropolis */
.dxpnlControl_Metropolis.dxpnl-edge.t.headerPane,
.dxpnlControl_Metropolis .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_Metropolis.rightPane
{
    width: 400px;
}
.dxpnlControl_Metropolis .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Metropolis .loginControl a,
.dxpnlControl_Metropolis .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxpnlControl_Metropolis .templateTitle a 
{
    font-size: 28px;
}

/* MetropolisBlue */
.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_MetropolisBlue.rightPane
{
    width: 400px;
}
.dxpnlControl_MetropolisBlue .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_MetropolisBlue .loginControl a,
.dxpnlControl_MetropolisBlue .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxpnlControl_MetropolisBlue .templateTitle a 
{
    font-size: 28px;
}

/* Mulberry */
.dxpnlControl_Mulberry .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_Mulberry .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Mulberry .loginControl a,
.dxpnlControl_Mulberry .templateTitle a
{
    color: #BF4E6A;
    border-color: #BF4E6A;
    font-size: 14px;
}
.dxpnlControl_Mulberry .templateTitle a 
{
    font-size: 28px;
}
.dxpnlControl_Mulberry.dxpnl-edge.t.headerPane,
.dxpnlControl_Mulberry.dxpnl-edge.b.footerPane
{
    background: #F1F2F5;
}
.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvTable_Mulberry
{
    border: 0!important;
}
.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvHeader_Mulberry
{
    border-top: 0!important;
}
