div#element-box {
    background: transparent;
}
div#element-box div.m {
    padding: 0px;
}
div.m {
    border-left: none;
    border-right: none;
    padding: 0;
}

div.m div.border_wrapper {
    position: relative;
    margin: 0;
    padding: 1px;
    margin-bottom: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.border_wrapper {
    height: 1%;
    border: 1px solid #0F5C8E;
    margin: 0;
    padding: 0;
    margin-bottom: 14px; background: #fff;
}
div.m div.border_wrapper div.title {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+37,0e0e0e+100 */
    
    background: #dee5f1;
    color: #ffffff !important;
    border-bottom: 1px solid #263c30;
    padding: 4px;
    padding-left: 10px;
    padding-bottom: 6px;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.border_wrapper div.title {
    background: #000 url(images/thead_bg.gif) repeat-x top left;
    color: #ffffff !important;
    padding: 6px 4px;
    font-size: 100%;
    text-align: left;
    font-weight: bold;
}

th {
    color: #004B5E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    /*background: #ADD9E4;
    background: -moz-linear-gradient(top, #F7FBFC 0%, #D9EDF2 40%, #ADD9E4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7FBFC), color-stop(40%,#D9EDF2), color-stop(100%,#ADD9E4));
    background: -webkit-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: -o-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: -ms-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: linear-gradient(to bottom, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);*/ font-weight: bold !important;
    font-size: 14px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e1e1e1+32,e1e1e1+32,f1f1f1+50,f6f6f6+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 32%, #e1e1e1 32%, #f1f1f1 50%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 32%,#e1e1e1 32%,#f1f1f1 50%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 32%,#e1e1e1 32%,#f1f1f1 50%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border: 1px solid #959595;
}

.alt{
    border: 1px solid #ddd; background: #F3F9FB url(grd_alt.png) repeat;
}

.XHIDDENX
{


	 display:none;
	 visibility:hidden;
}

.form-group {
    margin-top: 10px !important; margin-bottom:0px;width:100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;

    font-weight: 700; margin-left:5px; margin-right:5px;  vertical-align:bottom;
}

input[type=checkbox], input[type=radio] {
    margin: 7px 0 0 !important;
    margin-top: 1px\9;
    line-height: normal;
}

.form-control {
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 29px;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    font-size: 13px !important;
}
select.form-control {
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px !important;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    font-size: 12px !important;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.modal .modal-dialog .modal-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: rgba(238, 238, 238, 0.3);
    border-radius: 4px;
    box-shadow: none;
    padding: 10px !important;
    background-color: #ffffff;
}

    .modal .modal-dialog .modal-content .modal-body {
        padding: 5px 10px !important;
        
        border-radius: 4px;
    }

.tooltip-inner {
    max-width: 350px !important;
    /* If max-width does not work, try using width instead */
    width: 350px !important; 
}
.panel {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px !important;
    border: 1px solid;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 7px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,010101+28,0d0d0d+46,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100 */
    /*background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #010101 28%, #0d0d0d 46%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background: -webkit-linear-gradient(top, #959595 0%,#010101 28%,#0d0d0d 46%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: linear-gradient(to bottom, #959595 0%,#010101 28%,#0d0d0d 46%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );*/
    background: #2091d9;
}
.panel .panel-body {
    padding: 3px 20px;
    color: #98a6ad; 
}
.card-title {
    margin-left: -20px;
    margin-right: -20px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    background: #ADD9E4;
    background: -moz-linear-gradient(top, #F7FBFC 0%, #D9EDF2 40%, #ADD9E4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7FBFC), color-stop(40%,#D9EDF2), color-stop(100%,#ADD9E4));
    background: -webkit-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: -o-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: -ms-linear-gradient(top, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    background: linear-gradient(to bottom, #F7FBFC 0%,#D9EDF2 40%,#ADD9E4 100%);
    font-weight: bold !important;
    font-size: 14px;
    margin-top: 0px;
    height: 30px;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #004B5E;
}
.card-box {
    padding: 0px 20px 10px 20px;
    /*border: 2px solid rgba(238, 238, 238, 0.1);*/
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 10px;
    /*background-color: #262c3b;*/
    background-color: transparent;
}
.table-responsive {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;

}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 0px; margin:3px 0px !important;
    /*margin-bottom: 1rem;*/
    /*border-radius: .25rem;border: solid #f7f7f9;*/  background:transparent;
	/*background-color: #F2F0F0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
    background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);*/
	 width:auto;
    text-align:right !important;
	float:right !important;
}

.pagination > li > a, .pagination > li > span {
    color: #3bafda;
    background-color: transparent;
    border: 1px solid #B4B4B4;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 3px 7px !important;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.col-xs-auto, .col-xs1-auto, .col-sm-auto, .col-md-auto, .col-lg-auto,
.col-xs-auto-right, .col-xs1-auto-right, .col-sm-auto-right, .col-md-auto-right, .col-lg-auto-right,
.col-middle {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-middle {
  display: table;
}

.col-xs-auto {
  float: left;
}
.col-xs-auto-right {
  float: right;
}

@media (min-width: 480px) {
  .col-xs1-auto {
    float: left;
  }
  .col-xs1-auto-right {
    float: right;
  }
}

@media (min-width: 768px) {
  .col-sm-auto {
    float: left;
  }
  .col-sm-auto-right {
    float: right;
  }
}

@media (min-width: 992px) {
  .col-md-auto {
    float: left;
  }
  .col-md-auto-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .col-lg-auto {
    float: left;
  }
  .col-lg-auto-right {
    float: right;
  }
}

.col-md-auto{
  padding: 0 15px 0 15px;
    float:right;
  }

.col-md-auto:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
.col-md-auto:first-child:nth-last-child(2),
.col-md-auto:first-child:nth-last-child(2) ~ div {
    width: 50%;
}

/* three items */
.col-md-auto:first-child:nth-last-child(3),
.col-md-auto:first-child:nth-last-child(3) ~ .col-md-auto {
    width: 33.3333%;
}

/* four items */
.col-md-auto:first-child:nth-last-child(4),
.col-md-auto:first-child:nth-last-child(4) ~ .col-md-auto {
    width: 25%;
}

/* 5 items */
.col-md-auto:first-child:nth-last-child(5),
.col-md-auto:first-child:nth-last-child(5) ~ .col-md-auto {
    width: 20%;
}

.btn {
    border-radius: 2px;
    padding: 3px 8px !important;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgb(255 255 255 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
    outline: none;
}

.btn-default {
    background: rgb(255,27,0);
    background: linear-gradient( 0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
    line-height: 22px;
    padding: 0;
    border: none;
    /*color: #fff !important;*/
    color: #495057 !important;
    opacity: 1
}
    .btn-default:hover {
       opacity:.9;
    }
.modal-open {
    overflow: hidden;
	 margin-right:-17px !important;
}
 .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -15px !important; margin-top:3px !important;
}

 .mce-label {
    display: inline-block;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    overflow: hidden;color:#000 !important;
}


 /* thêm mới*/

.modal .close {
    color: #000 !important;
    text-shadow: none;
}
.treeStyle img {
    width: 16px !important;
}

/*.navbar {
    position: relative;
    min-height: 30px !important;
    margin-bottom: 10px !important;
    border: 1px solid transparent;
    height: 30px !important
}
    .navbar .container {
        min-height: 30px !important;
        height: 30px !important
    }*/