/* Bardos */


/*-- Css for nicer display of boolean yes/no values --*/

.boolean-true {
    font-weight: bold;
    color: green;
}

.boolean-false {
    font-weight: bold;
    color: #e13431;
}

/*-- Css for nicer display align --*/

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}



.valignmiddle {
  vertical-align: middle;
}
.valignbottom {
  vertical-align: bottom;
}
.valigntop {
  vertical-align: top;
}


.valignbaseline {
  vertical-align: baseline;
}
.valigntexttop {
  vertical-align: text-top;
}

.valigntextbottom {
  vertical-align: text-bottom;
}

.valigntextsub {
  vertical-align: sub;
}

.valigntextsuper {
  vertical-align: super;
}




/*-- Css for nicer display margin-left --*/


.kiri0 {
    margin-left: 0px;
}

.kiri1 {
    margin-left: 1px;
}


.kiri2 {
    margin-left: 2px;
}


.kiri3 {
    margin-left: 3px;
}


.kiri4 {
    margin-left: 4px;
}


.kiri5 {
    margin-left: 5px;
}

.kiri6 {
    margin-left: 6px;
}

.kiri7 {
    margin-left: 7px;
}

.kiri8 {
    margin-left: 8px;
}

.kiri9 {
    margin-left: 9px;
}

.kiri10 {
    margin-left: 10px;
}
.kiri11 {
    margin-left: 11px;
}
.kiri12 {
    margin-left: 12px;
}
.kiri13 {
    margin-left: 13px;
}
.kiri14 {
    margin-left: 14px;
}
.kiri15 {
    margin-left: 15px;
}
.kiri16 {
    margin-left: 16px;
}
.kiri17 {
    margin-left: 17px;
}
.kiri18 {
    margin-left: 18px;
}
.kiri19 {
    margin-left: 19px;
}
.kiri20 {
    margin-left: 20px;
}
.kiri25 {
    margin-left: 25px;
}
.kiri30 {
    margin-left: 30px;
}
.kiri40 {
    margin-left: 40px;
}
.kiri50 {
    margin-left: 50px;
}
.kiri100 {
    margin-left: 100px;
}

/*-- Css for nicer display margin-top --*/


.atas0 {
    margin-top: 0px;
}

.atas1 {
    margin-top: 1px;
}


.atas2 {
    margin-top: 2px;
}


.atas3 {
    margin-top: 3px;
}


.atas4 {
    margin-top: 4px;
}


.atas5 {
    margin-top: 5px;
}

.atas6 {
    margin-top: 6px;
}

.atas7 {
    margin-top: 7px;
}

.atas8 {
    margin-top: 8px;
}

.atas9 {
    margin-top: 9px;
}

.atas10 {
    margin-top: 10px;
}
.atas11 {
    margin-top: 11px;
}
.atas12 {
    margin-top: 12px;
}
.atas13 {
    margin-top: 13px;
}
.atas14 {
    margin-top: 14px;
}
.atas15 {
    margin-top: 15px;
}
.atas16 {
    margin-top: 16px;
}
.atas17 {
    margin-top: 17px;
}
.atas18 {
    margin-top: 18px;
}
.atas19 {
    margin-top: 19px;
}
.atas20 {
    margin-top: 20px;
}
.atas30 {
    margin-top: 30px;
}
.atas40 {
    margin-top: 40px;
}
.atas50 {
    margin-top: 50px;
}
.atas100 {
    margin-top: 100px;
}

/*-- Css for nicer display role --*/


.bg-none {
    background-color: transparent !important;
}

.bg-developer {
    background-color:#ffe6ff;
}

.bg-superadministrator {
    background-color:#ffe6ff;
}

.bg-superadministrator_nas {
    background-color:#ffe6ff;
}

.bg-superadministrator_pro {
    background-color:#ffe6ff;
}

.bg-superadministrator_kab {
    background-color:#ffe6ff;
}

.bg-superadministrator_kec {
    background-color:#ffe6ff;
}

.bg-administrator {
    background-color:#ffe6e6;
}

.bg-administrator_nas {
    background-color:#ffe6e6;
}

.bg-administrator_pro {
    background-color:#ffe6e6;
}

.bg-administrator_kab {
    background-color:#ffe6e6;
}

.bg-administrator_kec {
    background-color:#ffe6e6;
}

.bg-administrator_des {
    background-color:#ffe6e6;
}

.bg-superoperator {
    background-color:#ffffe6;
}

.bg-superoperator_nas {
    background-color:#ffffe6;
}

.bg-superoperator_pro {
    background-color:#ffffe6;
}

.bg-superoperator_kab {
    background-color:#ffffe6;
}

.bg-superoperator_kec {
    background-color:#ffffe6;
}

.bg-operator {
    background-color:#e6ffe6;
}

.bg-operator_nas {
    background-color:#e6ffe6;
}

.bg-operator_pro {
    background-color:#e6ffe6;
}

.bg-operator_kab {
    background-color:#e6ffe6;
}

.bg-operator_kec {
    background-color:#e6ffe6;
}

.bg-operator_des {
    background-color:#e6ffe6;
}

.bg-officer {
    background-color:#e6e6ff;
}

.bg-officer_nas {
    background-color:#e6e6ff;
}

.bg-officer_pro {
    background-color:#e6e6ff;
}

.bg-officer_kab {
    background-color:#e6e6ff;
}

.bg-officer_kec {
    background-color:#e6e6ff;
}

.bg-editor {
    background-color:#fff2e6;
}

.bg-editor_nas {
    background-color:#fff2e6;
}

.bg-editor_pro {
    background-color:#fff2e6;
}

.bg-editor_kab {
    background-color:#fff2e6;
}

.bg-editor_kec {
    background-color:#fff2e6;
}

.bg-editor_des {
    background-color:#fff2e6;
}

.bg-user {
    background-color:#e6ffff;
}

.bg-user_nas {
    background-color:#e6ffff;
}

.bg-user_pro {
    background-color:#e6ffff;
}

.bg-user_kab {
    background-color:#e6ffff;
}

.bg-user_kec {
    background-color:#e6ffff;
}

.bg-user_des {
    background-color:#e6ffff;
}

.bg-member {
    background-color:#e6ffff;
}


/*-- Css for nicer display of user roles --*/


.role-none {

}

.role-developer {
     font-weight: bold;
     color:#800000;
}
.role-superadministrator {
    font-weight: bold;
     color:#800000;
}

.role-superadministrator_nas {
    font-weight: bold;
     color:#800000;
}

.role-superadministrator_pro {
    font-weight: bold;
     color:#000080;
}

.role-superadministrator_kab {
    font-weight: bold;
     color:#008000;
}

.role-superadministrator_kec {
    font-weight: bold;
     color:#804000;
}

.role-administrator {
    font-weight: bold;
     color:#800000;
}

.role-administrator_nas {
    font-weight: bold;
     color:#800000;
}

.role-administrator_pro {
    font-weight: bold;
     color:#000080;
}

.role-administrator_kab {
    font-weight: bold;
     color:#008000;
}

.role-administrator_kec {
    font-weight: bold;
     color:#804000;
}

.role-administrator_des {
    font-weight: bold;
     color:#800080;
}

.role-superoperator {
    font-weight: bold;
     color:#800000;
}

.role-superoperator_nas {
    font-weight: bold;
     color:#800000;
}

.role-superoperator_pro {
    font-weight: bold;
     color:#000080;
}

.role-superoperator_kab {
    font-weight: bold;
     color:#008000;
}

.role-superoperator_kec {
    font-weight: bold;
     color:#804000;
}

.role-operator {
    font-weight: bold;
     color:#800000;
}

.role-operator_nas {
    font-weight: bold;
     color:#800000;
}

.role-operator_pro {
    font-weight: bold;
     color:#000080;
}

.role-operator_kab {
    font-weight: bold;
     color:#008000;
}

.role-operator_kec {
    font-weight: bold;
     color:#804000;
}

.role-operator_des {
    font-weight: bold;
     color:#800080;
}

.role-officer {
    font-weight: bold;
     color:#800000;
}

.role-officer_nas {
    font-weight: bold;
     color:#800000;
}

.role-officer_pro {
    font-weight: bold;
     color:#000080;
}

.role-officer_kab {
    font-weight: bold;
     color:#008000;
}

.role-officer_kec {
    font-weight: bold;
     color:#804000;
}

.role-editor {
    font-weight: bold;
     color:#800000;
}

.role-editor_nas {
    font-weight: bold;
     color:#800000;
}

.role-editor_pro {
    font-weight: bold;
     color:#000080;
}

.role-editor_kab {
    font-weight: bold;
     color:#008000;
}

.role-editor_kec {
    font-weight: bold;
     color:#804000;
}

.role-editor_des {
    font-weight: bold;
     color:#800080;
}

.role-user {
    font-weight: bold;
     color:#800000;
}

.role-user_nas {
    font-weight: bold;
     color:#800000;
}

.role-user_pro {
    font-weight: bold;
     color:#000080;
}

.role-user_kab {
    font-weight: bold;
     color:#008000;
}

.role-user_kec {
    font-weight: bold;
     color:#804000;
}

.role-user_des {
    font-weight: bold;
     color:#800080;
}

.role-member {
    font-weight: bold;
     color:#000000;
}


/*-- Css for nicer display text-color --*/


.cl-IndianRed {
   color:IndianRed !important;
}

.cl-LightCoral {
   color:LightCoral !important;
}

.cl-Salmon {
   color:Salmon !important;
}

.cl-DarkSalmon {
   color:DarkSalmon !important;
}

.cl-LightSalmon {
   color:LightSalmon !important;
}

.cl-Crimson {
   color:Crimson !important;
}

.cl-Red {
   color:Red !important;
}

.cl-FireBrick {
   color:FireBrick !important;
}

.cl-DarkRed {
   color:DarkRed !important;
}

.cl-Pink {
   color:Pink !important;
}

.cl-LightPink {
   color:LightPink !important;
}

.cl-HotPink {
   color:HotPink !important;
}

.cl-DeepPink {
   color:DeepPink !important;
}

.cl-MediumVioletRed {
   color:MediumVioletRed !important;
}

.cl-PaleVioletRed {
   color:PaleVioletRed !important;
}

.cl-LightSalmon {
   color:LightSalmon !important;
}

.cl-Coral {
   color:Coral !important;
}

.cl-Tomato {
   color:Tomato !important;
}

.cl-OrangeRed {
   color:OrangeRed !important;
}

.cl-DarkOrange {
   color:DarkOrange !important;
}

.cl-Orange {
   color:Orange !important;
}

.cl-Gold {
   color:Gold !important;
}

.cl-Yellow {
   color:Yellow !important;
}

.cl-LightYellow {
   color:LightYellow !important;
}

.cl-LemonChiffon {
   color:LemonChiffon !important;
}

.cl-LightGoldenRodYellow {
   color:LightGoldenRodYellow !important;
}

.cl-PapayaWhip {
   color:PapayaWhip !important;
}

.cl-Moccasin {
   color:Moccasin !important;
}

.cl-PeachPuff {
   color:PeachPuff !important;
}

.cl-PaleGoldenRod {
   color:PaleGoldenRod !important;
}

.cl-Khaki {
   color:Khaki !important;
}

.cl-DarkKhaki {
   color:DarkKhaki !important;
}

.cl-Lavender {
   color:Lavender !important;
}

.cl-Thistle {
   color:Thistle !important;
}

.cl-Plum {
   color:Plum !important;
}

.cl-Violet {
   color:Violet !important;
}

.cl-Orchid {
   color:Orchid !important;
}

.cl-Fuchsia {
   color:Fuchsia !important;
}

.cl-Magenta {
   color:Magenta !important;
}

.cl-MediumOrchid {
   color:MediumOrchid !important;
}

.cl-MediumPurple {
   color:MediumPurple !important;
}

.cl-RebeccaPurple {
   color:RebeccaPurple !important;
}

.cl-BlueViolet {
   color:BlueViolet !important;
}

.cl-DarkViolet {
   color:DarkViolet !important;
}

.cl-DarkOrchid {
   color:DarkOrchid !important;
}

.cl-DarkMagenta {
   color:DarkMagenta !important;
}

.cl-Purple {
   color:Purple !important;
}

.cl-Indigo {
   color:Indigo !important;
}

.cl-SlateBlue {
   color:SlateBlue !important;
}

.cl-DarkSlateBlue {
   color:DarkSlateBlue !important;
}

.cl-MediumSlateBlue {
   color:MediumSlateBlue !important;
}

.cl-GreenYellow {
   color:GreenYellow !important;
}

.cl-Chartreuse {
   color:Chartreuse !important;
}

.cl-LawnGreen {
   color:LawnGreen !important;
}

.cl-Lime {
   color:Lime !important;
}

.cl-LimeGreen {
   color:LimeGreen !important;
}

.cl-PaleGreen {
   color:PaleGreen !important;
}

.cl-LightGreen {
   color:LightGreen !important;
}

.cl-MediumSpringGreen {
   color:MediumSpringGreen !important;
}

.cl-SpringGreen {
   color:SpringGreen !important;
}

.cl-MediumSeaGreen {
   color:MediumSeaGreen !important;
}

.cl-SeaGreen {
   color:SeaGreen !important;
}

.cl-ForestGreen {
   color:ForestGreen !important;
}

.cl-Green {
   color:Green !important;
}

.cl-DarkGreen {
   color:DarkGreen !important;
}

.cl-YellowGreen {
   color:YellowGreen !important;
}

.cl-OliveDrab {
   color:OliveDrab !important;
}

.cl-Olive {
   color:Olive !important;
}

.cl-DarkOliveGreen {
   color:DarkOliveGreen !important;
}

.cl-MediumAquaMarine {
   color:MediumAquaMarine !important;
}

.cl-DarkSeaGreen {
   color:DarkSeaGreen !important;
}

.cl-LightSeaGreen {
   color:LightSeaGreen !important;
}

.cl-DarkCyan {
   color:DarkCyan !important;
}

.cl-Teal {
   color:Teal !important;
}

.cl-Aqua {
   color:Aqua !important;
}

.cl-Cyan {
   color:Cyan !important;
}

.cl-LightCyan {
   color:LightCyan !important;
}

.cl-PaleTurquoise {
   color:PaleTurquoise !important;
}

.cl-Aquamarine {
   color:Aquamarine !important;
}

.cl-Turquoise {
   color:Turquoise !important;
}

.cl-MediumTurquoise {
   color:MediumTurquoise !important;
}

.cl-DarkTurquoise {
   color:DarkTurquoise !important;
}

.cl-CadetBlue {
   color:CadetBlue !important;
}

.cl-SteelBlue {
   color:SteelBlue !important;
}

.cl-LightSteelBlue {
   color:LightSteelBlue !important;
}

.cl-PowderBlue {
   color:PowderBlue !important;
}

.cl-LightBlue {
   color:LightBlue !important;
}

.cl-SkyBlue {
   color:SkyBlue !important;
}

.cl-LightSkyBlue {
   color:LightSkyBlue !important;
}

.cl-DeepSkyBlue {
   color:DeepSkyBlue !important;
}

.cl-DodgerBlue {
   color:DodgerBlue !important;
}

.cl-CornflowerBlue {
   color:CornflowerBlue !important;
}

.cl-MediumSlateBlue {
   color:MediumSlateBlue !important;
}

.cl-RoyalBlue {
   color:RoyalBlue !important;
}

.cl-Blue {
   color:Blue !important;
}

.cl-MediumBlue {
   color:MediumBlue !important;
}

.cl-DarkBlue {
   color:DarkBlue !important;
}

.cl-Navy {
   color:Navy !important;
}

.cl-MidnightBlue {
   color:MidnightBlue !important;
}

.cl-Cornsilk {
   color:Cornsilk !important;
}

.cl-BlanchedAlmond {
   color:BlanchedAlmond !important;
}

.cl-Bisque {
   color:Bisque !important;
}

.cl-NavajoWhite {
   color:NavajoWhite !important;
}

.cl-Wheat {
   color:Wheat !important;
}

.cl-BurlyWood {
   color:BurlyWood !important;
}

.cl-Tan {
   color:Tan !important;
}

.cl-RosyBrown {
   color:RosyBrown !important;
}

.cl-SandyBrown {
   color:SandyBrown !important;
}

.cl-GoldenRod {
   color:GoldenRod !important;
}

.cl-DarkGoldenRod {
   color:DarkGoldenRod !important;
}

.cl-Peru {
   color:Peru !important;
}

.cl-Chocolate {
   color:Chocolate !important;
}

.cl-SaddleBrown {
   color:SaddleBrown !important;
}

.cl-Sienna {
   color:Sienna !important;
}

.cl-Brown {
   color:Brown !important;
}

.cl-Maroon {
   color:Maroon !important;
}

.cl-White {
   color:White !important;
}

.cl-Snow {
   color:Snow !important;
}

.cl-HoneyDew {
   color:HoneyDew !important;
}

.cl-MintCream {
   color:MintCream !important;
}

.cl-Azure {
   color:Azure !important;
}

.cl-AliceBlue {
   color:AliceBlue !important;
}

.cl-GhostWhite {
   color:GhostWhite !important;
}

.cl-WhiteSmoke {
   color:WhiteSmoke !important;
}

.cl-SeaShell {
   color:SeaShell !important;
}

.cl-Beige {
   color:Beige !important;
}

.cl-OldLace {
   color:OldLace !important;
}

.cl-FloralWhite {
   color:FloralWhite !important;
}

.cl-Ivory {
   color:Ivory !important;
}

.cl-AntiqueWhite {
   color:AntiqueWhite !important;
}

.cl-Linen {
   color:Linen !important;
}

.cl-LavenderBlush {
   color:LavenderBlush !important;
}

.cl-MistyRose {
   color:MistyRose !important;
}

.cl-Gainsboro {
   color:Gainsboro !important;
}

.cl-LightGray {
   color:LightGray !important;
}

.cl-LightGrey  {
   color:LightGrey  !important;
}

.cl-Silver {
   color:Silver !important;
}

.cl-DarkGray {
   color:DarkGray !important;
}

.cl-DarkGrey  {
   color:DarkGrey  !important;
}

.cl-Gray {
   color:Gray !important;
}

.cl-Grey {
   color:Grey !important;
}

.cl-DimGray {
   color:DimGray !important;
}

.cl-DimGrey {
   color:DimGrey !important;
}

.cl-LightSlateGray {
   color:LightSlateGray !important;
}

.cl-LightSlateGrey {
   color:LightSlateGrey !important;
}

.cl-SlateGray {
   color:SlateGray !important;
}

.cl-SlateGrey {
   color:SlateGrey !important;
}

.cl-DarkSlateGray {
   color:DarkSlateGray !important;
}

.cl-DarkSlateGrey {
   color:DarkSlateGrey !important;
}

.cl-Black {
   color:Black !important;
}


/*-- Css for nicer display background --*/

.bg-IndianRed {
   background-color:IndianRed !important;
}

.bg-LightCoral {
   background-color:LightCoral !important;
}

.bg-Salmon {
   background-color:Salmon !important;
}

.bg-DarkSalmon {
   background-color:DarkSalmon !important;
}

.bg-LightSalmon {
   background-color:LightSalmon !important;
}

.bg-Crimson {
   background-color:Crimson !important;
}

.bg-Red {
   background-color:Red !important;
}

.bg-FireBrick {
   background-color:FireBrick !important;
}

.bg-DarkRed {
   background-color:DarkRed !important;
}

.bg-Pink {
   background-color:Pink !important;
}

.bg-LightPink {
   background-color:LightPink !important;
}

.bg-HotPink {
   background-color:HotPink !important;
}

.bg-DeepPink {
   background-color:DeepPink !important;
}

.bg-MediumVioletRed {
   background-color:MediumVioletRed !important;
}

.bg-PaleVioletRed {
   background-color:PaleVioletRed !important;
}

.bg-LightSalmon {
   background-color:LightSalmon !important;
}

.bg-Coral {
   background-color:Coral !important;
}

.bg-Tomato {
   background-color:Tomato !important;
}

.bg-OrangeRed {
   background-color:OrangeRed !important;
}

.bg-DarkOrange {
   background-color:DarkOrange !important;
}

.bg-Orange {
   background-color:Orange !important;
}

.bg-Gold {
   background-color:Gold !important;
}

.bg-Yellow {
   background-color:Yellow !important;
}

.bg-LightYellow {
   background-color:LightYellow !important;
}

.bg-LemonChiffon {
   background-color:LemonChiffon !important;
}

.bg-LightGoldenRodYellow {
   background-color:LightGoldenRodYellow !important;
}

.bg-PapayaWhip {
   background-color:PapayaWhip !important;
}

.bg-Moccasin {
   background-color:Moccasin !important;
}

.bg-PeachPuff {
   background-color:PeachPuff !important;
}

.bg-PaleGoldenRod {
   background-color:PaleGoldenRod !important;
}

.bg-Khaki {
   background-color:Khaki !important;
}

.bg-DarkKhaki {
   background-color:DarkKhaki !important;
}

.bg-Lavender {
   background-color:Lavender !important;
}

.bg-Thistle {
   background-color:Thistle !important;
}

.bg-Plum {
   background-color:Plum !important;
}

.bg-Violet {
   background-color:Violet !important;
}

.bg-Orchid {
   background-color:Orchid !important;
}

.bg-Fuchsia {
   background-color:Fuchsia !important;
}

.bg-Magenta {
   background-color:Magenta !important;
}

.bg-MediumOrchid {
   background-color:MediumOrchid !important;
}

.bg-MediumPurple {
   background-color:MediumPurple !important;
}

.bg-RebeccaPurple {
   background-color:RebeccaPurple !important;
}

.bg-BlueViolet {
   background-color:BlueViolet !important;
}

.bg-DarkViolet {
   background-color:DarkViolet !important;
}

.bg-DarkOrchid {
   background-color:DarkOrchid !important;
}

.bg-DarkMagenta {
   background-color:DarkMagenta !important;
}

.bg-Purple {
   background-color:Purple !important;
}

.bg-Indigo {
   background-color:Indigo !important;
}

.bg-SlateBlue {
   background-color:SlateBlue !important;
}

.bg-DarkSlateBlue {
   background-color:DarkSlateBlue !important;
}

.bg-MediumSlateBlue {
   background-color:MediumSlateBlue !important;
}

.bg-GreenYellow {
   background-color:GreenYellow !important;
}

.bg-Chartreuse {
   background-color:Chartreuse !important;
}

.bg-LawnGreen {
   background-color:LawnGreen !important;
}

.bg-Lime {
   background-color:Lime !important;
}

.bg-LimeGreen {
   background-color:LimeGreen !important;
}

.bg-PaleGreen {
   background-color:PaleGreen !important;
}

.bg-LightGreen {
   background-color:LightGreen !important;
}

.bg-MediumSpringGreen {
   background-color:MediumSpringGreen !important;
}

.bg-SpringGreen {
   background-color:SpringGreen !important;
}

.bg-MediumSeaGreen {
   background-color:MediumSeaGreen !important;
}

.bg-SeaGreen {
   background-color:SeaGreen !important;
}

.bg-ForestGreen {
   background-color:ForestGreen !important;
}

.bg-Green {
   background-color:Green !important;
}

.bg-DarkGreen {
   background-color:DarkGreen !important;
}

.bg-YellowGreen {
   background-color:YellowGreen !important;
}

.bg-OliveDrab {
   background-color:OliveDrab !important;
}

.bg-Olive {
   background-color:Olive !important;
}

.bg-DarkOliveGreen {
   background-color:DarkOliveGreen !important;
}

.bg-MediumAquaMarine {
   background-color:MediumAquaMarine !important;
}

.bg-DarkSeaGreen {
   background-color:DarkSeaGreen !important;
}

.bg-LightSeaGreen {
   background-color:LightSeaGreen !important;
}

.bg-DarkCyan {
   background-color:DarkCyan !important;
}

.bg-Teal {
   background-color:Teal !important;
}

.bg-Aqua {
   background-color:Aqua !important;
}

.bg-Cyan {
   background-color:Cyan !important;
}

.bg-LightCyan {
   background-color:LightCyan !important;
}

.bg-PaleTurquoise {
   background-color:PaleTurquoise !important;
}

.bg-Aquamarine {
   background-color:Aquamarine !important;
}

.bg-Turquoise {
   background-color:Turquoise !important;
}

.bg-MediumTurquoise {
   background-color:MediumTurquoise !important;
}

.bg-DarkTurquoise {
   background-color:DarkTurquoise !important;
}

.bg-CadetBlue {
   background-color:CadetBlue !important;
}

.bg-SteelBlue {
   background-color:SteelBlue !important;
}

.bg-LightSteelBlue {
   background-color:LightSteelBlue !important;
}

.bg-PowderBlue {
   background-color:PowderBlue !important;
}

.bg-LightBlue {
   background-color:LightBlue !important;
}

.bg-SkyBlue {
   background-color:SkyBlue !important;
}

.bg-LightSkyBlue {
   background-color:LightSkyBlue !important;
}

.bg-DeepSkyBlue {
   background-color:DeepSkyBlue !important;
}

.bg-DodgerBlue {
   background-color:DodgerBlue !important;
}

.bg-CornflowerBlue {
   background-color:CornflowerBlue !important;
}

.bg-MediumSlateBlue {
   background-color:MediumSlateBlue !important;
}

.bg-RoyalBlue {
   background-color:RoyalBlue !important;
}

.bg-Blue {
   background-color:Blue !important;
}

.bg-MediumBlue {
   background-color:MediumBlue !important;
}

.bg-DarkBlue {
   background-color:DarkBlue !important;
}

.bg-Navy {
   background-color:Navy !important;
}

.bg-MidnightBlue {
   background-color:MidnightBlue !important;
}

.bg-Cornsilk {
   background-color:Cornsilk !important;
}

.bg-BlanchedAlmond {
   background-color:BlanchedAlmond !important;
}

.bg-Bisque {
   background-color:Bisque !important;
}

.bg-NavajoWhite {
   background-color:NavajoWhite !important;
}

.bg-Wheat {
   background-color:Wheat !important;
}

.bg-BurlyWood {
   background-color:BurlyWood !important;
}

.bg-Tan {
   background-color:Tan !important;
}

.bg-RosyBrown {
   background-color:RosyBrown !important;
}

.bg-SandyBrown {
   background-color:SandyBrown !important;
}

.bg-GoldenRod {
   background-color:GoldenRod !important;
}

.bg-DarkGoldenRod {
   background-color:DarkGoldenRod !important;
}

.bg-Peru {
   background-color:Peru !important;
}

.bg-Chocolate {
   background-color:Chocolate !important;
}

.bg-SaddleBrown {
   background-color:SaddleBrown !important;
}

.bg-Sienna {
   background-color:Sienna !important;
}

.bg-Brown {
   background-color:Brown !important;
}

.bg-Maroon {
   background-color:Maroon !important;
}

.bg-White {
   background-color:White !important;
}

.bg-Snow {
   background-color:Snow !important;
}

.bg-HoneyDew {
   background-color:HoneyDew !important;
}

.bg-MintCream {
   background-color:MintCream !important;
}

.bg-Azure {
   background-color:Azure !important;
}

.bg-AliceBlue {
   background-color:AliceBlue !important;
}

.bg-GhostWhite {
   background-color:GhostWhite !important;
}

.bg-WhiteSmoke {
   background-color:WhiteSmoke !important;
}

.bg-SeaShell {
   background-color:SeaShell !important;
}

.bg-Beige {
   background-color:Beige !important;
}

.bg-OldLace {
   background-color:OldLace !important;
}

.bg-FloralWhite {
   background-color:FloralWhite !important;
}

.bg-Ivory {
   background-color:Ivory !important;
}

.bg-AntiqueWhite {
   background-color:AntiqueWhite !important;
}

.bg-Linen {
   background-color:Linen !important;
}

.bg-LavenderBlush {
   background-color:LavenderBlush !important;
}

.bg-MistyRose {
   background-color:MistyRose !important;
}

.bg-Gainsboro {
   background-color:Gainsboro !important;
}

.bg-LightGray {
   background-color:LightGray !important;
}

.bg-LightGrey  {
   background-color:LightGrey  !important;
}

.bg-Silver {
   background-color:Silver !important;
}

.bg-DarkGray {
   background-color:DarkGray !important;
}

.bg-DarkGrey  {
   background-color:DarkGrey  !important;
}

.bg-Gray {
   background-color:Gray !important;
}

.bg-Grey {
   background-color:Grey !important;
}

.bg-DimGray {
   background-color:DimGray !important;
}

.bg-DimGrey {
   background-color:DimGrey !important;
}

.bg-LightSlateGray {
   background-color:LightSlateGray !important;
}

.bg-LightSlateGrey {
   background-color:LightSlateGrey !important;
}

.bg-SlateGray {
   background-color:SlateGray !important;
}

.bg-SlateGrey {
   background-color:SlateGrey !important;
}

.bg-DarkSlateGray {
   background-color:DarkSlateGray !important;
}

.bg-DarkSlateGrey {
   background-color:DarkSlateGrey !important;
}

.bg-Black {
   background-color:Black !important;
}




/*-- Colors used for various data presentation purposes --*/

.blue {
    font-weight: bold;
    color: #7373ff;
}

.green {
    font-weight: bold;
    color: #009d00;
}

.gold {
    font-weight: bold;
    color: #c4a500;
}

hr.top {
    margin-top: 0px;
    border-width: 1px;
    border-color: #333;
    text-align: left;
}

hr.article-devider {
    border-width: 1px;
    border-color: #444;
    border-style: dashed;
    text-align: left;
}


/* hide strength meter so we can fade it in nicely with jQuery */
.nz-meter-container {
    display: none;
}

.hidden {
    display: none;
}


.kecil {
  font-size: 6px;

}

.bdr-all {
  border-style: solid;
  border-width: 1px;
}

.bg-sbs {
    background-color: PaleGreen;
}
.bg-bst {
    background-color: Khaki;
}
.bg-tbf {
    background-color: LightBlue;
}
.bg-th {
    background-color: Pink;
}
.bdt {
    border-top:1px solid black;
}
.bdr {
    border-right:1px solid black;
}
.bdb {
    border-bottom:1px solid black;
}
.bdl {
    border-left:1px solid black;
}
.bda {
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}
.bdu {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
}
.bdn {
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
}
.bdh {
    border-left:1px solid black;
    border-right:1px solid black;
}

.btn, .btn-xs {
  padding: 0.25rem 0.25rem; /* Adjust padding as needed */
  font-size: 0.75rem;     /* Adjust font-size as needed (e.g., 0.75rem) */
  border-radius: 0.2rem;  /* Adjust border-radius as needed */
}