.error {
    color: red;
    font-family: Arial,Tahoma,Helvetica;
    font-size: 12pt;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
}

a.dt-button.AddNewButton { border: 0px; width:40px; height: 40px; background: url("/images/addbtn.png") no-repeat center }
a.dt-button.AddNewButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/addbtnhi.png") !important }
a.dt-button.UpdateButton { border: 0px; width:40px; height: 40px; background: url("/images/modifybtn.png") no-repeat center }
a.dt-button.UpdateButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/modifybtnhi.png") !important }
a.dt-button.ExcelButton { border: 0px; width:40px; height: 40px; background: url("/images/excelbtn.png") no-repeat center }
a.dt-button.ExcelButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/excelbtnhi.png") !important }
a.dt-button.CSVButton { border: 0px; width:40px; height: 40px; background: url("/images/csvbtn.png") no-repeat center }
a.dt-button.CSVButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/csvbtnhi.png") !important }
a.dt-button.PDFButton { border: 0px; width:40px; height: 40px; background: url("/images/pdfbtn.png") no-repeat center }
a.dt-button.PDFButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/pdfbtnhi.png") !important }
a.dt-button.PrintButton { border: 0px; width:40px; height: 40px; background: url("/images/printbtn.png") no-repeat center }
a.dt-button.PrintButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/printbtnhi.png") !important }
a.dt-button.EmailButton { border: 0px; width:40px; height: 40px; background: url("/images/emailbtn.png") no-repeat center }
a.dt-button.EmailButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/emailbtnhi.png") !important }
a.dt-button.DeleteButton { border: 0px; width:40px; height: 40px; background: url("/images/lgdeletebtn.png") no-repeat center }
a.dt-button.DeleteButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/lgdeletebtnhi.png") !important }
a.dt-button.UserButton { border: 0px; width:40px; height: 40px; background: url("/images/userbtn.png") no-repeat center }
a.dt-button.UserButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/userbtnhi.png") !important }
a.dt-button.CheckButton { border: 0px; width:40px; height: 40px; background: url("/images/confirmbtn.png") no-repeat center }
a.dt-button.CheckButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/confirmbtnhi.png") !important }
a.dt-button.CancelEarlyButton { border: 0px; width:40px; height: 40px; background: url("/images/cancelearlybtn.png") no-repeat center }
a.dt-button.CancelEarlyButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/cancelearlybtnhi.png") !important }
a.dt-button.CancelLateButton { border: 0px; width:40px; height: 40px; background: url("/images/cancellatebtn.png") no-repeat center }
a.dt-button.CancelLateButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/cancellatebtnhi.png") !important }
a.dt-button.CancelButton { border: 0px; width:40px; height: 40px; background: url("/images/cancelbtn.png") no-repeat center }
a.dt-button.CancelButton:hover { border: 0px !important; background-color: transparent !important; width:40px; height: 40px; background-image: url("/images/cancelbtnhi.png") !important }

/* New style buttons */
a.dt-button.ExcelButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/xls.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.ExcelButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/xls.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.CSVButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/csv.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.CSVButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/csv.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.EmailButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/Mail_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.EmailButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/Mail_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.UpdateButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/EditCommandColumn_ActionGray_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.UpdateButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/EditCommandColumn_ActionGray_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.CommentButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/Comment_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.CommentButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/Comment_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.DeleteUserButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/DeleteUser_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.DeleteUserButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/DeleteUser_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }
a.dt-button.AddUserButton2 { border: 0px; width: 32px; height: 32px; background-image: url("/images/AddUser_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #5bc0de; padding: 6px; border-radius: 50%; }
a.dt-button.AddUserButton2:hover { border: 0px; width: 32px; height: 32px; background-image: url("/images/AddUser_16x.png"); background-repeat: no-repeat; background-position: center; background-color: #46b8da; padding: 6px; border-radius: 50%; }

.btn-circle {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.4285714929;
    border-radius: 50%;
}

img.imgEnlarge {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
}

.tagright {
    position: absolute;
    top: 0px;
    right: 50px;
}
.myspinner {
    height: 20px !important;
    padding: 0px;
}
.transition {
    -webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -o-transform: scale(2.0);
    transform: scale(2.0);
}
.text-wrap{
    white-space:normal;
    width:600px;
}
.hide { display:none !important; }

.ui-datepicker{z-index: 99999 !important}
.btnTop {
    vertical-align: top !important;
}
.imgBorder {
    position:relative;
    border:1px solid #000000;
    z-index: 100;
}
.imgBorder:hover {
    transform: scale(3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 300;
    left: 50px;
}
.coloredRed {
    color: red !important;
}
table.dataTable tbody td {
    vertical-align: top !important;
}
.div-inline{
    display:inline-block;
}
.h30{
    height:30px !important;
}
.ucase {text-transform: uppercase;}
.forceBlack {color:black !important;}
.ui-icon-circle-close {
    cursor:pointer;
}
.oneBtn {
    margin-left:-39px;
    padding-right:6px;
}
.twoBtn {
    margin-left:-78px;
    padding-right:6px;
}
.threeBtn {
    margin-left:-117px;
    padding-right:6px;
}
.fourBtn {
    margin-left:-156px;
    padding-right:6px;
}
.fiveBtn {
    margin-left:-200px;
    padding-right:6px;
}
.eightBtn {
    margin-left:-350px;
    padding-right:6px;
}
.sevenBtn {
    margin-left:-315px;
    padding-right:6px;
}
.full-table {
    table-layout:fixed;
    width: 100%;
}
td.longest{
    width: 100% !important;
}
.nameCell {color: #0000ff !important; text-decoration: underline !important;}
.smallHeight {height:75px !important;}
.largeHeight {height:375px !important; border:1px solid #021a40 !important;}

/* keep inline form labels aligned consistently */
.input-group-addon{background-color: #f5f5f5 !important; width: 100px !important;}
.changeWidth-addon50{background-color: #f5f5f5 !important; width: 50px !important;}
.changeWidth-addon50-right{background-color: #f5f5f5 !important; width: 50px !important; text-align:right !important;}
.changeWidth-addon75{background-color: #f5f5f5 !important; width: 75px !important;}
.changeWidth-addon75-right{background-color: #f5f5f5 !important; width: 75px !important; text-align:right !important;}
.changeWidth-addon125{background-color: #f5f5f5 !important; width: 125px !important; text-align:right !important;}
.changeWidth-addon175{background-color: #f5f5f5 !important; width: 175px !important; text-align:right !important;}
.changeWidth-right{text-align:right !important;}

.input-group-addon-2{width: 60px !important;}
.input-group-addon-4{width: 90px !important;}
.input-group-addon-3{background-color: #f5f5f5 !important; margin:auto !important; width: 35px !important;}
/*.input-group{width: 100%;} */
.max75{width: 75%;}

.nopadding {padding: 0px !important;}
.nopaddingleft {padding-left: 0px !important;}
.nopaddingright {padding-right: 0px !important;}
.nopaddingbottom {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.fileDialog {
    z-index:100000 !important;
}
/* check box use left of label Note: must have set up this way: <label...><input type="checkbox" ...>Label Text</label> */
.checkLabel {
    display: block;
    padding-left: 18px;
    text-indent: -18px;
    cursor: pointer;
    font-weight: normal;
}

.checkInput {
    /* wider width determines amount of space between checkbox and label */
    width: 24px;
    height: 16px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
    cursor: pointer;
}
.alignRadio {
    margin-left:10px !important;
    margin-top:4px !important;
}

.largeRowHeight tbody tr {
    min-height: 85px; /* or whatever height you need to make them all consistent */
}

textarea.formtext-control {
    width:100%;
    font-size: 12px;
}
.w300{
    width:300px;
}
.cursorNormal{
    cursor:default !important;
}


.progressFile {
    width: 100%;
    height: 30px;
    background: lightgrey;
    position: relative;
}

.progressFileBar {
    background: #17e406;
    height: 30px;
    color: black;
    width: 0%;
}
.progressFileSpan {
    position: absolute;
    top: 5px;
    z-index: 2;
    color: black;
    text-align: center;
    width: 100%;
}
.lm10 {margin-left: 10px !important; margin-right: 10px !important;}
.lm15 {margin-left: 15px !important; margin-right: 15px !important;}
.right6 { padding-right: 6px; }
.loffset10 { margin-left: 10px; }
.loffset25 { margin-left: 25px; }
.loffset75 { margin-left: 75px; }
.voffset3 { margin-top: 3px; }
.voffset30 { margin-top: 30px; }
.voffset15 { margin-top: 15px; }
.voffset10 { margin-top: 10px; }
.voffset5 { margin-top: 5px; }
.boffset20 { margin-bottom: 20px;}
.poffset20 { padding-bottom: 20px;}
.roffset30 { padding-right: 30px;}
.roffset10 { padding-right: 10px;}

.show { display: block;}
.pointer { cursor:pointer; }
.bold { font-weight:700 !important;}

.myRadio {font-size: 18px !important;  margin-top: 5px !important;}

/* quickie way to change the defaults stripe colos in datatables */
/* table.dataTable tr.odd { background-color: #ff0004; }
table.dataTable tr.even { background-color: white; } */

.ajax-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
    z-index: 1000;
}
.tooltip_templates { display: none; }
.thinPadding {
    padding-left:3px !important;
    padding-right:3px !important;
}
.noScrollX {
    white-space:normal;
    width:98%;
}

.widthtight {
    width: 100%;
    float:left;
}

.rowHighlightLt {
    font-weight: bold;
    color: #000000;
    background: #ffebef;
}
.rowHighlightDk {
    color: #000000;
    background: #efbabd;
    height: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.middleHeight {
    height: 17px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.rowHighlightDisabled {
    color: #bbbbbb;
    background: #dddddd;
}
.enhancedImage {
    cursor: pointer !important;
    border: 2px solid black;
    padding: 5px;
}
.imagedropshadowred {
    cursor: pointer !important;
    padding: 5px;
    border: solid 6px #a40f23;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
}
.imagemaindropshadow {
    cursor: pointer !important;
    padding: 8px;
    border: solid 6px green;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}
.ui-dialog-titlebar {
    background: #001e57 !important;
    color: #fff !important;
    font-size:120%;
}
.ui-state-default .ui-icon {
    background-image: url('/images/ui-icons.png') !important;
}
.ui-dialog-titlebar-close {
    background-image: url('/images/ui-icon-close.png') !important;
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter:'alpha(opacity=0)';
    font-size: 20px;
    direction: ltr;
    cursor: pointer;
}
td.details-control {
    background: url('/images/expandrow.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/images/contractrow.png') no-repeat center center;
}
td.waitdetails-control {
    background: url('/images/smadddatebtn.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.waitdetails-control {
    background: url('/images/contractrow.png') no-repeat center center;
}
.userLabel {
    color: #333333 !important;
    font-weight:700 !important;
}
a.userLabel {
    color: #337ab7 !important;
    font-weight: normal !important;
}
a.userLabel:focus, a.userLabel:hover {
    color: #23527c !important;
    font-weight: normal !important;
}
.eventLabel {
    color: #3179b5 !important;
    font-weight:700 !important;
    padding-left:15px !important;
}
.lblRed{
    color:red !important;
}
.rowHighlightRed {
    color: #ffffff;
    background: #e32400;
}
.rowHighlightRedBlack {
    color: #000000 !important;
    background: #e32400 !important;
}
.rowHighlightBlue {
    color: #ffffff;
    background: #3179b5;
}
.rowHighlightBrown {
    background: #5b627c !important;
}
.rowHighlightBrownWhite {
    background: #5b627c;
    color: #ffffff;
}

.rowHighlightMagenta {
    color: #ffffff;
    background: #ff00ff !important;
}
.rowHighlightGrey {
    color: #000000;
    background: #aaaaaa;
}
.rowHighlightLtGrey {
    color: #000000;
    background: #dddddd;
}


.rowHighlightGreen {
    color: #000000;
    background: #1ae852;
}
.header-dkblue {
    background: #00217a;
    color: #fffff4;
}

.dialogFooter{
    background-image: url('/images/logo-smaller.png');
    background-position:  left;
    background-repeat: no-repeat;
    background-color: #fffff4;
    border-top: solid #3c091c;
    height:60px;
}

.checkBigger {width: 20px !important; padding-top:0px !important; margin-top:0px !important;}

.dropdown-submenu {
    position: relative;
}
.menuInput {
    position: relative;
    top: 50%;
    transform: translateY(50%);
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.maxWidth {
    width: 100% !important;
    display:inline-block;
}
.panel-heading {color: white !important}

.gray-gradient {
    background-color: #6e6e6e;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(32, 32, 32)),color-stop(1, rgb(187, 187, 187)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(32, 32, 32) 0%,rgb(187, 187, 187) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(32, 32, 32) 0%,rgb(187, 187, 187) 100%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(32, 32, 32) 0%,rgb(187, 187, 187) 100%);
}
.dark-gray-gradient {
    background-color: #cdcdcd;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%,color-stop(0, rgb(155, 155, 155)),color-stop(1, rgb(255, 255, 255)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top left,rgb(155, 155, 155) 0%,rgb(255, 255, 255) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom right,rgb(155, 155, 155) 0%,rgb(255, 255, 255) 100%);
    background-image: -ms-repeating-linear-gradient(top left,rgb(155, 155, 155) 0%,rgb(255, 255, 255) 100%);
}

.panel-shadow {
    box-shadow: 7px 7px 3px #aaaaaa !important;
}

.well-shadow {
    -webkit-box-shadow: 3px 3px 5px 6px #ccc !important;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #ccc !important;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 5px 6px #ccc !important;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    background: #fffffff7 !important;
}
.inset-shadow {
    -moz-box-shadow:    inset 0 0 10px #3179b5 !important;
    -webkit-box-shadow: inset 0 0 10px #3179b5 !important;
    box-shadow:         inset 0 0 10px #3179b5 !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
}


.k-grid-header th.k-header {font-weight: bold; text-align: center;}
/* increase the popup edit form's width to make space for validator messages */
.k-edit-form-container {
    width: 500px;
}

/* add side padding */
.k-edit-form-container dl {
    padding: 0 1em;
}

/* increase line height in accordance with validator messages' height */
.k-edit-form-container dd {
    line-height: 3em;
}

/* override absolute positioning styles of the validator messages */
.validator-msg,
.validator-msg .k-tooltip {
    position: static;
    display: inline-block;
}

/* hide validator tooltip callouts */
.validator-msg .k-tooltip .k-callout {
    display: none;
}

.k-invalid {
    border-color: red;
}
dt>label { margin-top: 5px; margin-bottom: 0px;}

.col-lg-16, .col-lg-15, .col-lg-half,
.col-md-16, .col-md-15, .col-md-half,
.col-sm-16, .col-sm-15, .col-sm-half,
.col-xs-16, .col-xs-15, .col-xs-half {
    float: left;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;

}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .widthtight {
        width: 100%;
       float:left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .widthtight {
        width: 75%;
        float:left;
    }
    .widthtight2 {
        width: 70%;
        float:left;
        margin-left: 24px;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    .widthtight {
        width: 60%;
        float:left;
    }
}

@media (min-width: 768px) {
    .col-sm-16 {
        width: 10%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-16 {
        width: 10%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-16 {
        width: 10%;
        float: left;
    }
}

@media (min-width: 768px) {
    .col-sm-half {
        width: 4%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-half {
        width: 4%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-half {
        width: 4%;
        float: left;
    }
}

@media (min-width: 320px) {
    .hau-adjustwidth { width: 100%}
}
@media (min-width: 768px) {
    .hau-adjustwidth { width: 75%}
}
@media (min-width: 1200px) {
    .hau-adjustwidth { width: 35%}
}
.tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.navbar-default, .btn-default {
    background-color: #f0ffff;
}

.k-numeric-wrap:before {
    content: none;
    display: inline;
    padding-bottom: 0;
}

.k-numeric-wrap .k-input {
    height: 30px;
    font-size: 14px;
    text-indent: 12px;
}
.input-group .k-numerictextbox {
    width: 100%;
}
.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
    height: auto;
}

.form-control.k-widget {
    padding: 0;
    width: 100%;
    height: auto;
}

.form-control.k-widget:not(.k-autocomplete) {
    border-width: 0;
}

.has-feedback input[type=date].form-control,
.has-feedback input[type=time].form-control
{
    padding-right: 20px;
}
.fv-plugins-bootstrap .form-group.inputGroupContainer .fv-plugins-icon,
.fv-plugins-bootstrap .form-group.selectContainer .fv-plugins-icon,
.fv-plugins-bootstrap .form-inline.input-group-sm .fv-plugins-icon {
    right: -20px;
}

.col-sm-35, col-md-35, col-xs-35, col-lg-35 {
    width: 29%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.input-group-sm+.form-control-feedback {
    right: inherit;
}


.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: .25rem;
}
.mb-2 {
    margin-bottom: .5rem;
}
.mb-3 {
    margin-bottom: 1rem;
}
.mb-4 {
    margin-bottom: 1.5rem;
}
.mb-5 {
    margin-bottom: 3rem;
}

.pb-0 {
    padding-bottom: 0;
}
.pb-1 {
    padding-bottom: .25rem;
}
.pb-2 {
    padding-bottom: .5rem;
}
.pb-3 {
    padding-bottom: 1rem;
}
.pb-4 {
    padding-bottom: 1.5rem;
}
.pb-5 {
    padding-bottom: 3rem;
}

.mt-0 {
    margin-top: 0;
}
.mt-1 {
    margin-top: .25rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mt-3 {
    margin-top: 1rem;
}
.mt-4 {
    margin-top: 1.5rem;
}
.mt-5 {
    margin-top: 3rem;
}

.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: .25rem;
}
.pt-2 {
    padding-top: .5rem;
}
.pt-3 {
    padding-top: 1rem;
}
.pt-4 {
    padding-top: 1.5rem;
}
.pt-5 {
    padding-top: 3rem;
}

.ml-0 {
    margin-left: 0;
}
.ml-1 {
    margin-left: .25rem;
}
.ml-2 {
    margin-left: .5rem;
}
.ml-3 {
    margin-left: 1rem;
}
.ml-4 {
    margin-left: 1.5rem;
}
.ml-5 {
    margin-left: 3rem;
}

.pl-0 {
    padding-left: 0;
}
.pl-1 {
    padding-left: .25rem;
}
.pl-2 {
    padding-left: .5rem;
}
.pl-3 {
    padding-left: 1rem;
}
.pl-4 {
    padding-left: 1.5rem;
}
.pl-5 {
    padding-left: 3rem;
}

.mr-0 {
    margin-right: 0;
}
.mr-1 {
    margin-right: .25rem;
}
.mr-2 {
    margin-right: .5rem;
}
.mr-3 {
    margin-right: 1rem;
}
.mr-4 {
    margin-right: 1.5rem;
}
.mr-5 {
    margin-right: 3rem;
}

.pr-0 {
    padding-right: 0;
}
.pr-1 {
    padding-right: .25rem;
}
.pr-2 {
    padding-right: .5rem;
}
.pr-3 {
    padding-right: 1rem;
}
.pr-4 {
    padding-right: 1.5rem;
}
.pr-5 {
    padding-right: 3rem;
}

.d-none {
    display: none;
}
.d-show {
    display: initial;
}