/* Estilos globais */
body
{
    font-family: 'Open Sans' !important;
    font-size: 10pt;
    background-color: white;
    color: #333333;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    padding: 0;
    _font-size: 8pt;
    color: #333333;
}

html{
    font-family: 'Open Sans' !important;
}

.tcheckgroup_label
{
    padding-left: 4px;
    cursor: pointer;
}

.tcheckgroup_label > img, .tcheckgroup_label > input, .tcheckgroup_label > span
{
    padding: 4px;
    margin-right: 5px;
}

.modal-footer{
    clear: both !important;
} 

.blockUI
{
    z-index: 4000 !important;
}

a, a:hover
{
    text-decoration:none;
}

#sitecontent
{
    margin:auto;
    display:block;
    background: white;
    height:auto;
}

.header_bottom {
    height: 3px;
    background-color: #CACFD5;
    border-bottom: 1px solid #555555;
}

.wellcome
{
    text-decoration: none;
    color: white;
}

#pageboth
{
    clear:both;
}

.project-img{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.project-container{
    padding-top: 20px;
    padding-left: 5px;
    margin-bottom: 15px;
}

.project-container img{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 50px;border-radius: 100%;
    float: left;
}

.project-container .project-name{
    padding-top: 15px;
    padding-left: 5px;
    float: left;
    letter-spacing: 0.7px;
    width: 143px;
    text-align: left;
}

.project-container .project-name i{
    color: grey;
}

.left-menu-container hr{
    border-top: 1px solid #ccc;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.left-menu-container{
    width: 220px; float:left; margin-left: -220px; border-right: 1px solid #ccc;
    background-color: #f5f5f5;height: 500px; z-index: -1; margin-top: 4px; position: relative;
    position: fixed;
}

.left-menu{
    padding-left: 0px;
}

.left-menu li{
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none !important; 
}

.left-menu li:hover{
    background-color: #e9e8e8;
    cursor: pointer;
    color:#191c1d;
}

.left-menu li.active{
    background-color: #e9e8e8;
    cursor: pointer;
    color:#191c1d;
    font-weight: bold;
}

.left-menu li .fa {
    margin-right: 10px;
}

.left-menu .divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    padding:0px !important;
    background-color: #ccc !important;
}

.left-menu li > a:hover, .left-menu li > a:visited, .left-menu li > a:link, .left-menu li > a:active
{
    text-decoration: none !important;
}

.left-menu li > a{
    color:#191c1d;
    display: block;
    letter-spacing: 0.5px;
    text-decoration: none !important; 
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.top-menu{
    padding:0px;
    padding-top: 3px;
    list-style: none;
}

.top-menu > .activeA:after{
    background-color: #84bd00;
}

.top-menu .top-menu-li{
    position: relative;
    display: block;
    margin-left: 15px;
    float: left;
    list-style: none;
}

.top-menu:after {
    clear: both;
}

.top-menu > .top-menu-li.active > a:after {
    background-color: #fe9200;
}

.top-menu > .top-menu-li.active > a {
    color: #ffffff;
    text-decoration: none !important;
}

.top-menu > .top-menu-li > a:hover {
    color: #ffffff;
    text-decoration: none !important;
}

.top-menu > .top-menu-li > a {
    color: #88898c;
    display: block;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.top-menu > .top-menu-li > a:after {
    content: ' ';
    background-color: transparent;
    bottom: 0px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    transition: background-color 0.5s;
}

/*.topbanner
{
    box-shadow: 0 0 3px -1px #C0C0C0;
    border-top: 0px solid gray;
    border-bottom: 1px solid #c0c0c0;
    height: 44px;
    background: #32a0ea;
}*/

.topbanner {
    box-shadow: 0 0 5px 1px #303334;
    /* border-top: 0px solid gray; */
    /* border-bottom: 1px solid #c0c0c0; */
    height: 50px;
    background: #32a0ea;
    /* box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px, rgba(255, 255, 255, 0.0784314) 0px 1px 0px inset; */
    border-bottom: 1px solid #25292b;
    width: 100%;
    position: fixed;
    z-index: 999;
}


.menulink
{
    text-decoration: none;
    color: #25546d;
    cursor: pointer;
}

.menulink.selected
{
    font-weight: bold;
    text-decoration: underline;
    color: #25546d;
}

.inlinelink
{
    border-bottom:1px dashed #000000;
    cursor: pointer;
}

.menulink:hover
{
    border-bottom:1px dotted #777777;
}

/* included only when we don't want to use fonts from google server */

.popover {
    max-width: 500px;
}

.input-group-addon, .input-group-btn, .input-group .form-control{
    display: table-cell !important;
}

div.color-div span.tcolor{
    padding: 2px;
}

.tcolor{
    padding-top: 3px !important;
}
.tcolor-icon{
    margin-top: 2px;
}

.inputCodeBtn{
    padding-top: 2px;
    padding-bottom: 2px;
}

.tseparator{
    margin-bottom: 5px;
}
.tsortlist{
    padding:0px;
    width: 100% !important;
    height: 95% !important;
    border: none;
}

.tsortlist-container{
    width: 100% !important;
    height: 95% !important;
    background-color: #eee;
    padding:8px;
    border: 1px solid #a0a0a0;
}

.tseparator-hr{
    margin-top: 10px;
    margin-bottom: 15px;
}
.topmenu
{
    background-color: #f5f5f5;
    text-align: left;
    display: block;
    width: 100%;
    height: 57px;
    border-bottom: 1px solid #A0A0A0;
}

.topshadow
{
    box-shadow: inset 0px -3px 10px 0px rgba(50, 50, 50, 0.33);
    display: block;
    height:10px;
    margin-top:-6px;
}

.menuitem, .searchitem
{
    border-color: #295168;
    border-width: 0 1px;
    border-style: solid;
    position: relative;
    padding-top: 12px;
    vertical-align: middle;
    width: 150px;
    text-align: center;
    display: block;
    float: left;
    height: 100%;
    font-family: 'Open Sans';
    font-size: 13px;
    box-sizing: border-box;
    border-left: none;
    border-right: 1px solid #D1D1D1;
    cursor: pointer;
    text-decoration: none;
    color: #585858;
}

.searchitem
{
    width: 170px;
    color: #333;
    border: 0;
    float: right;
    padding-top: 8px;
}


.menuitem:hover
{
    background-color: white;
    color: black;
    border-bottom: none;
}

.menuitem.active
{
    text-decoration: none;
    color: #286595;
    background-color: white;
    border-bottom: 2px solid white;
    z-index: 10;
    margin-top: -2px;
    padding-bottom: 2px;
    border-top: 1px solid orange;
    height: 60px;
}

.menuitem:before
{

}

.topmenu:after
{
    content: " ";
    display: table;
    height:2px;
    width:100%;
    margin-top: 55px;
    position: absolute;
    z-index:9;
    clear: both;
}

.menuitem.active:before
{
    display: block;
}

.menuitem.right
{
    float:right;
    padding-right: 10px;
    border-right: 0px;
    background: #25292b;
    color: white;
    border-left: 1px solid #191c1d;
    box-shadow: inset -1px 0 0 rgba(255,255,255,.04),-1px 0 0 rgba(255,255,255,.04);
}

.dropdown-menu
{
    text-align: left;
    border-radius: 0;
}

a.dropdown-toggle
{
    color: white;
}

.dropdown-menu>li>a
{
    padding-left: 10px;
}

.btn{
    border-radius: 0px;
}

.btn-toolbar .btn-group .btn
{
    padding: 4px 12px;
}

.btn-group.export_button.open > .dropdown-menu
{
    display: inline-flex;
}

.btn-group.export_button.open > ul.dropdown-menu > li > a
{
    padding: 7px;
}

.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover
{
    font-size: 14px;
}

.menuitem:hover.right
{
    background: #191c1d;
    color: white;
}

#main-container
{
    width: 100%;    
    padding-top: 47px;
}

.main-container-padding{
 padding-left: 220px;
}


.breadcrumb{
    margin-top: 12px;
}

.topmenu a.menulink, .topmenu  .menulink.selected
{
    color: white;
}

/* Estilos da página de relatórios */
.contentPanel
{
    background: white;
	width:64%;
	min-height:600px;
	padding-left: 17px;
	padding-top: 7px;
	display: block;
    float:left;
    margin-top: 7px;
    margin-bottom: 10px;
    text-align:left;
}

.reportsTree
{
	//width: 280px;
	width: 99%;
	height: 97%;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
	float:left;
	display: block;
}

/* Estilos de dashboard */
.dashboardContent, .dashboardContentGrid, .dashboardContentClear
{
	width: 100%;
	min-height: 1500px;
	position: relative;
	display: block;
	text-align:left;
    padding-top: 15px;
    padding-left: 20px;
    background: url(images/tiny_grid.png) repeat 0 0;
}

.dashboardContentClear
{
    background: white;
}

.dashboardContentGrid
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQYV2OcmZT0P33ePEYGAoCgApj+UYV4Q5Lo4AEAYjMEC+AgSgsAAAAASUVORK5CYII=')
}

.parameters_panel
{
    width: 500px;
    height: 1017px;
    float: right;
    top: -14px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 5px 0px 0px 5px;
    background: #e0e0e0;
    z-index: 1002;
    position: relative;
    display:none;
    overflow: auto;
    opacity: .93;
    overflow-x: hidden;
}

.comments_panel
{
    display:none;
    width: 200px;
}

.comments_panel_close
{
    width: 200px;
}

.parameters_row_odd
{
    background-color: #fafafa;
}

.parameters_panel_close
{
    height: 40px;
    float: right;
    top: 0px;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 5px;
    background: rgb(247, 247, 247);
    margin-top: -15px;
    z-index: 9;
    position: relative;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.40);
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.parameters_panel_close button, .comments_panel_close.highlighted button
{
}

.dashboard_menubar
{
    display:block;
    height:37px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    border-bottom: 1px solid #c0c0c0;
    height: 37px;
    box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.64);
    position: relative;
    background: rgb(247, 247, 247);
    box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.34);
    background: white;
}

.btn-group.dashboards-btn-group
{
    max-width: 80%;
    height: 37px;
}

.dashboards-btn-group button
{
    margin-bottom: 5px;
}

/* Estilos para relatório tabular */
.tabular-datai, .tabular-datap, .tabular-datai-sub, .tabular-datap-sub
{
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding: 1px;
}

.tabular-table
{
    border-spacing: 0;
}

.crosstab-table
{
    border-spacing: 0;
}
.tabular-title, .tabular-group
{
    border-bottom  : 1px solid gray;
    padding: 1px;
    height: 31px;
}

.tabular-group
{
    padding-left: 3px;
    height: 24px;
}

.tabular-total
{
    border-top  : 1px solid gray;
    padding: 1px;
}


/* overrides */
.btn.active, .btn:active
{    
    background: #d4d4d4;
    box-shadow: none;
    
    
    text-decoration:none;
    text-shadow: none;
    z-index:auto !important;
}

.btn-group
{
    height: 28px;
    font-size: 10pt !important;
}

.btn-group-sm>.btn, .btn-sm
{
    margin-top: 0;
}

button.btn img
{
    padding-right: 4px;
}

button span
{
    height: 16px;
}
.btn-toolbar
{
    margin-bottom:0px;
}

.ui-tabs > .ui-widget-header
{
    background: #cccccc;
}

.ui-tabs
{
    background: whiteSmoke;
    border-top:0;
    margin-top: 4px;
}

.modal-header{
    padding: 9px 15px;
}

.modal-footer
{
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}

.modal-body
{
    overflow-y: auto;
    padding: 15px;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    overflow-y: auto;
}

.tooltip {
  position: absolute;
  z-index: 1000000000000;
}

.tooltip .tooltip-inner {
    color: #000;
    background-color: white;
    background-repeat: repeat-x;
    border: 1px solid black;
    padding: 8px;
    border:#ccc 1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow: 2px 2px 2px #BFBFBF;
    -webkit-box-shadow: 2px 2px 2px #BFBFBF;
    box-shadow: 2px 2px 2px #BFBFBF;
    max-width: none;
}

.tooltip.right .tooltip-arrow
{
    border-right-color: #3D3D3D;
}


UL.jqueryFileTree A
{
    font-size: 10pt;
    color: #333333;
    vertical-align: middle;
    padding-left: 3px !important;
}

UL.jqueryFileTree LI
{
    font-size: 10pt;
    color: #333333;
    margin-top:4px;
    margin-bottom:4px;
}

.jqplot-highlighter-tooltip
{
    background-color: white;
    padding: 5px;
    z-index: 8888;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    font-size: 8pt;
    border-radius: 3px;
    color: black;
}

.jqplot-point-label
{
    color: black;
    background: white;
    border-radius: 3px;
    border: 1px solid gray;
    
}


.tscroll
{
    padding: 4px !important;
    border-radius: 4px;
}

.tframe
{
    margin-top: 4px;
    padding-top: 5px !important;
    padding-bottom: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 4px !important;
}

.tframe legend {
    background: #E9E7FF;
    color: #fff;
    height: auto;
    border-radius: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    box-shadow: 0 0 0 1px #8A8A8A;
    margin-left: 3px;
    padding-right: 10px;
}

.adianti-indicator-box
{
    padding: 10px;
}

.adianti-indicator-title
{
    top: 12px;
    color: #ABABAB;
    display: block;
    font-size: 14px;
    padding-top: 5px;
    margin-top: 5px;
    display: inline-block;
}

.adianti-indicator-data
{
    font-size: 23px;
    font-weight: bold;
    color: #383e4b;
}

.adianti-indicator-image
{
    float:left;
    border-radius: 3px;
    margin-right: 10px;
}

.adianti-indicator-image img
{
    padding:10px;
}

#tabs
{
    width:200px;
    float:left;
    text-align:left;
}

@media only screen and (min-width: 1000px)
{
    #tabs
    {
        width:240px;
        display:block !important;
        position: relative !important;
    }
}

@media only screen and (max-width: 1000px)
{
    .topmenu > #log_link
    {
        display: none;
    }
}

@media only screen and (max-width: 1300px)
{
    .comments_panel, .comments_panel_close {
        width: 680px;
        margin-left: 3px;
    }
}

@media only screen and (min-width: 1300px)
{
    .comments_panel, .comments_panel_close {
        width: 280px;
    }
}
@media only screen and (min-width: 1400px)
{
    .comments_panel, .comments_panel_close {
        width: 380px;
    }
}

@media only screen and (min-width: 1500px)
{
    .comments_panel, .comments_panel_close {
        width: 480px;
    }
}

@media only screen and (min-width: 1600px)
{
    .comments_panel, .comments_panel_close {
        width: 580px;
    }
}

@media only screen and (min-width: 1700px)
{
    .comments_panel, .comments_panel_close {
        width: 680px;
    }
}

#navicon {
    display: none;
}

@media only screen and (max-width: 900px)
{
    #tabs {
        display:none;
    }
    
    #navicon {
        display: block;
    }
    
    .hiddable {
        display: none;
    }
}

#tabs > ul.ui-tabs-nav > li.ui-state-active
{
    background: #FAFAFA;
    text-shadow: none;
    border: 1px solid #a1a1a1;
    border-bottom: 0;
    -webkit-box-shadow: -1px -2px 2px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: -1px -2px 2px 0px rgba(50, 50, 50, 0.2);
    box-shadow: -1px -2px 2px 0px rgba(50, 50, 50, 0.2);
}

.tnotebook_footer_action
{
    width: 100%;
    padding: 5px;
    margin-bottom: 0;
    text-align: left;
    background-color: #ECECEC;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    margin-top: -10px;
    border-top: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    padding: 8px;
    display: block;
}


button.ui-button
{
    background: whiteSmoke !important;
    border: 1px solid gray;
}

.gray
{
    color: gray;
}

/*.panel-heading
{
    padding: 5px !important;
    padding-left: 10px !important;
}*/

.comment-user
{
    font-weight: bold;
}
.comment-date
{
    color: #676767;
}

.tform .tformtitle>td, .tform .tformsection>td
{
    text-shadow: none;
}

.leaflet-container .leaflet-control-attribution
{
    display:none;
}

.indicator-description
{
    background: whiteSmoke;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    padding: 4px;
    margin-top: 2px;
    display:block;
    text-align: center;
}


.leaflet-popup-content {
    min-width: 160px;
    width:auto !important;
}

.form-layout-window{
    padding:0px !important;
    border: 0px !important;
}

.form-layout-window .btn{
    float: left !important;
    padding: 6px 12px;
}

.form-layout{
    margin:auto;
    padding: 20px;
    padding-top: 0px;
    border: 2px solid #f1f1f1;
    border-radius: 3px;
}

.form-layout .btn-group>.btn{
    margin-right: -1px !important;
}

.form-layout .form-group, .formBuilderContainer .form-group{
    margin-bottom: 5px;
}

.form-layout label, .formBuilderContainer label{
    font-size:14px;
    font-weight: normal !important;
}

.form-layout input[type=text],input[type=password], .formBuilderContainer input[type=text],input[type=password]{
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 3px;
    width: 100% !important;
    height: 30px;
}

.form-layout select, .formBuilderContainer select{
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 3px;
    width: 100% !important;
}

.form-layout select, .formBuilderContainer select{
    height: 30px;
}

.form-layout input[type=file], .formBuilderContainer input[type=file]{
    padding-left: 2px;
}

.form-layout textarea, .formBuilderContainer textarea{
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    width: 100% !important;
}

.form-layout .btn, .formBuilderContainer .btn{
    float: right;
    padding: 6px 12px;
}

.fields-selector-form-actions .btn{
    padding: 6px 12px;
    margin-left:5px;
}

.form-layout .btn .fa-arrow-right , .fields-selector-form-actions .fa-arrow-right{
    margin-top: 2px;
}

.form-layout .btn .fa-arrow-left , .fields-selector-form-actions .fa-arrow-left{
    margin-top: 2px;
}

.builder-default-modal-form{
    margin:auto;
    padding: 20px;
    padding-bottom: 10px;
}

.builder-default-modal-form label{
    font-size:14px;
    font-weight: normal !important;
}

.builder-default-modal-form input, .builder-default-modal-form select{
    display: block;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 3px;
    width: 100% !important;
    height: 30px !important;
}

.builder-default-modal-form select{
    height: 30px;
}

.builder-default-modal-form .form-group{
    margin-bottom: 5px;
}

.builder-default-modal-form input[type=file]{
    padding-left: 2px;
}

.builder-default-modal-form textarea{
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    width: 100% !important;
    padding-left: 25px;
}



.btn-modal-change-password{
    width: 100%;
    padding: 7px;
}

.modal-footer:has( .btn-modal-change-password ){
    
    padding-left: 80px;
    padding-right: 80px;
}

.menu-top{
    height: 65px;
    padding-top: 15px;
}

.menu-top .logo{
    width: 50px;
    margin-top: -7px;
}
.menu-top .links{
    padding-top: 10px;
    padding-left: 20px;
    float: left;
}

.menu-top .links a{
    font-size: 16px;
    font-weight: bold;
    color: #7C7C7C;
}

.menu-top .links .active{
    font-weight: bold;
    color: #428bca;
}

.modal-backdrop{
    z-index: 50;
}

.menuitem-dropdown{
    float: right !important;
    padding-right: 0px !important;
    border-right: 0px !important;
    min-width: 90px !important;
    background: #62a8d1 !important;
    color: white !important;
    width: 90px !important;
    padding-top: 18px !important;
}

.no-padding{
    padding: 0px;
}
.navbar-whitesmoke{
    display: block;
    
    padding-left: 10px;
    width: 100%;
    box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.34);
    position: relative;
    background: #f5f5f5;
}

.search-nav{
    padding-left: 20px;
    padding-top: 3px;
}

.search-nav input[type='text']{
    height: 30px;
}

.pages-list .media-heading{
    margin-bottom: 0px;
    padding-left: 8px;
    margin-top: 5px;
}

.card-page{
    
    height: 96px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: white;
    float: left;
    margin-right: 15px;
    margin-top: 15px !important;
    border: 1px solid #d8d8d8;
    height: 230px;
    width: 250px;
}

.page-card-actions{
    padding-left: 16px;
    padding-top: 2px;
    margin-top: 3px;
}

.card-page .btn-link{
    color: whitesmoke;
}

.card-page .media-body{
    padding: 8px;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: justify;
    color: #333333;
    width: 300px;
}



.card-page .media-left{
    height: 96px;
    padding: 16px;
}

.card-page .page-card-actions{
    border-top: 2px solid #2E78C5;
}

.card-page-form{
    border-color: #3498db;
}

.card-page-form .media-heading{
    color: #3498db;
}

.card-page-form .media-body{
    border-top: 1px solid #3498db;
}

.card-page-list{
    border-color: #2ecc71;
}

.card-page-list .media-left{
    background-color: #6EDCA9;
}

.card-page-list .page-card-actions{
    border-top: 2px solid #32AC66;
}

.card-page-report .page-card-actions{
    border-top: 2px solid #BA2F21
}

.card-page-report{
    border-color: #e74c3c;
}

.card-page-report .media-left{
    background-color: #E27065;
}

.card-page-calendar{
    border-color: #e67e22;
}

.card-page-calendar .media-left{
    background-color: #E8A569;
}

.sort-handle{
    cursor: move;
}

.sort-handle-detail{
    cursor: move;
}

.form-layout .input-group{
    width: 100%;
}

.field-head{
    background-color: #2CC990;
    padding: 18px;
    font-size: 18px;
    color: white;
}

.field-head .label-name{
    
    display: inline-block;
}

.field-head .preview-field{
    display: inline-block;
    position: relative;
    margin-left: 15px;
    min-width: 250px;
}

.field-head .preview-field-over{
    background-color: #474444;
    opacity: 0.3;
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
}

.preview-field-container input[type="radio"], .preview-field-container input[type="checkbox"]{
    margin-left: 10px;
}

.preview-field-container div.color-div span.tcolor{
    height: 30px;
}

.preview-field-container .tcolor-icon{
    margin-top: 5px;
}

.preview-field-container .tdate-group-addon{
    height: 30px;
}
.preview-field-container  .glyphicon-calendar{
    margin-top:5px;
}

.preview-field-container .tseekbutton{
    height: 30px;
}

.properties-title{
    font-size: 16px;
    margin:auto;
    width: 100%;
    
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
}

.form-layout-properties .form-group{
    margin-bottom:3px;
}

.form-layout-properties .input-group{
    width: 100%;
}

.form-layout-properties{
    margin-top: -1px;
    width: 100%;
    height: 550px;
    border: 1px solid #ddd;
    overflow-y: scroll;
    padding-top: 5px;
}

.form-layout-properties label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 3px;
    font-weight: 700 !important;
    text-rendering: optimizeLegibility;
}

label{
    font-family: 'Open Sans' !important;
}

.form-layout-properties .tfield{
    display: block;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    height: 26px;
}

.form-layout-properties select{
    display: block;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 3px;
    height: 26px;
}

.builder-form-control{
    display: block;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    font-size: 14px;
    border-radius: 3px;
    height: 26px;
}

.form-layout-properties input[type=file]{
    padding-left: 2px;
}

.form-layout-properties textarea{
    display: block;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    border-radius: 3px;
    width: 100% !important;
    padding-left: 25px;
}
.td-head-properties{
        background-color: #FCFCFC;
        width: 60%;
        padding:10px;
        padding-bottom: 0px;
}

.td-head-events{
        background-color: #FCFCFC;
        border-left: 1px solid #D1D1D1;
        padding:10px;
        padding-bottom: 0px;
}

.td-properties{
    vertical-align: top; background-color: #FCFCFC; 
    
    
}

.td-events{
    vertical-align: top; background-color: #FCFCFC; 
    border-left: 1px solid #D1D1D1;
    
}

.table-properties{
    width: 100%; 
    border-top: 1px solid #D1D1D1;
    padding: 15px;border-collapse: collapse;
    
}

.table-fields label{
    font-size:14px;
    font-weight: normal !important;
}

.table-fields input{
    
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 14px;
    border-radius: 3px;
    
}
.table-fields select{
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 14px;
    border-radius: 3px;
    height: 32px;
}

.table-fields td, .table-fields th{
    text-align: center;
    vertical-align: middle;
}
.table-fields th{
    font-size: 16px;
    font-weight: 600;
}
.table-fields .ui-spinner-input{
    border: 0px;
    margin: 0px;
}

.table-fields{
    border: 1px solid silver;
}

.fieldsSelectorDatagrid .form-control
{
    display:initial;
}


.delete-line:hover{
    cursor: pointer;
    color:red;
}

.fields-selector-form label{
    display: block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
}

.fields-selector-head .col-sm-3 {
    width: 23%;
}
.fields-selector-head .col-sm-2 {
    width: 20%;
}


.fields-selector-head label{
    margin-right: 10px;
}

.fields-selector-head label, .fields-selector-head .fa{
    color: black;
}
.fields-selector-head{
    padding-top: 5px;
    padding-bottom: 8px;
    background-color: #F4F4F4;
    position: relative;
}

.toggle-properties-container{
    /*border-left: 1px solid #4C8CC3;*/
    max-width: 140px;
    padding: 0px;
    float: right;
    padding-right: 15px;
    /*min-height: 45px;*/
    padding-top: 9px;
}

.preview-field-container{
    min-height: 45px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 100%;
    display: table;
}

.preview-field-container input[type='text'], .preview-field-container select, .preview-field-container input[type='password']{

    
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.toggle-properties{
    
    float: right;
}

.fields-selector-head .form-group{
    margin: 0px;
}

.fields-selector-head .form-control{
    display: inline-block;    
}

.fields-selector-container{
    margin: 0 0 10px; box-shadow: 0px 1px 2px 0px #E2E2E2; border: 1px solid #D1D1D1; border-radius: 0px;
}

.form-layout-properties .ui-spinner{
    float: left;
    margin-right: 5px;
}

.ui-spinner{
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 26px;
}
.ui-spinner input{
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 0px;
    border: none;
    border-right: 1px solid silver;
}

.preview-field-container table{
    width: 100%;
}

.preview-field-container .tcheckgroup_label input{
    margin-right: 5px;
}

.preview-field-container table td{
    width: 50%;
    vertical-align: middle;
}

.tfield_disabled, .disabled {
    border-color: #a0a0a0 !important;
    background-color: #e0e0e0 !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    cursor: not-allowed !important;
    background-image: none !important;
}

.slide-placeholder {
    background: #DADADA !important;
    position: relative;
    margin-bottom: 25px;
}

/*.datagrid-action-header*/

.fields-selector-form .action-header{
    padding-bottom: 15px;
    padding-top: 0px;
}

.fields-selector-form-actions
{
    text-align: right;
}



.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: #444;
}

.widget-box {
    padding: 0;
    box-shadow: none;
    margin: 3px 0;
    border: 1px solid #CCC;
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    background: repeat-x #f7f7f7;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
    color: #669fc7;
    border-bottom: 1px solid #DDD;
    padding-left: 12px;
}

.widget-header>.widget-title {
    line-height: 36px;
    padding: 0;
    margin: 0;
    display: inline;
}

.lighter {
    font-weight: lighter;
}

.widget-main{
    padding: 10px;
}

.widget-main .form-layout{
    border:0px;
}

.preview-field-container .tsortlist{
    height: auto !important;
    padding: 5px;
}

.form-control
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.help-text-container{
    padding-left: 125px;
    padding-right: 125px;
}

.searchitem button {
    border-radius: 0;
    height: 30px;
    background: rgb(71, 174, 244);
    border: 1px solid rgb(43, 122, 236);
    color: white;
}

.searchitem input.tseekentry {
    height: 30px;
    border-radius: 0;
    border: 1px solid rgb(43, 122, 236);
}

.btn-report{
    background-color:#E27065;
    color:white;
}
.btn-report:focus, .btn-report.focus, .btn-report:active, .btn-report.active, .btn-report:hover, .btn-report.hover {
    color: #fff;
    background-color: #e74c3c;
    border-color: #761c19;
}

.btn-form{
    background-color:#6EB0DC;
    color:white;
}
.btn-form:focus, .btn-form.focus, .btn-form:active, .btn-form.active, .btn-form:hover, .btn-form.hover {
    color: #fff;
    background-color: #3498db;
    border-color: #2E78C5;
}
.btn-calendar{
    background-color:#E8A569;
    color:white;
}
.btn-calendar:focus, .btn-calendar.focus, .btn-calendar:active, .btn-calendar.active, .btn-calendar:hover, .btn-calendar.hover {
    color: #fff;
    background-color: #e67e22;
    border-color: #D36F17;
}

.btn-datagrid{
    background-color:#6EDCA9;
    color:white;
}
.btn-datagrid:focus, .btn-datagrid.focus, .btn-datagrid:active, .btn-datagrid.active, .btn-datagrid:hover, .btn-datagrid.hover {
    color: #fff;
    background-color: #2ecc71;
    border-color: #32AC66;
}

.block-component {
    width: 100%;
    min-height: 27px;
    height: 100%;
    position: absolute;
    z-index: 99;
    cursor: move;
    color: silver;
    text-align: center;
    padding-top: 4px;
}

.inline-field-component{
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    min-height: 27px;
    height: 100%;
    
    margin-right: 10px;
    margin-bottom: 0px;
    float: left;
}

.inline-field-component .tcombo{
    margin-bottom: 6px;
}

.dropdown-components{
    width: 340px;
}
.dropdown-components li{
    float: left;
    width: 155px;
    height: 34px;
    padding: 5px;
    padding-top: 8px;
    cursor: move;
    margin-left: 5px;
}

.dropdown-components li:hover{
    border: 1px solid silver;
}

.ui-state-highlight{
    border: 1px solid silver;
    
    display: inline-block;
    float: left;
    margin-right: 10px;
    
    background-color: blue;
}

.form-fields{
    /*width: 100%;*/
    display: flex;
    min-height: 30px;
    /*padding-top: 10px;*/
    
}

.form-fields .select2-choices, .form-fields .select2-container{
    width: 100% !important;
    height: 95% !important;
}

.form-fields label{
    padding-left: 0px;
}

.fieldComponentActive{
    border-bottom:2px solid green;
}

.component-properties-container h4
{
    margin-top: 5px;
}

.component-properties-container hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-layout-properties{
    min-height: 450px;
    
    
    border: 1px solid #ddd;;
}

.stick-properties {
    position: fixed;
    top: 2px;
    padding-right: 33px;
    right: 18px;
}

.stick-actions {
    position: fixed;
    top: 0px;
    background-color: white;
    z-index: 999;
    border-bottom: 1px solid silver;
    padding: 4px;
    /*box-shadow: 1px -1px 7px 2px silver*/
}

.hidden-entry
{
    background-color: #fbfbfb;
}

.formLineActions{
    width: 55px;
    height: 46px;
    position: absolute;
    left: -39px;
    background-color: white;
    border: 1px solid #ccc; 
    display: none;
    margin-top: -4px;
}

.formLineActions i{
    margin-left: 9px;
    margin-top:6px;
}

.tdate-group{
    position: relative;
    display: table;
    border-collapse: separate;
}

.tdate-group .tfield, .tdate-group .tdate-group-addon{
    display: table-cell;
}

#components{
    height: 26px;
}

.formLineSeparatorContainer{
    cursor: pointer;
}

.separatorComponent{
    position: relative;
}
.removeLineIcon{
    cursor: pointer;
}
.separatorComponent .formLineActions{
    top: 2px;
    left: -73px;
}

.removeTabIcon{
    margin-left: 5px;
    cursor: pointer;
}

#fields-properties-container{
    /*height: 580px;*/
}

.labelComponent
{
    display: initial;
}
.labelComponentActive{
    border-bottom: 2px solid green;
}

.formLineSeparatorContainerActive{
    border-bottom: 2px solid green;   
}


.field-class-name{
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.popoverInput{
    height: 26px;
}

.hide{
    display: none !important;
}

.fieldComponent #nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
    z-index: 101px;
    display: none;
}

.fieldComponent .ui-resizable-handle
{
    z-index: 99;
}

.containerColumn .control-label{
    padding-top: 5px !important;
}

.containerColumnLabel .control-label{
    float: right;
}

.phoneLayout .containerColumnLabel .control-label{
    float: left !important;
}

.tseekentryContainer{
    display: inline-block;
}

.tseekDisplayContainer{
    display: inline-block;
}

.highlight{
    border: 1px dotted green;
}
.componentColumn{
    border: 1px dashed #DDD;
    min-height: 40px;
    padding-top: 7px;
}

.labelComponent{

}
.containerColumn{
    padding-left: 3px;
    padding-right: 3px;
}

.tabPaneFormComponents{
    padding-top: 10px;
}

.formDesignerContainer{
    /*overflow-x: scroll;*/
}

#formDesigner-formContainer{
    padding-left: 15px; 
    float: none;    
    margin:auto;
    margin-top: 15px;
}


.formDesigner{
    margin: auto;
}

.formDesigner .formLine{
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 7px;
}

.phoneLayout{
    width: 600px;
}

.phoneLayout .containerColumn{
    width: 100%;
    float: none;
    margin-top: 5px;
}
.phoneLayout .control-label{
    text-align: left;
    padding-top: 0px;
}

.searchComponentsGroup .form-control{
    height: 24px;
    border-radius: 0px !important;
}
 
.searchComponentsGroup .input-group-addon{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
}

#CodeSnippet-select{
    height: 28px;
    font-size: 12px;
    width: 250px;
}

.thirdColumn .labelComponent{
    margin-left: auto;
}

.column-names-list{
    list-style: none;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid silver;
    border-radius: 3px;
    padding: 5px;
}

.column-names-list li{
    float: left;
    width: 98%;
    height: 20px;
    cursor: pointer;
    list-style: none;
    border: 1px solid white;
    padding-top: 0px;
    padding-left: 0px;
    white-space: nowrap;
    
}

.column-names-list li:hover{
    font-weight: bold;
    text-decoration: underline;
}

/*FieldCalcuator*/
#FieldCalculator-formula{
    font-size: 12px;
    padding: 3px;
    height: 50px;
}
.FieldCalculator-container hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.FieldCalculator-ulFields{
    list-style: none;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    border-right: 1px solid #eee;
    padding-left: 5px;
}
.FieldCalculator-liField{
    float: left;
    width: 98%;
    height: 34px;
    cursor: pointer;
    list-style: none;
    border: 1px solid white;
    padding-top: 8px;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FieldCalculator-liField:hover{
    border: 1px solid silver;
}
.FieldCalculator-btn-calc{
    font-size: 25px;
    font-weight: bolder;
    width: 40px;
    line-height: 35px;
    margin-left: 10px;
    margin-bottom: 7px;
}

.CodeSnippet-closeAction{
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

#CodeSnippet-alert .alert{
    padding-top:7px;
    padding-bottom:7px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.contextmenu li:hover{
    background-color: #eee;
}

.htmlViewDetailLine{
    border: 1px solid #bcbcbb;
    position: relative;
    background-color: #f2f8fe;
    padding:12px;
}

.formDetailLine{
    border: 1px solid #bcbcbb;
    position: relative;
    background-color: #f2f8fe;
}

.formDetailLine .tdatagrid_cell{
    background-color: white;
}

.detailContainerActions{
    border: 1px solid #bcbcbb;
        border-right: 1px solid #f2f8fe;
    background-color: #f2f8fe;
    left: -55px;
    display: block !important;
    top:3px;
    height: 28px !important;
}


.formLineActionsDetail{
    width: 55px;
    height: 46px;
    position: absolute;
    left: -55px;
    background-color: white;
    border: 1px solid #ccc; 
    display: none;
    margin-top: -4px;
}

.formLineActionsDetail i{
    margin-left: 9px;
    margin-top:6px;
}

.properties-datagrid-detail{
    top: 0px;
    position: absolute;
    width: 45px;
    height: 32px;
    background-color: #fcfefe;
    border: 1px solid #cccccc;
    left: -29px;
    padding-top: 5px;
    padding-left: 6px;
}

.properties-table-detail{
    top: 39px;
    position: absolute;
    width: 45px;
    height: 37px;
    background-color: #fcfefe;
    border: 1px solid #cccccc;
    left: -45px;
    padding-top: 8px;
    padding-left: 6px;
}

.properties-report-table{
    top: 0px;
    position: absolute;
    width: 45px;
    height: 37px;
    background-color: #fcfefe;
    border: 1px solid #cccccc;
    left: -29px;
    padding-top: 8px;
    padding-left: 6px;
}

.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

  body.dragging, body.dragging * {
  cursor: move !important; }

 table th.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: red;
    top: -6px;
    margin-left: -5px;
    border-bottom: none; }

#loading-form-line{
    width: 100%;
    text-align: center;
    display: none;
}

.columnActive
{
    border-bottom: 2px solid green !important;
}

.datagridTotal td{
    background-color: #f2f2f2 !important;
    border: 0px !important;
}

.tableTotal td{
    background-color: #f2f2f2 !important;
}

.datagrid_actions{
    width: 10%;
    float:left  !important;
    box-shadow: 0px 3px 3px #ececec !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important; 
    border-right: none !important;
}

.datagrid_actions th{
    height: 32px !important;
}

.datagrid_columns{
    width: 90%; 
    float:left !important;
    box-shadow: 0px 3px 3px #ececec !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-left: none !important;
}

.datagrid_columns th{
    height: 32px !important;    
}

.textComponent{
    font-size: 12px;
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid #5bc0de; 
    margin-left: 3px;
}


.dateTextComponent{
    font-size: 12px;
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid #dd5a43; 
    margin-left: 3px;
}

.monetaryTextComponent{
    font-size: 12px;
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: 1px solid #69aa46; 
    margin-left: 3px;
}

.inline-htmlViewComponent {
    display: inline-block;
    position: relative;
    min-height: 27px;
    height: 100%;
    margin-right: 10px;
    margin-bottom: 0px;
    float: left;
    margin-top: 3px;
}

.htmlViewImage{
    margin: 0px;
    border: 1px solid silver;
    border-radius: 5px;
    display: table;
    text-align: center;
}

.htmlViewImage > div{
    display: table-cell;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: auto;
}

.table{
    border-collapse: collapse;
}

.fa-trash{
    cursor: pointer;
}

.fa-fa-arrows { 
   cursor: move;
}

.datagridGroupActionLi{
    cursor: pointer;
}

.has-error .control-label{
    color: #a94442 !important;
}

.has-error .control-label > label{
    color: #a94442 !important;
}
.has-error .form-control
{
    border-color: #a94442 !important;    
}

.border-error{
    border-bottom: 2px solid #a94442 !important;
}

.breakTr.gray-scale{
    background-color: #9a9a9a;
    color:#ffffff;
}

.trColumnTitles.gray-scale{
    background-color: #dbdbdb;
    color:#000000;   
}

.trColumnTotals.gray-scale{
    background-color: #efefef;
    color:#000000;   
}


.breakTr.red-scale{
    background-color: #7e5251;
    color:#ffffff;
}

.trColumnTitles.red-scale{
    background-color: #b9736d;
    color:#ffffff;   
}

.trColumnTotals.red-scale{
    background-color: #debbb9;
    color:#000000;   
}

.breakTr.blue-scale{
    background-color: #8da4bc;
    color:#ffffff;
}

.trColumnTitles.blue-scale{
    background-color: #96c0e6;
    color:#ffffff;   
}

.trColumnTotals.blue-scale{
    background-color: #b2d1dc;
    color:#000000;   
}

.iconpicker .iconpicker-item {
    margin: 0 5px 5px 0 !important;
    padding: 12px !important;
    font-size: 16px !important;
}

.formCalendar{
    width: 100%;
    height: 500px;
}

.input-append.date .add-on i{
        margin-top: 4px;
        margin-right: 5px;
}

.ui-helper {
    width: 100% !important;
}

.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}


.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}

.login-box-msg, .register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

.formBuilderContainer .panel
{
    margin-bottom: 15px;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin: 3px 0;
    border: 1px solid #CCC;
}

.formBuilderContainer .panel-footer{
    display: table;
    
}

.formBuilderContainer .panel-heading{
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    font-weight: lighter;
    background: #f7f7f7 repeat-x;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
    color: #669fc7 !important;
    border-bottom: 1px solid #DDD; 
}

.formBuilderContainer .fb-field-container{
    padding-right: 3px;
    padding-left: 3px;
}


/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgb(183, 181, 181);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}

.project-overview-box{
    border: 1px solid #ccc;border-radius: 3px;
    width: 807px;
    border-left: none;
}

.project-overview-box .page-box{
    width: 115px;text-align: center;float:left; border-left: 1px solid #ccc;padding: 10px;
    height: 92px;
}

.project-overview-box .page-box .page-total{
    font-size: 24px; color:#2a6ea9 !important; font-weight: bold;
}

.project-overview-box .page-box .page-type{
    color:#707070 !important;
}

 .diagram-box{
    width: 65px;text-align: center;float:left; border: 1px solid #ccc;padding: 5px;
    height: 45px;
}

.diagram-box .diagram-total{
    font-size: 14px; color:#2a6ea9 !important; font-weight: bold;
}

.diagram-box .diagram-name{
    color:#707070 !important;
}

#form_Project .tformrow{
    min-height: 63px;
}

.tformrow{
    min-height: 40px;
}

.bg-purple{background-color:#605ca8 !important}

.bg-purple,.bg-black{
    color: #ffffff !important;
}

.bg-black {
    background-color: #111 !important;
}

.template-panel-selected code, .table-template-skins code{
    cursor: pointer;
    color: #6d6d6d;
}

.table-template-skins .template-skin-selected, .table-template-skins .template-panel-selected{
    color: #4b66d4;
    box-shadow: 1px 1px 7px 0px #c3c3c3;
    
}

.table-template-skins div{
    width: 190px;
}

#formDesigner-componentProperties .tformrow{
    min-height: 50px !important;
}

.project-overview-items dt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 130px;
    clear: left;
    color: #707070;
    float: left;
    text-align: right;
    width: 130px;
}

.project-overview-items dd{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: auto;
    margin-bottom: 5px;
    margin-left: 150px;
}

.product-items dt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 130px;
    clear: left;
    color: #707070;
    float: left;
    text-align: right;
    width: 130px;
}

.product-items dd{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: auto;
    margin-bottom: 5px;
    margin-left: 140px;
}

.form-upgrade{
    width: 95%;
    margin: auto;
    padding-bottom: 15px;
}

.form-upgrade hr{
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;

}

.form-upgrade table{
    width: 100%;
}

#container-column-names{
    overflow-x:scroll;
    width: 400px !important;
}

.trial-info{
    background-color: #d9edf7;
    border-color: #bce8f1; 
    height: 40px; 
    margin-top: 43px; 
    width: 100%; 
    border:1px solid #cccccc;
    font-size: 16px;
    padding-top: 9px;
    text-align: center;
    position: fixed;
    z-index: 10;
}

.trial-info a{
    font-weight: 600;
    text-decoration: underline;
}

.renew-info{
    background-color: #FF9800;
    border-color: #FF5722; 
    height: 40px; 
    margin-top: 43px; 
    width: 100%; 
    border:1px solid #cccccc;
    font-size: 16px;
    padding-top: 9px;
    text-align: center;
    position: fixed;
    z-index: 10;
}

.renew-info a{
    font-weight: 600;
    text-decoration: underline;
    color: white;
}

.main-container-extra-padding{
    padding-top: 75px !important;
}

.modal-dialog{
    z-index: 999;
}

.plans-box{
    max-width: 1170px;
    margin: auto;
}

.plans-box .plan{
    padding: 0;
    border: 1px solid #c6c6c6;
    border-width: 1px 1px 1px 0;
    max-width: 24% !important;
    min-width: 200px !important;
    width: 100%;
    text-align: center;
    float: left;
}

.plans-box .plans-features {
    width: 24%;
    text-align: right;
    border-color: transparent #c6c6c6 transparent transparent;
}

.plans-box .plans-features .plan-header {
    height: 170px;
}

.plans-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.plan .plan-header {
    padding: 17px;
    border-bottom: #f0f0f0 solid 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.plans-box .plan-header h4 {
    margin: 0;
    color: #f26b33;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    height: 40px;
    line-height: 30px;
    border-bottom: #F3F3F3 solid 1px;
}

.plans-box .plan-header .plan-price {
    font-size: 40px;
    font-weight: 100;
    height: 60px;
    line-height: 65px;
    margin: 0 0 5px;
}

.plans-box .plan ul li {
    height: 35px;
    line-height: 32px;
    padding: 0 10px;
    border-bottom: #f0f0f0 solid 1px;
    color: #0093d9;
    font-size: 12px;
    font-weight: 700;
}


.plans-box .plans-features ul li {
    color: #6f6f6f;
    font-weight: 400;
    border-left: #f0f0f0 solid 1px;
}

.plan .pricing-btn {
    border-left: #c6c6c6 solid 1px;
    margin-left: -1px;
    padding: 15px;
    background: #fafafa;
}

.plans-box .pricing-btn .btn {
    padding: 15px 0;
    font-weight: 700;
    font-size: 16px;
    box-sizing: initial;
    display: block;
    line-height: 1;
}

.plans-box ul li.header {
    background: #f9f9f9;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
    font-size: 12px;
    color: #000 !important;
}

.plans-box .feature-ok{
    color: #2ecc71!important;
    font-size: 21px;
    margin-top: 5px;
}

.plans-box .no-feature{
    color: #ff5757 !important;
    font-size: 21px;
    margin-top: 5px;
}

.plans-box .pricing-btn .btn b {
    opacity: .6;
    display: block;
    padding: 6px 0 0;
    font-size: 13px;
    font-weight: 400;
}

.btn-black, .hover-black:hover, .label-black {
    color: #ccc;
    border-color: #000;
    background: #2d2d2d;
}

.btn-black:hover{
    color: #fdfdfd;
    background: #151515;
}

.payment-method{
    width: 155px;
    height: 85px;
    padding-top: 10px;
    border: 1px solid #dedede;
    border-radius: 3px;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.payment-method:hover{
    cursor: pointer;
    box-shadow: 0px 1px 8px 0px #cecaca;
}

.payment-method.active{
    cursor: pointer;
    box-shadow: 0px 1px 8px 0px #cecaca;
}

.payment-method .fa-barcode{
    font-size: 50px;
}

.payment-method .fa-university{
    font-size: 40px;
}

.payment-method .fa-dollar{
    font-size: 40px;
}
.payment-method.boleto{
    margin-left: 35px;
}

.payment-method.boleto span{
    font-size: 16px;
    font-weight: 500;
    margin-top: -7px;
    display: block;
}

.payment-method.deposito span{
    font-size: 16px;
    font-weight: 500;
    margin-top: 3px;
    display: block;
}

.payment-method.credito span{
    font-size: 16px;
    font-weight: 500;
    margin-top: 3px;
    display: block;
}

.btn-boleto{
    float: left;
    margin-left: 80px;
    margin-top: 19px;
}

.upgradeModal .modal-footer{
    display: none;
}

.payment-info{
    display: none;
}

.project-list-container{
    height: 175px;
    border: 1px solid #c7c3c3;
    border-radius: 4px;
    padding: 7px;
    width: 315px;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 3px 4px 4px -4px #b5b5b5;
}

.project-list-box-descriptions{
    width: 225px;   
    overflow: hidden;
}

.projet-list-box-title
{
    color:#2a6ea9; font-weight: bold; letter-spacing: 0.8px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-list-container:hover
{
    box-shadow: 5px 7px 12px -6px #b5b5b5;
}

.appBox-price{
    font-size: 20px;
    font-weight: 500;
    height: 45px;
    width: 95px;
    text-align: center;
    margin: 0 0 5px;
    float: right;
    color: #333333;
    padding-top: 10px;
}
    
.app-purchased-icon{
    color:#a5dc86 !important; 
    font-size:28px;
}

.posts{
    width: 900px;
}

.list-post-container{
    width: 100%;
    min-height: 70px;
}

.list-post-title{
    float: left;
    width: 700px;
    margin-left: 25px;
}

.list-post-status{
    float: left;
    padding-top: 16px;
    width: 170px;
}

.list-post-status div{
    text-align: center;
    width: 80px;
    
    float: left;
    font-size: 13pt;   
    
    font-weight: 400; 
    line-height: 15px;
}

.list-post-status small{
    font-size: 8pt;
    color: #887b7b;
}

.list-post-title h4{
    margin-top: 0px; 
    color: #226b9e;
    font-size: 16pt;
}

.list-post-title .started{
    float: right;
    font-size: 9pt;
    color: #9199a1;
}

.list-post-title .tags{
    line-height: 18px;
    float: left;
}

.list-post-title .tag{
    color: #39739d;
    border-color: transparent;
    background-color: #E1ECF4;
    position: relative;
    display: inline-block;
    padding: .4em .5em;
    margin: 2px 2px 2px 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    transition: all .15s ease-in-out;
    margin-right: 5px;
}

.post{
    padding-top: 5px;
}

.post-content{
    padding-top: 20px;
    padding-left: 7px !important;
    padding-top: 5px !important;
}

.post-title{
    font-weight: 18pt;
    color: #226b9e;
}

.post-started{
    
    font-size: 9pt;
    color: #9199a1;
}

.forum-category-container{
    text-align: center;
    padding-top: 25px;
    font-size: 12pt;
}

.post-title-container{
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 16pt;
    color: #fff;
    font-weight: normal;
    line-height: 1.5em;
}

.forum-category-container span{
    border-radius: 4px !important;
    background: #fff !important;
    padding: .1em .5em;
    font-weight: 600;
}

.post-response .post-vote{
    width: 80px;
    float: left;
}

.post-response .post{
    float: left;
    width: 780px;
}

.post-vote{
    text-align: center;
}

.post-vote i{
    font-size: 26px;
    color: #6a737c;
    cursor: pointer;
}

.post-vote i:hover{
    color: #333333;
}

.post-vote span{
    margin: 8px 0;
    display: block;
    color: #6a737c;
    font-size: 16pt;
}

.post-response{
    width: 100%;
}

.add-comment{
    font-size:9pt;
    padding-left: 0px;
}

.post-comment-content{
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.serach-posts-container{
    margin-top: 25px;
    height: 30px;
}

.serach-posts-container select,.serach-posts-container input, .serach-posts-container .btn{
    float: left;
    margin-right: 10px;
}

.serach-posts-container input{
    width:350px;
    height: 28px;
}
.serach-posts-container select{
    width:200px;
    height: 28px;
}

.post-actions, .ticket-actions{
    width: 100%;
    height: 30px;
}

.post-actions span, .ticket-actions span{
    float: right;
}

#post-edit-container{
    padding-top: 20px;
    padding-bottom: 20px;
}

#new-post-container{
    height: 890px;
    margin-bottom: 25px;
    padding-bottom: 100px;
}

#new-post-container .row{
    padding-top: 10px;
}

#new-post-container .row label{
    font-size: 12pt;
    margin-bottom: 5px;
}

#new-post-container select,input{
    height: 28px;
}

.new-post-title{
    width: 100%;
    height: 60px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16pt;   
}

.post-category{
    font-size: 85%;
    font-weight: 500;
    display: inline-block;
    padding: .1em .5em;
    border-radius: 4px;
    background: #e7edf3;
    color: #fff;
    text-transform: none;
    margin-top: 10px;
}

.ui-dialog .window_modal
{
    padding:0.2px;
}

.ui-dialog .window_modal .panel-footer{
    height: 50px;    
}    

.ui-dialog .window_modal .panel
{
    margin-bottom:0;
    border-top:0;
    border-radius:0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;;
    -moz-box-shadow: none !important;;
    border: 0px !important;
}

.ui-dialog .window_modal .panel-body{
  padding: 0px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.ui-dialog .window_modal .panel-heading{
  display: none;
}

.ui-dialog-titlebar {
    background-color: #f5f5f5;
    float: left;
    width: 100%;
    height: 40px;
    font-weight: 400;
    margin-bottom: 3px;
    border: 0;
    border-bottom: 1px solid #B3B3B3;
    cursor: move;
    -ms-user-select: none;
    background-image: none;
}

.bs-spinner {
  width: 100px;
}
.bs-spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 14px;
}

.manageLicensesForm .panel-footer{
    display: none;
}

.termsOfUseContainer{
    text-align: left;
    padding-left: 40px;
    padding-bottom: 20px;
}
.termsOfUseContainer input{
    height: 13px;    
}
.termsOfUseContainer a{
    color: #428bca !important;
}

.new-post-curtain .curtain-content{
    width: 70% !important;
}

.sale {
	position: absolute;
	display: inline-block;
	background: orange;
	color: white;
	height: 2.5rem;
	width: 2.5rem;
	text-align: center;
	vertical-align: middle;
	line-height: 2.5rem;
	transform: rotate(-20deg);
	animation: beat 1s ease infinite alternate;
    top: 0px;
    right: 19px;
}

.sale:before, .sale:after{
    content:"";
    position: absolute;
    background: inherit;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(30deg);
}
.sale:after{
    transform: rotate(60deg);
}

@keyframes beat {
	from {	transform: rotate(-20deg) scale(1); }
	to {	transform: rotate(-20deg) scale(1.1); }
}