/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 19, 2016, 4:54:36 PM
    Author     : Asep
*/
.login .wrapper .login-body .forget{margin-top: 20px; padding-bottom: 20px;} 
#navigation #brand{width: 146px;padding-right: 0px;padding-left: 30px;}  
.navbar-fixed-top{top: 62px;}
#content.nav-fixed #left{top: 102px;}
#content.container-fluid.nav-fixed{    padding-top: 82px;}
#logo-header{height: 62px;    padding-left: 53px; } 
#container-header #logo-header{padding-left: 0px;}
#logo-header .headtitle{
    display: inline-block;
    padding: 11px 0px 11px 11px;
    line-height: 1;
    font-size: 20px;
    color: #fff;
}
#logo-header .headtitle span{
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}
#logo-header a{text-decoration: none;}
#form_change_userrole{margin-bottom: 2px;}
#form_change_userrole select{height: 30px;padding-top: 3px;}
#form_change_userrole button{height: 30px;}
.theme-green #container-header{background-color: #206020;}
.theme-red #container-header{background-color: #990d00;}
.theme-orange #container-header{background-color: #c47a06;}
.theme-brown #container-header{background-color: #532a00;}
.theme-blue #container-header{background-color: #1b67af;}
.theme-lime #container-header{background-color: #5d7f19;}
.theme-teal #container-header{background-color: #005e5d;}
.theme-purple #container-header{background-color: #b3006a;}
.theme-pink #container-header{background-color: #db3097;}
.theme-magenta #container-header{background-color: #7100b3;}
.theme-grey #container-header{background-color: #0d0d0d;}
.theme-darkblue #container-header{background-color: #112944;}
.theme-lightred #container-header{background-color: #bc1818;}
.theme-lightgrey #container-header{background-color: #404040;}
.theme-satblue #container-header{background-color: #183343;}
.theme-satgreen #container-header{background-color: #3b782f;}

.theme-green #logo-header{background-color: #206020;}
.theme-red #logo-header{background-color: #990d00;}
.theme-orange #logo-header{background-color: #c47a06;}
.theme-brown #logo-header{background-color: #532a00;}
.theme-blue #logo-header{background-color: #1b67af;}
.theme-lime #logo-header{background-color: #5d7f19;}
.theme-teal #logo-header{background-color: #005e5d;}
.theme-purple #logo-header{background-color: #b3006a;}
.theme-pink #logo-header{background-color: #db3097;}
.theme-magenta #logo-header{background-color: #7100b3;}
.theme-grey #logo-header{background-color: #0d0d0d;}
.theme-darkblue #logo-header{background-color: #112944;}
.theme-lightred #logo-header{background-color: #bc1818;}
.theme-lightgrey #logo-header{background-color: #404040;}
.theme-satblue #logo-header{background-color: #183343;}
.theme-satgreen #logo-header{background-color: #3b782f;}
 
@media (max-width: 1200px){
    .icon-nav {
        display: block !important;
    } 
} 
#main .page-header{    margin: 11px 0 11px 0;}
#left.full{padding-bottom: 42px;}
#footer p{    padding: 12px 0;}

.theme-red .box .box-title .actions .btn:hover{background-color:#e51400; }
.theme-orange .box .box-title .actions .btn:hover{background-color:#f8a31f; }
.theme-green .box .box-title .actions .btn:hover{background-color:#339933; }
.theme-brown .box .box-title .actions .btn:hover{background-color:#a05000; }
.theme-blue .box .box-title .actions .btn:hover{background-color:#368ee0; }
.theme-lime .box .box-title .actions .btn:hover{background-color:#8cbf26; }
.theme-teal .box .box-title .actions .btn:hover{background-color:#00aba9; }
.theme-purple .box .box-title .actions .btn:hover{background-color:#ff0097; }
.theme-pink .box .box-title .actions .btn:hover{background-color:#e671b8; }
.theme-magenta .box .box-title .actions .btn:hover{background-color:#a200ff; }
.theme-grey .box .box-title .actions .btn:hover{background-color:#333333; }
.theme-darkblue .box .box-title .actions .btn:hover{background-color:#204e81; }
.theme-lightred .box .box-title .actions .btn:hover{background-color:#e63a3a; }
.theme-lightgrey .box .box-title .actions .btn:hover{background-color:#666666; }
.theme-satblue .box .box-title .actions .btn:hover{background-color:#2c5e7b; }
.theme-satgreen .box .box-title .actions .btn:hover{background-color:#56af45; }

/*.box-content #jqGrid_container{margin-bottom: -20px;}*/
#main{margin-left: 185px;}

#filters .form-horizontal.form-bordered .form-group [class*="col-"]{ padding: 6px; }
#filters .form-horizontal.form-bordered .form-group .control-label{ padding: 10px 10px 5px 10px;  text-align: right;}
#filters .form-horizontal.form-bordered .form-control{    height: 28px;   font-size: 14px; line-height: 28px;}
#filters .form-horizontal.form-bordered .form-group:last-child{border-bottom: 1px solid #ddd;}
#filters .form-horizontal.form-bordered .form-group .input-group .input-group-btn .btn{height: 28px;padding-top:3px;}
@media (max-width: 767px){
    #main .container-fluid,#main .container {
        margin-left: -20px;
        margin-right: -20px;
    }
    #main .page-header{margin-top: 6px; margin-bottom: -12px;}
    #filters .form-horizontal.form-bordered .form-group .control-label{text-align: left;}
    .btn{margin-bottom: 5px;}
}  
#button-actions {border-bottom: 2px solid #ddd; margin-bottom: 10px;}
#button-actions .form-actions{padding:10px; }
#main{padding-bottom: 54px;}
.tooltip{position: fixed;}

.error-page{ background: #368ee0;height: 280px; }
.error-page .wrapper {
    width: 300px;
    height: 230px;
    margin: 0px auto; 
}
.error-page .wrapper .code {
    color: #fff;
    font-size: 90px;
    text-align: center;
}
.error-page .wrapper .code span {
    margin-right: 15px;
}
.error-page .wrapper .desc {
    color: #fff;
    font-size: 14px;
    margin: 20px 0;
}
.error-page .wrapper .buttons {
    margin-top: 15px;
}
.form-horizontal .form-group .control-label{font-weight: bold;}
.form-horizontal.detail .form-group .control-label{font-weight: bold;padding:10px;}
.form-horizontal.detail .form-group .value{ display: block; color: #737373; }
.form-horizontal.detail .form-group .input-group,.form-horizontal.detail .form-group .form-control,
.form-horizontal.detail .form-group select,.form-horizontal.detail .form-group .select2-container,
.form-horizontal.detail .form-group .cke_editor_ck {display: none;}
.form-horizontal.edit .form-group .value{ display: none;   }
.form-horizontal.edit .form-group .input-group{display: inline-grid;}
.form-horizontal.edit .form-group .input-group-btn .btn{height: 30px;}
.form-horizontal.form-bordered .form-group .control-label{padding:10px;}
.form-horizontal.detail .rowGrid-act-btn button.btn{display: inline-block;}
.content-page .box-title{margin-top: 10px;}
.content-page .box-content{margin-bottom: 10px;}
.help-block.valid{display: none;}
form.detail .help-block.has-error{display: none;}
form#form_cbox .form-actions {
    padding: 10px;
}
.rowGrid-act-btn{    position: relative; display: inline-block;   
                    padding-top: 2px;
}
form#form_cbox input.form-control ,form#form_cbox select.form-control {max-height: 30px;line-height: 1.5;}
.help-block {margin-bottom: 0px;}
.form-horizontal.form-bordered .form-group:last-child{border-bottom: 0px;}
@media (max-width: 767px){
    .form-horizontal.form-column [class*="col-"]{    border-left: 0; padding-left: 15px;}
} 
#formValidationErrors .alert{
    margin-bottom: 10px;
}
.notifyjs-wrapper{bottom:42px;}
/*.select2-container .select2-choice{height: 30px;    padding-top: 1px;}*/
.form-horizontal.edit .tabs.tabs-inline{border-bottom: 1px solid #ddd;}
.ui-widget-content .icheckbox_polaris, .ui-widget-content .iradio_polaris{height: 24px;margin-top: -4px;}
.tabs.tabs-inline {
    border-bottom: 1px solid #ddd;
}
.bootbox{z-index: 99999;} 
.select2-container .select2-choice{height: 28px;} 
.notifyjs-corner{z-index: 99999;}


ul.apps{ 
    background: #fff;
    color: #000;
    margin: 0; 
    text-align: left;
    white-space: normal;
    width: 282px;
    padding: 6px 2px 0px;
    max-height:300px;/* you can change as you need it */
    overflow-y:auto;
}
ul.apps li.app{
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    color: black;
    z-index: 999;
    height: 98px;
    width: 84px;
    max-width: 84px;
} 
ul.apps li.app a{
    color: #404040;
    text-decoration: none;
    position: absolute; 
    display: inline-block;
    font-size: 13px;
    margin: 8px 2px;
    text-align: center;
    outline: none;
    padding: 6px 0px;
}
#navigation .dropdown-menu.apps > li.app > a:hover{
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2); 
}
ul.apps li a.more-apps{
    text-align: center;
    padding: 8px 15px;
    background: #e6e6e6;
    color: #333;
    text-align: center;
    overflow: hidden;
}
#navigation .dropdown-menu.apps li a.more-apps:hover{ 
    background: #ddd;
    color: #000;
} 
ul.apps li.app a img{    
    display: inline-block;
    vertical-align: top;
    height: 42px;
    width: 42px;
}
ul.apps li.app a .name{
    display: block;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    width: 84px;
    max-width: 84px;
    text-overflow: ellipsis;
}

ul.apps.scrollbar{ height: auto;max-height: 300px;overflow-x: hidden;overflow-y:auto; min-width: 135px;margin-top: 0px; }
#apps::-webkit-scrollbar { width:10px;background-color:#e6e6e6; } 


/*detail info*/
.info-detail {
    display: table;
    width: 98%;
    width: calc(100% - 1px);
    margin: 0 auto;
}
.info-detail-row {
    display: table-row;
}
.info-detail-name, .info-detail-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
}
.info-detail-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: 400;
    color: #667E99;
    background-color: transparent;
    width: 170px;
    vertical-align: middle;
}
.info-detail-value {
    padding: 6px 4px 6px 6px;
}
.info-detail-value>span+span:before {
    display: inline;
    content: ", ";
    margin-left: 1px;
    margin-right: 3px;
    color: #666;
    border-bottom: 1px solid #FFF;
}
.info-detail-value>span+span.editable-container:before {
    display: none;
}
.info-detail-row:first-child .info-detail-name, .info-detail-row:first-child .info-detail-value {
    border-top: none;
}
.info-detail-striped {
    border: 1px solid #DCEBF7;
}
.info-detail-striped .info-detail-name {
    color: #336199;
    background-color: #EDF3F4;
    border-top: 1px solid #F7FBFF;
}
.info-detail-striped .info-detail-value {
    border-top: 1px dotted #DCEBF7;
    padding-left: 12px;
}
.profile-picture {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}


@media only screen and (max-width:480px) {
    .info-detail-name {
        width: 80px;
    }
    .info-detail-striped .info-detail-name {
        float: none;
        width: auto;
        text-align: left;
        padding: 6px 4px 6px 10px;
        display: block;
    }
    .info-detail-striped .info-detail-value {
        margin-left: 10px;
        display: block;
    }
    .user-profile .memberdiv {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
} 


.ibox {
    clear: both;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
    border: 1px dotted;
    border-color: #D8D8D8!important;
    border-top: none;
}
.ibox.collapsed .ibox-content {
    display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}
.ibox:after,
.ibox:before {
    display: table;
}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f3f3f4;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-content .icon{
    position: absolute;
    top: 42px;
    right: 22px;
    z-index: 0;
    font-size: 48px;
    transition: all .3s ease-in-out;
    opacity: 0.6;
    display: block;
    color: rgba(0, 0, 0, 0.15);
}
.ibox-content:hover .icon{ 
    font-size: 62px; 
    color: rgba(0, 0, 0, 0.25);
}
.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.ibox-content {
    clear: both;
}
.ibox-content a{color: inherit;}
.ibox-content a:hover{text-decoration: none;}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}
.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}
.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    font-weight: 600;
}
.ibox-title .label {
    float: left;
    margin-left: 4px;
}
.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}
.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}
.ibox-tools a.btn-primary {
    color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}