/* Default */
label {
    display: inline-block;
}

ul {
    margin: 0px;
    padding: 0px;
}

a {
    cursor: default;
    color:blue;
}
a:hover{
    text-decoration:none;
}
a[href]{
    cursor:pointer;
}

/* Layout */
html{
    height:100%;
}
body
{
    height:100%;
	font-size: 14px;
	background: #f4f4f4;
}
#container
{
    min-height:100%;
	/*width: 1180px !important;*/
    width:100%;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}
.clear-both:after{
    display:table;
    content: '';
    clear: both;
}

/* Beauty */
.bg-green {
    background-color: #70ad47;
    color: white;
}

.bg-orange {
    background-color: #ffc000;
    color: white;
}

.bg-blue {
    background-color: #5b9bd5;
    color: white;
}
.bg-yellow{
    background-color: yellow;
    color: black;
}
.bg-gray{
    background-color: #dedede;
}
.bg-red{
    background-color: #bb0101;
    color: white;
}

.w100 {
    width: 100%;
}
.h100{
    height: 100%;
}

.tgrid-header-cell, th.tgrid-placeholder {
    background: #5b9bd5 !important;
    color: white !important;
}

/* menu */
.main-menu{
    background: #00b0f0;
    color:white;
    margin-bottom:22px;
}
.main-menu li{
    list-style-type:none;
    position: relative;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left:1em;
    padding-right:1em;
    text-align:left;
}
.main-menu .active{
    background: #002060;
}

/* step 1 */
.main-menu > ul > li{
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    min-width: 150px;
    text-align: center;
    position: relative;
}
.main-menu > ul > li > a{
    color:white;
}
/* step 2 */
.main-menu ul > li:hover > ul {
    display:block;
    position:absolute;
    top:100%;
}
.main-menu ul > li > ul{
    display:none;
    min-width:100%;
    z-index: 5000;
    background: #f4f4f4;
    color: #bb0101;
}
.main-menu ul > li > ul > li > a{
    color: #bb0101;
}

/* step 3 */
.main-menu ul > li:hover > ul {
    display:block;
    position:absolute;
    top:100%;
}
.main-menu ul > li > ul{
    display:none;
    min-width:140%;
    background: #f4f4f4;
    color: #bb0101;
}
.main-menu ul > li > ul > li > a{
    color: #bb0101;
}

/* step 4 */
.main-menu ul > li:hover > ul > li:hover > ul  {
    display:block;
    position:absolute;
    left:100%;
    top:0;
}
.main-menu ul > li > ul > li > ul{
    display:none;
    min-width:100%;
    background: #f4f4f4;
    color: #bb0101;
}
.main-menu ul > li > ul > li > ul > li > a{
    color: #bb0101;
}

/* step 5 */
.main-menu ul > li:hover > ul > li:hover > ul > li:hover > ul  {
    display:block;
    position:absolute;
    left:100%;
}
.main-menu ul > li > ul > li > ul > li > ul {
    display:none;
    min-width:100%;
    background: #f4f4f4;
    color: #bb0101;
}
.main-menu ul > li > ul > li > ul > li > li > ul > a{
    color: #bb0101;
}

/* Layout grid*/
.row-col {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin:-1px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.col-1 {
    width: 8.333333%;
}

.col-2 {
    width: 16.666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.333333%;
}

.col-5 {
    width: 41.666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.3333333%;
}

.col-8 {
    width: 66.6666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.333333%;
}

.col-11 {
    width: 91.6666667%;
}

.col-12 {
    width: 100%;
}

/* Error */
.label-danger {
    background-color: #d9534f;
}
.validate-fail {
    border: 1px solid red !important;
}
div.validate-fail {
    display:table;
}
.warning-text{
    color:red;
}

/* Loading */
#loading-modal {
    display: none;
    position: fixed;
    z-index: 103100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

#loading-panel {
    background-color: black;
    border: 0;
    height: 40px;
    position: absolute;
    width: 115px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#loading-image {
    border: 0;
    height: 24px;
    position: absolute;
    width: 24px;
}

#loading-text {
    color: #ffffff;
    height: 20px;
    position: absolute;
    width: 62px;
}

.spin-animate {
    animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spinw {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinm {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

/* Button */
.ButtonSet {
    width: 70px;
    height: 30px;
    cursor:pointer;
    outline:none;
    border:none;
}

.ButtonSet.Addbtn{
    background: url("../images/add.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
.ButtonSet.Editbtn{
    background:url("../images/edit.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
.ButtonSet.Updatebtn{
    background:url("../images/update.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
.ButtonSet.Cancelbtn{
    background:url("../images/cancel.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
.ButtonSet.Viewbtn{
    background:url("../images/view.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
.ButtonSet.Removebtn{
    background:url("../images/remove.png");
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
}
input[disabled] {
    background: #ededed;
    color:#4e4e4e;
}
.disable {
    background: #ededed;
}
.k-window .row, .k-window .row * {
    box-sizing: border-box;
}
.k-window .row .k-numeric-wrap * {
    box-sizing: content-box;
}
.k-numerictextbox .k-input.text-right {
    width: 98%;
    text-align: right;
    padding-right: 5px !important;
}