/* Sizes */
.np,.p0{padding:0px !important;}
.pd5{padding:5px !important;}
.pd8{padding:8px !important;}
.pd10{padding:10px !important;}
.pd15{padding:15px !important;}
.pd25{padding:25px !important;}
.pd30{padding:30px !important;}


.npv, .pv0{padding-top:0px !important; padding-bottom: 0px !important;}
.pv5{padding-top:5px !important; padding-bottom: 5px !important;}
.pv8{padding-top:8px !important; padding-bottom: 8px !important;}
.pv10{padding-top:10px !important; padding-bottom: 10px !important;}
.pv15{padding-top:15px !important; padding-bottom: 15px !important;}
.pv20{padding-top:20px !important; padding-bottom: 20px !important;}
.pv25{padding-top:25px !important; padding-bottom: 25px !important;}
.pv30{padding-top:30px !important; padding-bottom: 30px !important;}

.nph, .ph0{padding-left:0px !important; padding-right: 0px !important;}
.ph5{padding-left:5px !important; padding-right: 5px !important;}
.ph8{padding-left:8px !important; padding-right: 8px !important;}
.ph10{padding-left:10px !important; padding-right: 10px !important;}
.ph15{padding-left:15px !important; padding-right: 15px !important;}
.ph20{padding-left:20px !important; padding-right: 20px !important;}
.ph25{padding-left:25px !important; padding-right: 25px !important;}
.ph30{padding-left:30px !important; padding-right: 30px !important;}


.npb, .pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:25px !important;}

.npt, .pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:25px !important;}

.npl, .pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:25px !important;}


.npr, .pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:25px !important;}


.nm, .m0{margin:0px !important;}
.m5{margin:5px !important;}
.m8{margin:8px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}




.nmv, .mv0{margin-top:0px !important; margin-bottom: 0px !important;}
.mv5{margin-top:5px !important; margin-bottom: 5px !important;}
.mv8{margin-top:8px !important; margin-bottom: 8px !important;}
.mv10{margin-top:10px !important; margin-bottom: 10px !important;}
.mv15{margin-top:15px !important; margin-bottom: 15px !important;}
.mv20{margin-top:20px !important; margin-bottom: 20px !important;}
.mv25{margin-top:25px !important; margin-bottom: 25px !important;}
.mv30{margin-top:30px !important; margin-bottom: 30px !important;}

.nmh, .mh0{margin-left:0px !important; margin-right: 0px !important;}
.mh5{margin-left:5px !important; margin-right: 5px !important;}
.mh8{margin-left:8px !important; margin-right: 8px !important;}
.mh10{margin-left:10px !important; margin-right: 10px !important;}
.mh15{margin-left:15px !important; margin-right: 15px !important;}
.mh20{margin-left:20px !important; margin-right: 20px !important;}
.mh25{margin-left:25px !important; margin-right: 25px !important;}
.mh30{margin-left:30px !important; padding-right: 30px !important;}


.nmb, .mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:25px !important;}

.nmt, .mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:25px !important;}

.nml, .ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:25px !important;}


.nmr, .mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:25px !important;}
/* EOF sizes */


/* Floating */
.f-left{ float:left  !important; }
.f-right{ float:right !important; }
.f-none{ float:none !important; }
/* EOF floating

/* Display */
.inline-block{ display:inline-block !important;}
.display-block{ display:block !important;}
/* EOF Display */


/* Transition */
.transition1s{
    transition: all 1s;
}


/* Cursors */
.cursor-pointer{
    cursor:pointer;
}


.brd1px{
    border:1px solid transparent;
    border:1px solid #00000000;
}

.brd-red{
    border-color:#e07d8d;
}


#size_marker {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
}


.loading_overlay{
    display: none;
    transition: opacity 1s;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: unset;
    background-repeat: no-repeat;
    background-position: center;
}

.loading_overlay.black{
    background-color: rgba(255, 255, 255, 0.8);
}

#response{
    display: none;
}


.modal-backdrop.in{
    opacity:0.75;
    background: #595959;
    opacity: 0.80;
}

/*Dark Content Theme*/
.modal-content{
    /* background: #181818; */
    /* color: white; */
    /* border: 1px solid #383838; */
    /* box-shadow: 6px 6px 9px 2px black; */
    /* box-shadow: 4px 4px 13px 0px #000000b0; */
}

.text-muted {
    color: #a3a3a3;
}

.input-help-text{
    font-size:0.8em;
}

.modal-header {
    border-bottom: 1px solid #d2d2d2;
}

.modal-footer {
    border-top: 1px solid #b9b9b9;
}

.modal-body {}

.modal button.close{
    color:#717171;
    text-shadow: 0 1px 0 #d3d3d3;
    opacity: 1;
}

/*
input[type=text], 
input[type=password]
{
    
}*/

.btn.btn-default.dark:not(:hover){
    color: #fff;
    background-color: #242424;
    border-color: #383838;
}

.btn.btn-primary.dark:not(:hover){
    color: #ffffff;
    background-color: #2d2d2d;
    border-color: #727272;
}


select{
    color: black;
    background: #ececec;
}



/*.toolbar{border-bottom:2px solid #848484;
        //background:linear-gradient(#8c8c8c,#d8d8d8, white);
        background: linear-gradient(#c1c1c1,#dcdcdc, white);
        background:linear-gradient(#adadad,#dedede, white);
}*/
.toolbar {
   border-bottom: 2px solid #848484;
   background: linear-gradient(#e0e0e0,#dedede, white);
}
.toolbar .group:first-child{
   padding-left: 3%;
}
.toolbar .group{float:left; border-right:1px solid gray; padding:4px 9px;}
.toolbar .group .name{font-size:0.8em; text-align: center; //visibility: hidden;
}
.toolbar .bt{float: left; padding:4px 5px;height: 34px;}
.toolbar .bt button.on{
   background: transparent;
   box-shadow: none;
}
/*.toolbar button {font-size: 25px;//background: transparent;
                min-width: 37px;
}*/
.toolbar button, .toolbar select {
   font-size: 25px;
   min-width: 37px;
   /* background: transparent; */
   /* background: white; */
   /* border: 1px solid #7b7b7b; */
   box-shadow: 3px 3px 4px 2px grey;
}
.toolbar button:hover {
   border: 1px solid #008cff;
   transition: border 1s;
}
.toolbar button:active {
   background: #adadad;
}
.toolbar select {
   font-size: 20px;
   height: 33px;
}
.toolbar .bt-save-as{
   height:33px;
}
.toolbar .bt.select{height: 34px;}



*{margin:0; padding:0;}
body{
    font-family:Verdana, Helvetica, Arial, FreeS ans, sans-serif;
    line-height:unset;
    color:#525252;
    background:white;
}

    

a, a:hover, a:focus{text-decoration:none; color:inherit;}

a.underline, a.underline:hover, a.underline:focus{text-decoration:underline;}

li{ list-style-type: none; }

.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.space-10{display:inline-block;margin-left:10px;}
.space-20{display:inline-block;margin-left:20px;}
.verticalSpace-10{height:10px;}
#topHeader{
    height: 48px;
    width: 100%;
    background-color:#e4e4e4;
    color:#333333;
    position:fixed;
    z-index:30;
}


#topHeader #header-left{
    cursor:pointer;
    text-align:center;
    width: 260px;
    height: 100%;
    /*position: absolute;*/
    padding: 11px 13px 0px 13px;
    border-right: 1px solid rgb(202, 202, 202);
}

#topHeader #header-right{
    border: 1px solid red;
    height: 100%;
    position: absolute;
    right: 0;
}    

#topHeader #header-right *{
    display:table-cell;
    vertical-align:middle;
}


.logo-img{
    display: inline-block;
    background: url(/mvc/web/images/logo-01-01-white.jpg) no-repeat center center;
    width: 30px;
    height: 30px;
    background-color: red;
    background-size: cover;
}
.app-name{
    display:inline-block;
    padding-left:15px;
    font-size: 24px;
    font-family:serif;
}
.user-name{
    line-height: 30px;
    font-size: 18px;
}
.user-img{
    border: 1px solid gray;
    border-radius: 6px;
    margin-right: 11px;
}

#header-breadcumbs {
    float: left;
    height: 100%;
    border-left:1px solid #616161;
    line-height: 46px;
    margin-top: -9px;
    font-size: 18px;
    padding-left:10px;
}

.current-path .location {
    padding: 4px 0 4px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor:pointer;
    transition: background 1s, border 1s,color 1s;
}
.current-path .location:hover {
    background: gray;
    border: 1px solid blue;
    color:blue;
}
.current-path a{    
    color: #88bade; text-decoration:underline;
}


#center-container{
    padding-top: 48px;
}

#center-container.menu-colapsed #left_panel{
    display: none;
}

.main_panel_header.fixed_height{
    height:79px;
}

#center-container.menu-colapsed #main_panel_wrapper{
    margin-left: 0;
}

#left_panel{
    width: 260px;
    /* float: left; */
    position: fixed;
    z-index: 3;
    background: #ffffff;
    border-right: 1px solid #dcdcdc;
}

#left_panel #search {
    padding: 10px 0 5px 11px;
    font-size: 21px;
}



#left_panel #search input{
    width: 203px;
    padding: 5px 2px;
    border:1px solid #bfbfbf;
    padding-left:10px;
    font-size:13px;
}

#left_panel #search .search-button{
    color:#aaa;
}

#left_panel .menu-title {
    text-align: center;
    margin-top: 8px;
    color:gray;
    margin:3px 0 0px 0;
    border-bottom: 1px solid #383838;
}


#left_panel #menu {
    font-size: 14px;
    color: #969696;
}

#left_panel #menu li{
    cursor:pointer;
    margin-right:5px;
}

#left_panel #menu li{
    padding: 10px 10px;
    transition:color 0.4s;
}

#left_panel #menu > ul > li > ul{
    /*margin-left:10px;*/
}
#left_panel #menu > ul > li > ul > li{
    margin-top:5px;
}

#left_panel #menu li.active{
    border-left: 7px solid #616161;
    color: #151515;
    font-size: 16px;
    margin-right: 0;
    width:103%;
}


#left_panel #menu li:not(.active):hover a {
    margin-left: -7px;
}


#left_panel #menu li:not(.active):hover {
    /* background: #ececec; */
    color: #8eaae9;
    margin-right: 0;
    border-left: 7px solid #b9b9b9;
}

#left_panel #menu i{
    margin-right: 10px;
}

#left_panel #menu ul li ul.submenu:not(.open){
    display:none;
}


/*Main Panel*/
#main_panel_wrapper{
    margin-left:260px;
}

.main_panel{
    position:relative;
    display:none;
}

.main_panel.active{
    display: block;
}

.bottom_border{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: #dcdcdc;
    height: 68px;
    padding-top: 25px;
}

#size-marker{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 1px;
    height:1px;
    background: red;
}

#command_bar{
    height: 47px;
}



/*
#left_panel #menu li.active, .main_panel{
    background: #131313;
}*/




/*Command Bar*/
#command_bar{
    padding: 10px 0 3px 11px;
    font-size: 16px;
}

#command_bar .command_bar_inner{
    transition:opacity 2s;
}

#command_bar .action{
    cursor:pointer;
    display: inline-block;

    padding: 2px 6px;

    border-radius: 5px;
    transition:background 0.5s, border 0.5s, color 0.5s;
    margin-right: 17px;
}

#command_bar .button{
    background-color: #e6e6e6;
    color: #333333;
    border: 1px solid #b0b0b0;
}



#command_bar .iconfa-sort-down{
    position: relative;
    top: -0.25em;
}

#command_bar .button:hover{
    border-color: black;
}
#command_bar .action:hover{
    background:#dadada;
    color:#000000;
}


#command_bar .leftactions{float:left;}
#command_bar .rightactions{float:right;}

/*
.file-preview {
    background: black;
    box-shadow: 4px 5px 4px 1px black;
    margin-bottom: 17px;
    border-color: #3f3f3f;
}*/

.file-drop-zone-title{
    color:#ffffff;
}

.file-preview .close.fileinput-remove{
    top:3px; right:5px;
    line-height: 10px;
    color: #6e6e6e;
    text-shadow: 0 0px #a7a7a7;
    opacity: 1;
}

.file-input .file-caption.form-control{
    border:1px solid #646464;
}



#left_menu_footer {
    font-size: 13px;
    color: #d3d3d3;
    /* padding: 13px; */
    margin-top: 1px;
    overflow: hidden;
    clear: both;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #eaeaea;
}


#left_menu_footer span.toggle-menu {
    display: inline-block;
    padding: 10px 15px;
}

#left_menu_footer .footer-left{float:left;}
#left_menu_footer .footer-right{float:right;}

#left_menu_footer .toggle-menu{
    cursor:pointer;
}

#center-container #centerMessageContainer{
    background-color:rgba(255,0,0,0.2);
    position:relative;
}
#center-container #centerMessage{
    bottom: 0;
    //height: 430px;
    //width: 430px;

    //height:auto;
    //width:auto;
    //background-color: rgba(255,255,0,0.2);
    height:auto;
    width: 430px;

    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;

    text-align: center;
    padding-top: 10%;
}

#center-container #centerMessage #messageTitle{

}
#center-container #centerMessage #messageDetails{
    color: #444444;font-weight:bold;
}



    #command_bar .dropdown-content {
display: none;
position: absolute;
    background: inherit;
    min-width: 168px;
    box-shadow: 0px 15px 26px 7px #9696ce;
    left: 11px;
    z-index: 50;
    border: 1px solid #b5a9a9;
    border-top: 1px solid #e6e6ea;
            }
            #command_bar .dropdown-content a{
                color: black;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
            }
#command_bar .dropdown-content a:hover {
    background: #0e0e0e;
    color: white;
}
.input-dialog table,.input-dialog th, .input-dialog td{
    border:1px solid gray;
    border-collapse:collapse;
}
.input-dialog td{
    padding:3px;
}
.input-dialog input{
    width:95%;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #67afc3;
}

.input-dialog select{
    width: 70%;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #67afc3;
    cursor:pointer;
}
.input-dialog button{
    margin-left:3px;
}
.input-dialog table tr{cursor:pointer;}
.input-dialog table tr:nth-child(even) {
    background-color: #eee;
}
.input-dialog table tr:nth-child(odd) {
   background-color:#fff;
}
.input-dialog button{
    cursor:pointer;
    margin-left:10px;
    padding:0 5px;
}
.input-dialog .tooltiptext{
    width:90px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    display: none;
    //width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    display: block;
}

#top-popup-layer {
    margin-top: 50px;
    position: fixed;
    z-index: 110;
    width: 100%;
}
.top-popup-container {
    text-align:center;
    display:none;
}
.top-popup{
    padding: 8px;
    border: 1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    display: inline-block;
    cursor: pointer;
    min-width: 215px;
    margin-bottom: 8px;
    position:relative;
}
.top-popup.success{
    border-color: #7aa71b;
    background-color: #d6ecb3;
    box-shadow: 0 1px 13px 2px #6ea76d;
}
.top-popup.success .iconfa-ok{color:#6f9b2e;}

.top-popup.error {
    background-color: #ffcccc;
    /* color: white; */
    box-shadow: 0 1px 13px 2px #d23333;
}

.top-popup.error .iconfa-remove{color: red;}



span.toggle-menu.current {
    background: #ffffff;
    color: black;
}

.loading-bg-bar{
    background:url("{{ app_asset("img/loader/loader_bar.gif") }}") no-repeat center center;
}






























.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}


/** Custom styling for Elements*/


/*Col xs*/

@media (min-width: 768px) {
    /*Col sm*/
    .sm-text-right{text-align:right;}
    .sm-text-left{text-align:left;}
    .sm-text-center{text-align:center;}
}

@media (min-width: 992px) {
    /*Col md*/
    .md-text-right{text-align:right;}
    .md-text-left{text-align:left;}
    .md-text-center{text-align:center;}
}

@media (min-width: 1200px) {
    /* Col lg*/
    .lg-text-right{text-align:right;}
    .lg-text-left{text-align:left;}
    .lg-text-center{text-align:center;}
}


@media (min-width: 1298px) {
    /* Col xl*/
    .xl-text-right{text-align:right;}
    .xl-text-left{text-align:left;}
    .xl-text-center{text-align:center;}
}

/*Laptop, Desktop and Big desktop*/
@media (min-width: 1298px){
    .col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
        float:left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}