@charset "utf-8";
/* CSS Document */


@media (min-width:1800px) {

    .nav.ace-nav {
        float:right;
    }
    #navbar-container .ace-nav > li{
        min-width: 2%!important;
        float:right!important;
    }
}


@media (min-width:1680px) {

    .box-border label span.col-lg-6 {
        width:30%;
    }
    .box-border label span.col-lg-9 {
        width:45%;
    }
    .box-border label input.col-lg-3 {
        width:50%;
    }
    .box-border label span.col-lg-4 {
        width:25%;
    }
    #navbar-container .ace-nav > li{
        min-width: 2%!important;
        float:right!important;
    }

}



@media (min-width:1200px) and (max-width:1710px) {

    span.city-news {
        clear:both;
        padding:5px;
        display:block;
    }
    span.newest {
        display:block !important;
        width:100%;
        padding:5px;
    }
    .container-index ul.ace-nav{
        margin: 13px 0px 0px 20px!important;
    }
    #navbar-container .ace-nav > li{
        min-width: 2%!important;
        float:right!important;
    }
}

@media (min-width:1200px) and (max-width:1400px) {

    .row.widgets .col-lg-3 {
        width:33.333333%;
    }

    .flaglist-container {
        max-height:350px;
    }
}

@media (min-width:1150px) and (max-width:1800px) {
    .container-index .ace-nav li{
        min-width: 30%!important;
    }

    #navbar-container .ace-nav > li{
        min-width: 2%!important;
        float:right!important;
    }
    #navbar-container .ace-nav{
        margin: 13px 0px 0px 0px!important;
    }

}
@media (min-width:1150px) and (max-width:1400px) {   
    #navbar-container .col-lg-9{
        width:70%!important;
    }
}
@media (min-width:991px) and (max-width:1150px) {

    .item-widget {
        width:9% !important;
        margin-right:7px !important;
        padding-right:0px !important;
        padding-left:0px !important;

    }
    .container-index ul.ace-nav{
        margin: 13px 0px 0px 20px!important;
    }
    .container-index .ace-nav li{
        min-width: 28%!important;
    }

    #navbar-container ul.ace-nav{
        margin: 13px 0px 0px 0px!important;
    }
    #navbar-container .ace-nav > li{
        min-width: 2%!important;
        float:right!important;
        /*width: 33.33333%!important;*/
    }
    #navbar-container .user-menu li{
        width:auto!important;
    }

}
@media (min-width:768px) and (max-width:991px) {


    .item-widget {
        width:9% !important;
        margin-right:7px !important;
        padding-right:0px !important;
        padding-left:0px !important;

    }

    .pm_details_line_left,
    .pm_details_line_right{
        width:25% !important;

    }

    .tabbable.main_tabs {
        padding-top:50px !important;
    }

    .widget-toolbar > a {
        width: 20px;
    }

    /*ul.ace-nav{
            background-color:rgba(221,221,221, 0.7) !important;
    }*/


    /*.ace-nav > li {
            border-left:1px solid #ffffff !important;
    }*/
    .ace-nav > li a {
        border-left:none !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .container-index ul.ace-nav{
        margin: 13px 0px 0px 20px!important;
        display:flex;
    }	

    .container-index .ace-nav li{
        min-width: 30%!important;
    }
    #navbar-container .ace-nav > li{        
        min-width: 33.3%!important;
        width: 33.3%!important;
        float:right!important;
        display: inline;
    }
    #navbar-container ul.ace-nav{
        margin: 13px 8.5% 0px 0px!important;
        display:inherit;
    }
    #navbar-container .user-menu li{
        width:auto!important;
    }
    #navbar-container .ace-nav > li .dropdown-menu {       
        min-width: 60%!important;
    }
}

@media (min-width:480px) and (max-width:767px) {

    footer.login-footer {
        position:relative !important;
        margin-top:20px;
    }
    .index-login-form, .welcome-login-form {
        margin-top: 15px !important;
    }
    .report_panel_steps span {
        margin-bottom:2px;
    }
    .report_panel ul.error-list,
    .report_panel ul.warning-list,
    .report_panel ul.other-list {
        height:auto !important;
    }

    #tree1 {
        display:block!important;
        width:100% !important;

    }
    .scroll-tree{
        width:100% !important;
        float:left !important;
        display:block !important;

    }

    #clock li, #clock2 li{
        color:#000000 !important;
    }

    .navbar .navbar-header {
        float:right;
        clear:both;
    }

    /*ul.ace-nav{
            background-color:rgba(221,221,221, 0.7) !important;
    }
    
    .ace-nav > li {
            border-left:1px solid #ffffff !important;
    }*/
    .ace-nav li a{
        border-left:none !important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;
    }

    .pm_details_line_left,
    .pm_details_line_right{
        width:45% !important;

    }
    #pm-action_form select{
        max-width:100%;

    }
    .widget-toolbar > a {
        width: 20px;
    }

    .modal-dialog {
        width:490px !important;
    }

    .ace-nav {
        margin:0px 10px 0px 0px !important;
    }

    .ace-nav > li.grey > a {
        border-radius: 0px !important;
    }

    a#btn-scroll-up {
        display:block;
    }
    .widget-toolbar a[data-action="maxmin"]  {
        display:none;	

    }

    .navbar-header.pull-left {
        width:200px !important;
    }

    .item-widget {
        margin-right:5px;
        width:8.7% !important;
        text-overflow:ellipsis;
        overflow:hidden;
        font-size:11px !important;
        padding:10px 0px 0px !important;


    }

    .tabbable.main_tabs {
        padding-top:50px !important;
    }
   

    .ace-nav > li ul.user-menu.dropdown-menu {
        min-width: 60% !important;
    }

    #columndefinition_form .table-responsive{
        width: 100%;
        margin-bottom: 15px;
        overflow:visible!important;
        border:none!important;
    }

    #navbar-container .ace-nav > li{        
        min-width: 33.3%!important;
        width: 33.3%!important;
        float:right!important;
        display: inline;
    }
    #navbar-container ul.ace-nav{
        margin: 13px 3% 0px 0px!important;
        display:inherit;
    }
    #navbar-container .user-menu li{
        width:auto!important;
    }
    
    .container-index .ace-nav li {
        min-width: 30%!important;
    }
   
}


@media (min-width:319px) and (max-width:580px) {

    #black-header {
        height:55px;

    }

    .bg-black {
        background-color: #3B3535;
        padding:0 !important;
    }

    footer.login-footer{
        position:relative !important;
        margin-top:20px;
    }

    .welcome-login-form label {
        margin-right:5px !important;
        font-size:12px !important;
    }
    .nav-tabs > li {
        border-top: 1px solid #c3cdd9 !important;
    }

    .report_panel_steps span {
        margin-bottom:2px;
    }

    .report_panel ul.error-list,
    .report_panel ul.warning-list,
    .report_panel ul.other-list {
        height:auto !important;
    }


    #tree1 {
        display:block!important;
        width:100% !important;
    }
    .scroll-tree{
        width:100% !important;
        float:left !important;
        display:block !important;
    }


    .ace-nav > li ul.user-menu.dropdown-menu {
        min-width: 60% !important;       
    }
    #clock, #clock2 {
        margin-top:30px !important;
    }

    #clock li, #clock2 li{
        color:#000000 !important;
        font-size:20px !important;
    }

    div.table-pm-action label.show-open {
        float:right;
        position:static !important;
        font-size:13px;
        padding-right:17px;
        margin-top:5px;
    }

    div.table-pm-action a.new-action {
        float:left;
        padding-left:10px;
        position:static !important;
        font-size:13px;
        margin-top:5px;
    }

    #table-pm-actions_filter {
        clear:both;
        margin-top:25px;
    }

    .pm_details_line_left,
    .pm_details_line_right{
        width:45% !important;
    }

    .widget-toolbar > a {
        width: 20px;
    }

    .modal-dialog {
        width:320px!important;
    }

    /*#dashboard-config {
            display:none !important;
            visibility:hidden;
            background:red !important;
            
    }	*/

    /*.navbar-header.pull-left{
            width:200px !important;
    }*/	

    .navbar-header.pull-right{
        width:100% !important;
        text-align:Center;
    }

    .navbar-header.pull-right .ace-nav {
        background-color: rgba(255, 255, 255, 1) !important;
        margin-top:0px !important;
        border-radius:0px;
    }

    .navbar-header.pull-right .ace-nav li {
        text-align:Center;
    }

    .ace-nav {
        border-color:#3B3535 !important;
        margin-left:0px !important;
        margin-right:0px !important;
    }
    .navbar .navbar-brand{
        padding-bottom: 3px !important;
    }
    body.index{
        height: 100vh;
    }
    .ace-nav > li{
        border:none !important;
        height: 39px;
        margin:0px;
        background:#3B3535;
        min-width:50% !important;        
    }

    .ace-nav li:nth-child(2) a,
    .ace-nav li ul li a, .ace-nav li:nth-child(3) a{
        white-space: nowrap;
    }

    .ace-nav > li.open.grey > a {
        border-radius: 7px !important;
        background: -webkit-linear-gradient( #f4f3f3 , #d7d6d6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f4f3f3, #d7d6d6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f4f3f3, #d7d6d6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f4f3f3 , #d7d6d6); /* Standard syntax (must be last) */

    }

    ul.ace-nav > li a{       
        background:none !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    ul.ace-nav .user-info{
        margin-top:3px !important;
        border-bottom:none !important;
        padding-right: 5px!important;
        position: inherit!important;
        color:white;
    }

    ul.ace-nav .user-info label {
        margin-bottom:0px;
    }

    ul.user-menu {
        padding:5px !important;
    }

    <!-- LOGIN -->
    .content {
        height:auto;
        padding-bottom:45px;
    }

    header {
        margin-bottom:10px;
    }
    div.navbar-header.pull-left {
        width:40% !important;
    }
    .logo-hectronic {
        margin-top:15px;
    }

    img.img-responsive {
        width:70% !important;
    }
    .index-login-form,
    .welcome-login-form  {
        margin-left:0px !important;
        margin-top: 0px !important;
        float:none !important;
        display:block !important;
    }

    .login-title {
        font-size:18px;
        line-height:22px;
    }

    div.copyright {
        padding: 5px 0px;
    }

    <!-- Dashboard -->

    ul.ace-nav {
        width:98% !important;
    }

    /*.nav {
            width:100% !important;
    }*/


    ul.ace-nav > li{
        width:100%;
        border-left:none;
        padding:0px;
        border-bottom: 1px solid #878787 !important;
    }
    ul.ace-nav > li a {
        padding:5px 5px !important;
    }

    ul.ace-nav > li a.dropdown-toggle [class^="icon-"], ul.ace-nav > li a.dropdown-toggle [class*=" icon-"] {
        vertical-align:super !important;
        /*padding-left:15px;
        margin-right:20px;*/
    }
    #mandator_name {
        color:#ffffff !important;
    }
    #user_name {
        color:#ffffff;
    }
    .user-info {
        width:80%;
        display: inline-block !important;
        line-height:16px !important;
        text-align: right!important;
    }

    .user-info small, .user-info big {
        display:none !important;
        line-height:17px !important;
    }

    .user-info .your-account { 
        display:none !important;
    }

    li.open .user-info {
        display: inline-block !important;
    }

    .icon-caret-down {
        vertical-align:text-top !important;
    }

    .ace-nav > li.grey > a {
        border-radius: 0px !important;
    }

    a#btn-scroll-up {
        display:block;
    }
    .widget-toolbar a[data-action="close"],
    .widget-toolbar a[data-action="maxmin"]  {
        display:none;	
    }

    .maximize, .minimize {
        display:none;
    }
    .tabbable.main_tabs {
        padding-top:50px !important;
    }

    .container-index ul.ace-nav > li{
        margin:0px;
        border-left:none;
        padding:0px;
        border-bottom: none!important;
        min-width: 33%!important;
        width:33%; 
    }

    .container-index ul.ace-nav { 
        /* margin-top:20px;*/
        margin-top:0px;
        border:none;
    }
    .container-index .ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:before, .ace-nav > li:nth-last-child(3) > .dropdown-menu.pull-right:after{
        right:16px!important;
    }

    #navbar .ace-nav > li:nth-child(3), .ace-nav > li:nth-child(4), .ace-nav > li:nth-child(5){
        /*display:block!important;*/
    }

    #columndefinition_form .table-responsive{
        width: 100%;
        margin-bottom: 15px;
        overflow:visible!important;
        border:none!important;
    }

    #navbar-container .ace-nav > li{        
        min-width: 33.3%!important;
        width: 33.3%!important;
        float:right!important;
        display: inline;
    }
    #navbar-container ul.ace-nav{
        margin: 13px 1% 0px 0px!important;
        display:inherit;
    }
    #navbar-container .user-menu li{
        width:auto!important;
    }
    #navbar-container .ace-nav > li .dropdown-menu {       
        min-width: 60%!important;
    }
}


@media (max-width:319px) {
    .container-index .ace-nav .user-info{
        position: inherit !important; 
        margin-top: 10px!important; 
        margin-left: 1px!important; 
        right: 2px!important; 
        z-index: 1032!important;
        color: #fff!important;
        font-size: 12px!important;
        max-width: 100%!important;
        padding-left: 8px!important;
        padding-right: 8px!important;
        height: 40px!important;
        display: inline-block!important; 
        border: none!important; 
        vertical-align: middle!important;
        line-height: normal!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;
    }

    .container-index .ace-nav a{
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;
        margin-top:15px;
        padding:0px 10px;
    }

    .container-index .ace-nav > li:first-child, .container-index .ace-nav > li:last-child {
        border:none!important;
    }

    .container-index .ace-nav{
        border:none;
        width: 100%;
        float: left!important;
    }
    .ace-nav li:first-child a [class^="icon-"] {
        padding: 5px 5px!important;
    }
    .ace-nav > li ul.user-menu.dropdown-menu {
        min-width:60%!important;
        padding-top: 0px!important;
    }
}

@media only screen and (orientation: landscape) and (max-width: 768px) {
    .container-index ul.ace-nav{
        margin:0px 0px!important;
    }

    .container-index .ace-nav li{
        min-width: 32%!important;
    }
    .container-index .content-inner{
        padding: 5px 2px!important;
    }
    #porta_tabs_div{
        margin:0px;
        padding:0px!important;
    }

    #porta_tabs_div > div{
        padding:8px 0px!important;
    }

    #porta_tabs_div > div:nth-child(3){
        padding:0px 0px!important;
    }
}

   
@media only screen and (orientation:portrait) and (max-width: 576px) {
     a:active i, i:active {
        color: #c00909 !important;
    }
    
    div.tabbable ul li a .remove-tab{
	display:inline-block!important;
	position:absolute!important;
	right:5px!important;
	top:8px!important;
	color:red!important;
	font-size:15px!important;
    }
}
@media only screen and (orientation:landscape) and (max-width: 576px) {
     a:active i, i:active {
        color: #c00909 !important;
    }
    
    div.tabbable ul li a .remove-tab{
	display:inline-block!important;
	position:absolute!important;
	right:5px!important;
	top:8px!important;
	color:red!important;
	font-size:15px!important;
    }
}