/*CONTAINER*/
.container-main {
    padding-right: 0px;
    padding-left: 0px;
}
/*END - CONTAINER*/


/*HEADER*/
.header-logo
{
    max-height: 130px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*END - HEADER*/


/*HEADING FONT*/
.heading {
    color: inherit;
    font-weight: 600;
    font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1em;
    margin-top: 5px;
    margin-bottom: 10px;
}
h1 {
    font-size: 2em;
    text-transform: uppercase;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1em;
}
.heading-shadow {
    color: #666666; /*Dark Grey*/
    font-weight: inherit;
}
/*END - HEADING FONT*/


/*SITE WIDE*/
.site-background {
    background-color: #F3F3F3; /*Light Grey*/
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    color: #666666; /*Dark Grey*/
    font-weight: 500;
    font-size: 16px;
}
/*END SITE WIDE*/


/*LOGO*/
.signin-logo {
    max-height: 50px;
    max-width: 237px;
    margin-top: 5px;
}
.sitemenu-logo {
    max-height: 40px;
    max-width: 160px;
}
.navbar-brand-logo {
    padding-top: 8px;
    padding-bottom: 8px;
}
/*END LOGO*/


/*VALIDATION*/
form .ng-invalid.ng-dirty {
    background-color: lightpink;
}
form .ng-valid.ng-dirty {
    /*background-color: lightgreen;*/
}
span.summary.ng-invalid {
    color: red;
    font-weight: bold;
}
span.summary.ng-valid {
    color: green;
}
/*END - VALIDATION*/


/*GOLD MENU STYLING*/
.navbar-title,
.navbar-title:hover {
    background-color: #E8BA36; /*Gold*/
    background-image: none !important;
    color: black;
    border-radius: 0px;
    border: 0;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
    color: #666666; /*Dark Grey*/
    font-size: 1.4em;
}
/*For Mobile .navbar-form Class*/
@media (max-width: 767px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
/*END - GOLD MENU STYLING*/


/*SITE MENU STYLING*/
.navbar-sitemenu {
    margin-bottom: 0px;
    margin-top: 0px;
    border: 0;
    border-bottom: 4px solid #88C2DE;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background-color: white;
}
.navbar-sitemenu,
.dropdown-menu {
    background-color: #1E5DB2; /*Dark Blue*/
    background-image: -webkit-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: -o-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: -moz-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%); /*Slate Blue to Dark Blue*/
    color: white;
    border-radius: 0px;
}
.navbar-right-lightblue {
    background-color: #17A1F8; /*Slate Blue*/
    background-image: -webkit-linear-gradient(to bottom,#17A1F8 0,#17A1F8 100%);
    background-image: -o-linear-gradient(to bottom,#17A1F8 0,#17A1F8 100%);
    background-image: -moz-linear-gradient(to bottom,#17A1F8 0,#17A1F8 100%);
    background-image: linear-gradient(to bottom,#17A1F8 0,#17A1F8 100%); /*Slate Blue*/
    border-left: 1px solid #1E5DB2;
    border-right: 1px solid #1E5DB2;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>ul>li>a,
.navbar-default .navbar-right>li>a,
.navbar-default .navbar-right>li>ul>li>a,
.dropdown-menu>li>a,
.dropdown-menu>li>ul>li>a {
    color: white;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>ul>li>a:hover, 
.navbar-default .navbar-nav>li>ul>li>a:focus, 
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-submenu > li > a:hover, 
.dropdown-submenu > li > a:focus {   
    color: white;
    background-color: #666666; /*Dark Grey*/
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-submenu > li > a:hover, 
.dropdown-submenu > li > a:focus
 {
    background-image: none !important;
}
/*For Mobile .dropdown-menu Class*/
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
    background-color: #666666; /*Dark Grey*/
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: #666666; /*Dark Grey*/
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*END - SITE MENU STYLING*/


/*PANEL*/
.panel {
    background-color: inherit;
    font-size: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading-signin {
    max-width: 600px;
    padding: 15px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #1E5DB2; /*Dark Blue*/
    background-image: -webkit-linear-gradient(to bottom,#1E5DB2 0,#17A1F8 100%);
    background-image: -o-linear-gradient(to bottom,#1E5DB2 0,#17A1F8 100%);
    background-image: -moz-linear-gradient(to bottom,#1E5DB2 0,#17A1F8 100%);
    background-image: linear-gradient(to bottom,#1E5DB2 0,#17A1F8 100%); /*Dark Blue to Slate Blue*/
    color: white;
    border: 1px solid #1E5DB2; /*Dark Blue*/
    font-size: inherit;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
}
.panel a .background{
    background: lightsteelblue;
    color: black;
}
.panel .linkButton a {
    color: black;
}
.panel button .links-in-list{
    background: lightsteelblue;
    color: black;
}
.panel-default > .panel-heading {
    cursor: pointer;
    background-color: #1E5DB2; /*Dark Blue*/
    background-image: -webkit-linear-gradient(to bottom,#1E5DB2 0,#1E5DB2 100%);
    background-image: -o-linear-gradient(to bottom,#1E5DB2 0,#1E5DB2 100%);
    background-image: -moz-linear-gradient(to bottom,#1E5DB2 0,#1E5DB2 100%);
    background-image: linear-gradient(to bottom,#1E5DB2 0,#1E5DB2 100%); /*Dark Blue*/
    color: white;
}
.panel-default {
    border-color: #1E5DB2; /*Dark Blue*/
}
/*END - PANEL*/


/*ACCORDION*/
.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: inherit;

}
.panel-heading.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content: "\f078";
}
/*END - ACCORDION */


/*ROW*/
.row-signin {
    margin-bottom: auto;
}
/*END - ROW*/


/*BUTTON*/
.btn {
    font-weight: 500;
}
.btn-primary,
.btn-default,
.btn-danger {
    text-shadow: none !important;
}
.btn-primary,
.btn-info,
.btn-default,
.btn-primary:disabled,
.btn-info:disabled,
.btn-default:disabled,
.btn-default[disabled] {
    background-color: #1E5DB2; /*Dark Blue*/
    background-image: -webkit-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: -o-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: -moz-linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%);
    background-image: linear-gradient(to bottom,#17A1F8 0,#1E5DB2 100%); /*Slate Blue to Dark Blue*/
    color: white;
    border-color: #1E5EB1;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-default:hover,
.btn-default:focus {
    color: white !important;
    background-color: #1E5EB1 !important; /*Dark Blue Selected*/
    background-image: none !important;
    border-color: #1E5EB1; /*Dark Blue Selected*/
}
.btn-danger,
.btn-danger:disabled,
.btn-danger[disabled] {
    background-color: #d43f3a; /*Light Red*/
    background-image: -webkit-linear-gradient(to bottom,#d9534f 0,#b30000 100%);
    background-image: -o-linear-gradient(to bottom,#d9534f 0,#b30000 100%);
    background-image: -moz-linear-gradient(to bottom,#d9534f 0,#b30000 100%);
    background-image: linear-gradient(to bottom,#d9534f 0,#b30000 100%); /*Light Red to Dark Red*/
    color: white;
    border-color: #d43f3a; /*Light Red*/
}
.btn-danger:hover,
.btn-danger:focus {
    color: white !important;
    background-color: #b30000 !important; /*Dark Red*/
    background-image: none !important;
    border-color: #d43f3a; /*Light Red*/
}
/*END - BUTTON*/


/*TREEVIEW STYLING*/
div[data-angular-treeview] {
    /* prevent user selection */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;

    /* default */
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-size:13px;
    color: #555;
    text-decoration: none;
}
div[data-tree-model] ul {
    margin: 0;
    padding: 0;
    list-style: none; 
    border: none;
    overflow: hidden;
}
div[data-tree-model] li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 20px;
}
div[data-tree-model] li .expanded {
    padding: 1px 10px;
    background-image: url("http://cfile23.uf.tistory.com/image/205B973A50C13F4B19D9BD");
    background-repeat: no-repeat;
}
div[data-tree-model] li .collapsed {
    padding: 1px 10px;    
    background-image: url("http://cfile23.uf.tistory.com/image/1459193A50C13F4B1B05FB");
    background-repeat: no-repeat;
}
div[data-tree-model] li .normal {
    padding: 1px 10px;
    background-image: url("http://cfile23.uf.tistory.com/image/165B663A50C13F4B196CCA");
    background-repeat: no-repeat;
}
div[data-tree-model] li i, div[data-tree-model] li span {
    cursor: pointer;
}
div[data-tree-model] li .selected {
    background-color: #aaddff;
    font-weight: bold;
    padding: 1px 5px;
}
/*END - TREEVIEW STYLING*/


/*CHECKBOXLIST STYLING*/
.checkboxList {
    width:100%; 
    height: 200px; 
    overflow-y: scroll;
    font-size: inherit;
    background: white;
    color: #666666; /*Dark Grey*/
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*END - CHECKBOXLIST STYLING*/


/*SELECT ELEMENT STYLING*/
.select-list{
    background: white;
    color: #666666; /*Dark Grey*/
}
/*END - SELECT ELEMENT STYLING*/


/*LABEL STYLING*/
.label-heading {
    color: #666666; /*Dark Grey*/
    margin: auto;
    font-size: inherit;
    font-weight: 600;
    border: none;
}
.label-heading-no-background {
    background-color: inherit;
    color: #666666; /*Dark Grey*/
    font-size: inherit;
    font-weight: 600;
}
.input-group-addon {
    background-color: inherit;
}
/*END - LABEL STYLING*/


/*TABLE*/
table>thead>tr>th {
    background: #666666; /*Dark Grey*/
    color: white;
    font-weight: 600;
}
.table-striped>tbody>th {
    background-color: #666666; /*Dark Grey*/
    color: white;
    font-weight: 600;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
    color: #666666; /*Dark Grey*/
 }
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: ThreeDLightShadow;
    color: #666666; /*Dark Grey*/
}
.panel>.table-responsive>.table-bordered {
    border: 1px solid #ddd;
}
/*END - TABLE*/


/*GENERAL*/
.centered {
    text-align: center;
}
.padding-10px {
    padding: 10px;    
}
.font-size-small {
    font-size: .8em;
    line-height: 1.25em;
}
.margin-bottom-none {
    margin-bottom: 0;
}
.margin-top-10px {
    margin-top: 10px;
}
.inactiveLink {
   pointer-events: none;
   cursor: default;
}
.margin-bottom-25px {
    margin-bottom: 25px;
}
.padding-right-left-none {
    padding-left: 0px;
    padding-right: 0px;
}
/*END - GENERAL*/


/*TEXT ANGULAR EDITOR STYLING*/
.ta-editor
{
    /*min-height: 300px;*/
    height: 75px;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}
/*END - TEXT ANGULAR EDITOR STYLING*/


/*LIST STYLING*/
ul {
     list-style-type: none;
}
/*END LIST STYLING*/


/*FORM INPUT*/
.form-control {
    font-size: inherit;
    color: #666666; /*Dark Grey*/
    border: 1px solid #b7b7b7;
    border-radius: 4px;
}
.form-control:focus {
    border: 2px solid #88C2DE;
}
.form-signin {
    max-width: 600px;
    padding: 15px;
    margin: 0 auto;
    background-color: white;
    border-color: #1E5DB2; /*Dark Blue*/
    border-width: 1px;
    border-style: solid;
    font-size: inherit;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.form-input {
    background: white;
    color: #666666; /*Dark Grey*/
}
.form-select:hover,
.form-select:focus {
    color: white;
    background-color: #666666; /*Dark Grey*/
    -webkit-transition: background ease-in .1s;
    -o-transition: background ease-in .1s;
    transition: background ease-in .1s;
    border-color: #b7b7b7;
    text-decoration: none;
}
.form-overflow-hidden {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}
/*END - FORM INPUT*/


/*PROGRESS*/
.progress {
    border: 1px solid #ccc;
    background-color: #f5f5f5; /*Very Light Grey*/
    background-image: -webkit-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: -moz-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,white 0,#f5f5f5 100%); /*White to Very Light Grey*/
}
/*END - PROGRESS*/


/*WELL DROP ZONE*/
.well {
    border: 1px solid #ccc;
    background-color: #f5f5f5; /*Very Light Grey*/
    background-image: -webkit-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: -moz-linear-gradient(to bottom,white 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,white 0,#f5f5f5 100%); /*White to Very Light Grey*/
}
/*END - WELL DROP ZONE*/


/*GLYPHICON ADD ON*/
.inner-addon { 
    position: relative; 
}
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}
.left-addon .glyphicon  { 
    left:  0px;
}
.right-addon .glyphicon { 
    right: 0px;
}
.left-addon input  { 
    padding-left:  30px;
}
.right-addon input { 
    padding-right: 30px;
}
/*END - GLYPHICON ADD ON*/


/*CONTAINER*/
.sortable-container{
    max-height: 400px;
	overflow: auto;
	padding: 10px 50px;
	background: hsl(60, 80%, 90%);
}
/*END - CONTAINER*/

/*TYPE AHEAD DEMO*/
.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}
.typeahead-demo .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}
.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
/*END - TYPE AHEAD DEMO*/


/*ANGULAR UI-GRID*/
.ui-grid {
    border: 1px solid rgb(212,212,212);        
    width: 100% !important;
    max-width: 100% !important;
    color: #666666; /*Dark Grey*/
    background-color: white;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: ThreeDLightShadow;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: white;
}
.ui-grid-top-panel {
    background: #666666; /*Dark Grey*/
    color: white;
    font-weight: 600;
}
.cellToolTip {
    overflow: visible;
}
.grid-tooltip {
  overflow: visible;
  z-index: 9999999;
  float: left;
}
.ui-grid-filter-input {
    color: #666666; /*Dark Grey*/
}
@media (min-height: 0)and (max-height: 800px) {
    .ui-grid {
        height: 450px;
    }
}
@media (min-height: 801px) and (max-height: 1000px) {
    .ui-grid {
        height: 600px;
    }
}
@media (min-height: 1001px) {
    .ui-grid {
        height: 700px;
    }
}
/*END - ANGULAR UI-GRID*/

/*BOOTSTRAP MODAL USED IN THE ANGULAR MODAL SERVICE*/
/*.modal-open {
    overflow: inherit;
}*/
.modal-toc {
    display: block !important;
}

.modal-dialog-toc {
    overflow-y: initial !important
}

.modal-body-toc {
    height: 400px;
    overflow-y: auto;
}

    

/*END - ANGULAR UI-GRID*/

/*PASSWORD METER*/
.password-meter-black-text {
    color: #000;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

body {
    background: white;
    margin: 0;
    padding: 0;
}

.main-container {
    display: table;
    width: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.form-container {
    position: relative;
    bottom: 0;
    display: table-cell;
    vertical-align: middle;
}

    .form-container form > div {
        padding: 0 15px;
    }

    .form-container form > button {
        margin-left: 15px;
    }

legend.form-label {
    font-size: 24pt;
    padding: 0 15px;
}

.form-control.error {
    border-color: red;
}

.form-hint {
    font-size: 7pt;
    line-height: 9pt;
    margin: -5px auto 5px;
    color: #999;
}

.form-hint.error {
    color: #C00;
    font-weight: bold;
    font-size: 8pt;
}

.password-count {
    float: right;
    position: relative;
    bottom: 24px;
    right: 10px;
}

.strength-meter {
    position: relative;
    height: 3px;
    background: #DDD;
    margin: 10px auto 20px;
    border-radius: 3px;
}

    .strength-meter:before,
    .strength-meter:after {
        content: '';
        height: inherit;
        background: transparent;
        display: block;
        border-color: #FFF;
        border-style: solid;
        border-width: 0 5px 0 5px;
        position: absolute;
        width: 80px;
        z-index: 10;
    }

    .strength-meter:before {
        left: 70px;
    }

    .strength-meter:after {
        right: 70px;
    }

.strength-meter-fill {
    background: transparent;
    height: inherit;
    position: absolute;
    width: 0;
    border-radius: inherit;
    transition: width 0.5s ease-in-out, background 0.25s;
}

    .strength-meter-fill[data-strength='0'] {
        content: 'Are you joking?';
        background: darkred;
        width: 20%;
    }

    .strength-meter-fill[data-strength='1'] {
        content: 'Slightly better that a joke';
        background: orangered;
        width: 40%;
    }

    .strength-meter-fill[data-strength='2'] {
        content: 'Getting there';
        background: orange;
        content: '';
        width: 60%;
    }

    .strength-meter-fill[data-strength='3'] {
        content: 'Good';
        background: yellowgreen;
        width: 80%;
    }

    .strength-meter-fill[data-strength='4'] {
        content: 'Wonderful';
        background: green;
        width: 100%;
    }

/*END PASSWORD METER*/