.right{
    text-align: right;
}

.center{
    text-align: center;
}


.btn {
    padding: 3px 6px;
}

.file-input .btn {
    padding: 6px;
}

.sidebar .col-dropdown-menu{
    padding-right: 0px;
}

.no-background{
    background-color: rgba(0, 0, 255, 0) !important;
    background: rgba(0, 0, 255, 0) !important;
}
.radio label .bootstrap-switch, .checkbox label .bootstrap-switch {
    margin-left: -20px;
}

#content-side.content-side .slimScrollDiv{
    width: 100% !important;
    left: -10px !important;
    top: -10px;
}

#detail-side.detail-side .slimScrollDiv{
    position: inherit !important;
    width: 100% !important;
    top: -10px;
}

@-moz-document url-prefix() {
    .full-side .slimScrollDiv{
        /*left: 0px;*/
        left: -540px;
    }
    
    .detail-side .slimScrollDiv{
        /*left: 0px;*/
        left: -265px;
    }
}
.full-side .slimScrollDiv{
    width: 100%!important;
	position: inherit !important;
}

.detail-side .slimScrollDiv{
    width: 100%!important;
}

.container-fluid.side-bar{
    padding-right: 0px;
    padding-left: 0px;
    margin-top: -10px;
    
}

.col-xs-2.side-bar{
    width: 18.6667%;
    min-height: 100%;
    height: 100%;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #F7F7F7;
    border-right: 1px solid #BBB;
}
.col-xs-8.side-bar{
    width: 62.6667%;
}

.right-side.detail-side{
    margin-left: 1px;
}

.right-side.content-side{
    padding-left: 10px;
}

.right-side aside#middle-content{
    padding-left: 5px;
    padding-right: 2px;
}

.right-side aside#middle-content .box{
    margin-bottom: 1px;
}

.right-side .content-header .breadcrumb {
    top: 10px;
}

.right-side .content-header .breadcrumb button.btn, .right-side .content-header .breadcrumb a.btn{
    padding: 6px 3px;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: none;
    border-width: 1px;
    background-color: rgba(249, 249, 249, 0);
}

.full-side .content-header .breadcrumb button.btn, .full-side .content-header .breadcrumb a.btn{
    padding: 6px 3px;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: none;
    border-width: 1px;
    background-color: rgba(249, 249, 249, 0);
}

.sidebar a.btn.sidebar-btn, .sidebar button.btn.sidebar-btn {
    padding: 6px 3px;
    font-size: 20px;
    border-radius: 0px;
    box-shadow: none;
    border-width: 1px;
    background-color: rgba(249, 249, 249, 0);
}

.button-text{
    background-color: rgba(249, 249, 249, 0);
}

@media (min-width: 1400px) {
    .col-xs-2.side-bar{
        width: 16.6667%;
    }
    .col-xs-8.side-bar{
        width: 66.6667%;
    }
}


.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    background: none repeat scroll 0% 0% #6aa84f;
    text-align: center;
}

.bg-light-green {
    background-color: #6aa84f !important;
}



/* skin-green navbar */
.skin-green .navbar {
  background-color: #6aa84f;
}
.skin-green .navbar .nav a {
  color: rgba(255, 255, 255, 0.8);
}
.skin-green .dropdown-menu > li > a:hover {
  background-color: #398439;
  color: #f9f9f9;
}
.skin-green .navbar .nav > li > a:hover,
.skin-green .navbar .nav > li > a:active,
.skin-green .navbar .nav > li > a:focus,
.skin-green .navbar .nav .open > a,
.skin-green .navbar .nav .open > a:hover,
.skin-green .navbar .nav .open > a:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #398439;
}

.skin-green .icon-border-circle {
    color: #6aa84f;
    padding: 0.4em;
    border: 4px solid #6aa84f;
    height: 2em;
    width: 2em;
    position: relative;
    border-radius: 50%;
    display: inline-block;
}

.skin-green .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-green .navbar .sidebar-toggle .icon-bar {
  background: rgba(255, 255, 255, 0.8);
}
.skin-green .navbar .sidebar-toggle:hover .icon-bar {
  background: #f6f6f6 !important;
}
/* skin-blue logo */
.skin-green .logo {
  background-color: #6aa84f;
  color: #f9f9f9;
}
.skin-green .logo > a {
  color: #f9f9f9;
}
.skin-green .logo:hover {
  background: #6aa84f;
}
/* skin-blue content header */
.skin-green .right-side  .content-header {
  background: #fbfbfb;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.skin-green .right-side  .content {
  padding: 20px 15px;
  padding-right: 30px;
}

/* Skin-blue user panel */
.skin-green .user-panel > .image > img {
  border: 1px solid #dfdfdf;
}
.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
  color: #555555;
}
/* skin-blue sidebar */
.skin-green .sidebar {
  border-bottom: 1px solid #fff;
}

.skin-green .sidebar  .row.col-dropdown {
  padding: 12px 0px 12px 0px;
  display: block;
}

.skin-green .sidebar  span.col-dropdown-menu {
  padding-left: 0px;
}

.skin-green .sidebar  span.col-dropdown-menu .fa {
  width: 20px;
}

.skin-green .sidebar > .sidebar-menu > li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dbdbdb;
}

.skin-green .sidebar > .sidebar-menu > li:first-of-type {
  border-top: 1px solid #dbdbdb;
}
.skin-green .sidebar > .sidebar-menu > li:first-of-type > a {
  border-top: 1px solid #fff;
}
.skin-green .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-green .sidebar > .sidebar-menu > li > a:hover,
.skin-green .sidebar > .sidebar-menu > li.active > a {
  color: #222;
  background: #f9f9f9;
}
.skin-green .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #f9f9f9;
}
.skin-green .left-side {
  background: #f4f4f4;
  -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}
.skin-green .sidebar a {
  color: #555555;
}
.skin-green .sidebar a:hover {
  text-decoration: none;
}
.skin-green .treeview-menu > li > a {
  color: #777;
}
.skin-green .treeview-menu > li.active > a,
.skin-green .treeview-menu > li > a:hover {
  color: #111;
}
.skin-green .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}
.skin-green .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-green .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}

.pie-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
.pie-legend {
    list-style: none;    
}


.full-side {
    background-color: #F9F9F9;
    margin-left: 0px;
}


/*************T E X T - C O L O R*************/
.text-aquamarine {
  color: #7FFFD4 !important;
}

.text-sea-green {
  color: #2E8B57 !important;
}

.text-spring-green {
  color: #00FF7F !important;
}

.text-med-spring-green {
  color: #00FA9A !important;
}

.text-forest-green {
  color: #228B22 !important;
}

.text-dodger-blue {
  color: #1E90FF !important;
}

.text-steel-blue {
  color: #4682b4 !important;
}

.text-pale-turquoise {
  color: #AFEEEE !important;
}

.text-cyan {
  color: #00FFFF !important;
}

.text-turquoise {
  color: #40E0D0 !important;
}

.text-medium-aquamarine {
  color: #66CDAA !important;
}

.text-medium-turquoise {
  color: #48D1CC !important;
}

.text-codet-blue {
  color: #5F9EA0 !important;
}



.error-box ul li{
    border-left-color: #CE4844 !important;
}

.error-box ul li {
    color: #CE4844;
    font-size: 1em !important;
}

.error-box ul li{
    padding: 10px;
    margin-top: 10px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}

.cursor-pointer{
    cursor: pointer;
}


/////////////// Code สี ชุด 1 ///////////////
.text-28c6f6 {
  color: #28c6f6 !important;
}
.text-f85993 {
  color: #f85993 !important;
}
.text-6788cf {
  color: #6788cf !important;
}
.text-e84c3d {
  color: #e84c3d !important;
}
.text-25b4f0 {
  color: #25b4f0 !important;
}
.text-fe3839 {
  color: #fe3839 !important;
}
.text-399bdc {
  color: #399bdc !important;
}
.text-73ba5e {
  color: #73ba5e !important;
}
.text-50b6dc {
  color: #50b6dc !important;
}
.text-fe9844 {
  color: #fe9844 !important;
}
.text-6f85b4 {
  color: #6f85b4 !important;
}
.text-5383e9 {
  color: #5383e9 !important;
}
.text-e75c3d {
  color: #e75c3d !important;
}
.text-4ca1f1 {
  color: #4ca1f1 !important;
}
.text-ed557c {
  color: #ed557c !important;
}
.text-1cce9a {
  color: #1cce9a !important;
}
.text-e44041 {
  color: #e44041 !important;
}
.text-8497b7 {
  color: #8497b7 !important;
}
.text-1fcdef {
  color: #1fcdef !important;
}
.text-fc782f {
  color: #fc782f !important;
}
.text-059bc0 {
  color: #059bc0 !important;
}
.text-1cce3e {
  color: #1cce3e !important;
}

/* >>>>>> ซ้ำ <<<<<<<*/
/*.text-1cce3e {
  color: #1cce3e !important;
} */
/* >>>>>><<<<<<<*/

.text-0076a3 {
  color: #0076a3 !important;
}
.text-e34343 {
  color: #e34343 !important;
}
.text-3cc3bf {
  color: #3cc3bf !important;
}
.text-9cb83c {
  color: #9cb83c !important;
}
.text-f06eaa {
  color: #f06eaa !important;
}
.text-df6401 {
  color: #df6401 !important;
}
.text-29c5f6 {
  color: #29c5f6 !important;
}
///////////////////////////////////////////


/////////////// Code สี ชุด 2 ///////////////
.text-5d82d1 {
  color: #5d82d1 !important;
}
.text-e13239 {
  color: #e13239 !important;
}
.text-40bff5 {
  color: #40bff5 !important;
}
.text-e84c3d {
  color: #e84c3d !important;
}
.text-faa33d {
  color: #faa33d !important;
}
.text-028ede {
  color: #028ede !important;
}
.text-37c6ea {
  color: #37c6ea !important;
}
.text-9acf4f {
  color: #9acf4f !important;
}
.text-f7669d {
  color: #f7669d !important;
}
.text-426d9b {
  color: #426d9b !important;
}
.text-1a7afd {
  color: #1a7afd !important;
}
.text-77b13e {
  color: #77b13e !important;
}
.text-ff5c30 {
  color: #ff5c30 !important;
}
.text-10a0ea {
  color: #10a0ea !important;
}
.text-ff7f31 {
  color: #ff7f31 !important;
}
.text-9eb5b6 {
  color: #9eb5b6 !important;
}
.text-f34522 {
  color: #f34522 !important;
}
.text-2694c6 {
  color: #2694c6 !important;
}
.text-3daa70 {
  color: #3daa70 !important;
}
.text-ff4aa4 {
  color: #ff4aa4 !important;
}
.text-6a8a7b {
  color: #6a8a7b !important;
}
.text-1b88c6 {
  color: #1b88c6 !important;
}
.text-f23170 {
  color: #f23170 !important;
}
.text-25a774 {
  color: #25a774 !important;
}
.text-4883b1 {
  color: #4883b1 !important;
}
.text-ec008c {
  color: #ec008c !important;
}
.text-ee473a {
  color: #ee473a !important;
}
.text-ffb21d {
  color: #ffb21d !important;
}

/*>>>>> ซ้ำ <<<<<<*/
/*.text-ffb21d {
  color: #ffb21d !important;
}*/
/*>>>>>>>><<<<<<<<*/

.text-29c5f6 {
  color: #29c5f6 !important;
}
///////////////////////////////////////////

.scroll-modal {
    max-height: 500px; 
    overflow: scroll;
}

.star:before{
    content: "* ";
    color: #d2322d;
}


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


.datepicker.datepicker-dropdown.dropdown-menu{
    z-index: 2000 !important;
}