/********************** form defaults ************************/
input[type="text"], input[type="password"]
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 75%;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}

.rpt-input 
{
     width: 42% !important;
    background-color: #FFF !important;
}

.report-date
{
    background-color: #FFF !important;
}

input[type="checkbox"]
{
    line-height: normal;
    margin: 4px 0 0;
    border: solid 1px #c6c6c6;
    font-family: 'Segoe UI';
}

select
{
    color: #333;
    outline: none;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    width: 220px;
    margin-left: 10px;
}

/********************** Search Form ************************/
.search
{
    margin-top: 15px;
    font-size: 12px;
}

/********************** Login Form ************************/
input[type="email"]
{
    color: #333;
    outline: none;
    padding: 8px 30px 8px 10px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 305px;
    font-family: 'Segoe UI';
	border-radius: 3px;
}

input[type="submit"]
{
    color: #FFF;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #b57505;
    background-color: #faa819;
    font-size: 14px;
    width: 120px;
    margin-top: 15px;
    float: right;
    border-radius: 3px;
    font-family: 'Segoe UI';
}

/********************** Attachment ************************/
input[type="attachments"]
{
    color: #006db9;
    outline: none;
    padding: 6px 10px 6px 10px;
    border: solid 1px #c6c6c6;
    background-color: #fff;
    margin-left: 10px;
    font-size: 14px;
    width: 202px;
}

/********************** Addmore ************************/
.add-more input[type="submit"]
{
    width: 93px;
}

.btn-primary,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]
{
    color: #545454;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #fff;
    font-size: 14px;
    width: 120px;
    margin-top: 15px;
    float: right;
    border-radius: 5px;
    font-family: 'Segoe UI';    
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary
    {
        color: #FFF;
        outline: none;
        margin-right: 20px;
        padding: 5px 10px 5px 10px;
        border: solid 1px #b57505;
        background-color: #faa819;
        font-size: 14px;
        width: 120px;
        margin-top: 15px;
        float: right;
        border-radius: 3px;
        font-family: 'Segoe UI';       
    }

.btn-secondary
{
    color: #545454;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    width: 120px;
    margin-top: 15px;
    float: right;
    border-radius: 3px;
    font-family: 'Segoe UI';
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus,
    .btn-secondary:active,
    .btn-secondary.active,
    .open > .dropdown-toggle.btn-secondary
    {
        color: #FFF;
        outline: none;
        margin-right: 20px;
        padding: 5px 10px 5px 10px;
        border: solid 1px #b57505;
        background-color: #faa819;
        font-size: 14px;
        width: 120px;
        margin-top: 15px;
        float: right;
        border-radius: 3px;
        font-family: 'Segoe UI';
    }

.btn-sub
{
    color: #333;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    margin: 10px 0px 0px 15px;
    border-radius: 3px;
    font-family: 'Segoe UI';
}

.btn-subwhite
{
    color: #333;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    margin: 10px 15px 0px 0px;
    border-radius: 3px;
    float: left;
    font-family: 'Segoe UI';
}

.textarea
{
    color: #333;
    outline: none;
    padding: 8px 30px 8px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 75%;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    resize: none !important;
    height: 75px;
}

.textarearecover
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 250px !important;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    height: 75px;
}

.textarea-rpt
{
    color: #333;
    outline: none;
    padding: 8px 30px 8px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 98%;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    resize: none !important;
    height: 75px;
}

/******************************* Add Asset Type  ***************************************/
.btn-secondary-white
{
    color: #545454;
    outline: none;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    width: 100%;
    margin-top: 15px;
    float: right;
    border-radius: 3px;
    font-family: 'Segoe UI';
}

/******************************* View Asset Grid  ***************************************/

.btn-inventory-sub
{
    color: #333;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

.asstlist-sub
{
    padding: 5px 10px 5px 10px;
    margin-top: 11px;
}

#AssetView .k-grid-header
{
    padding-right: 0 !important;
}


/*Set grid max height*/ 
 .gridContent .k-grid-content 
 {
   max-height: 250px !important;
}


/************************************* Remove v-scroll for grid *************************************************/
.remove-header-vscrollbar .k-grid-header
{
    padding-right: 0 !important;
}

.remove-header-vscrollbar .k-grid-content
{
    overflow-y: hidden;
}

.register-field input[type="text"]
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 150px;
    border-radius: 5px;
    background-color: #fafafa;
    font-family: 'Segoe UI';
}

.btn-manage
{
    color: #545454;
    outline: none;
    margin-right: 10px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 12px;
    width: auto;
    margin-top: 10px;
    float: right;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

/***************************** Roles -Remove ***************************************/
.btn-role
{
    color: #333;
    outline: none;
    padding: 5px 10px 5px 10px;
    margin: 10px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Segoe UI';
    width: 90%;
}

.display-block
{
    display: block;
}

.display-none
{
    display: none;
}

.highlightControl
{
    background-color: #fafafa;
    border: 1px solid #da4932 !important;
    border-radius: 5px;
    color: #333;
    font-family: "Segoe UI";
    font-size: 12px;
    outline: medium none;
    padding: 4px 30px 4px 5px;
    width: 205px;
}

.highlightKendoUI
{
    background-color: #fafafa;
    border: 1px solid #da4932 !important;
    border-radius: 5px;
    color: #333;
    font-family: "Segoe UI";
    font-size: 12px;
}

 .highlightLockControl  {
         border: 1px solid #faa819 !important;
 }

 .highlightEditControl  {
         border: 1px solid #72d0eb !important;
 }

 .highlightEditChkControl  {
         outline: 1px solid #72d0eb !important;
 }

.wasp-anchor-disabled
{
    pointer-events: none;
    opacity: 0.6;
    display: none;
}

.wasp-anchor-hidden {
    pointer-events: none;
    opacity: 0.6;
    visibility: hidden;
}

.numeric-textbox-start-border {
    border-color: #00b0ff;
    background-color: #00b0ff;
    border: 1px solid #00b0ff !important;
    border-radius: 5px;
    margin-right: -2px;
}

.message-center
{
    width: 100%;
    height: 150px;
    margin-top: 50px;
    text-align: center;
}

.decoration-none
{
    text-decoration: none !important;
}

.btn-popup
{
    color: #FFF;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #b57505;
    background-color: #faa819;
    font-size: 14px;
    width: 22px;
    margin-top: 15px;
    float: right;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

div.k-dropzone em
{
    visibility: visible;
}

.k-filename
{
    white-space: normal;
}

.field-opacity
{
    color: #ababab !important;
    font-style: italic;
}


/************************************* Lookups Button *************************************************/
.updatebtn
{
    float: right !important;
    margin-right: 10px;
}

.btn-blue
{
    color: #555;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #0099ff;
    background-color: #fff;
    font-size: 12px;
    width: auto;
    border-radius: 3px;
    font-family: 'Segoe UI';
}

.btn-blue:hover
{
	color: #fff;
	background-color: #444;
	border-color: #444;
}

.btn-whte
{
    color: #333;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #ccc;
    background-color: #FFF;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

.grdChk-align
{
    padding-right: 2px;
}

.alert-icon
{
    width: 10px;
    height: 10px;
}

.alert-icon-overdue
{
    width: 10px;
    height: 10px;
    margin-left: 8px;
}

.grd-chk-align
{
   float: left;
   padding-right: 2px;
}

.grd-img-align {
    text-align: center;
    padding-right:9px;
}

.k-grid-header th.k-header {
    vertical-align: bottom;
    padding-left: 1.2em !important;
}

.grd-chks-align {
    text-align: center;
    padding-right: 2px;
}

/******************************* Look Ups ******************************************/
.ss-txtbox
{
    color: #333;
    outline: none;
    padding: 4px 5px 4px 5px !important;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 85px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    margin-top: -5px !important;
}
.cus-txtbox {
    width: 123px !important;
}
.emp-txtbox
{
    color: #333;
    outline: none;
    padding: 4px 5px 4px 5px !important;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 102px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    margin-top: -5px !important;
}
.tiny-txtbox
{
    color: #333;
    outline: none;
    padding: 4px 5px 4px 5px !important;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 40px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}

.trans-main
{
    width: 200px !important;
}

.addbtn
{
    float: left !important;
    margin-left: 20px;
}

/*Grid empty row*/
.emptyRow
{
    height: 31px;
    align-content: center;
}

/*Listview empty row*/
.listEmptyRow
{
    height: 158px;
    align-content: center;
}

.col-textbox
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 75% !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}

.not-textbox
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 220px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}
.ck-textarea
{
    color: #333;
    outline: none;
    padding: 8px 10px 8px 5px !important;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 75% !important;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    resize: none !important;
    height: auto;
}

.scanResultTr
{
    border-top: 1px solid #333333;
}

.scanResultTd
{
    color: #FFF;
    outline: none;
    padding: 0px 0px 0px 10px;
    border: solid 1px #6485e5;
    background-color: #7fadeb;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
}
.noti-textbox
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 170px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}
.no-textarea
{
    color: #333;
    outline: none;
    padding: 8px 30px 8px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 170px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    resize: none !important;
    height: 75px;
}
.btn-noti
{
    color: #FFF;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #6485e5;
    background-color: #7fadeb;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI';
	margin:13px 10px 0px 0px;
}

.btn-noti:hover {
    background-color: #0fa0fe;
}

.btn-noti:focus {
    background-color: #0fa0fe;
}

.textarea-no
{
    color: #333;
    outline: none;
    padding: 8px 30px 8px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 442px !important;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    resize: none !important;
    height: 75px;
}

.btnpop-primary
{
    color: #FFF;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #b57505;
    background-color: #faa819;
    font-size: 14px;
    width: 70px;
    margin-top: 15px;
    float: right;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

    .btnpop-primary:hover,
    .btnpop-primary:focus,
    .btnpop-primary.focus,
    .btnpop-primary:active,
    .btnpop-primary.active,
    .open > .dropdown-toggle.btn-primary
    {
        color: #FFF;
        outline: none;
        margin-right: 20px;
        padding: 5px 10px 5px 10px;
        border: solid 1px #b57505;
        background-color: #faa819;
        font-size: 14px;
        width: 70px;
        margin-top: 15px;
        float: right;
        border-radius: 5px;
        font-family: 'Segoe UI';
    }

.btnpop-secondary
{
    color: #545454;
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    width: 70px;
    margin-top: 15px;
    float: right;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

    .btnpop-secondary:hover,
    .btnpop-secondary:focus,
    .btnpop-secondary.focus,
    .btnpop-secondary:active,
    .btnpop-secondary.active,
    .open > .dropdown-toggle.btn-secondary
    {
        color: #545454;
        outline: none;
        margin-right: 20px;
        padding: 5px 10px 5px 10px;
        border: solid 1px #cccccc;
        background-color: #FFF;
        font-size: 14px;
        width: 70px;
        margin-top: 15px;
        float: right;
        border-radius: 5px;
        font-family: 'Segoe UI';
    }
.btn-wit
{
    color: #333;
    outline: none;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    border-radius: 3px;
    font-family: 'Segoe UI';
}
.btn-user
{
    color: #333;
    outline: none;
    padding: 5px 10px 5px 10px;
    border: solid 1px #cccccc;
    background-color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

.btn-newwit
{
    color: #333;
    outline: none;
    padding: 3px 20px 3px 20px;
    border: solid 1px #ccc;
    background-color: #FFF;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI';
}

.busi-txtbox
{
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 283px !important;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
}
 .combo-Numeric-box > span {
        border-color: #faa819 !important;
 } 

 .input-SB {
     color: #333;
    outline: none;
    padding: 4px 5px 4px 5px !important;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 50% !important;
    border-radius: 3px;
    background-color: #FFF;
    font-family: 'Segoe UI';
     text-align: center;
 }

 .btn-hide{
     display:none !important;
 }

 .href-link {
     text-decoration: underline !important;
     cursor: pointer;
 }
.col-textbox-custom {
    color: #333;
    outline: none;
    padding: 4px 30px 4px 5px;
    border: solid 1px #c6c6c6;
    font-size: 12px;
    width: 18%;
    max-width: 75%;
    border-radius: 5px;
    background-color: #FFF;
    font-family: 'Segoe UI';
    height: 84px;
}
.custom-desc {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 15px;
}
.custom-instructions {
    margin-bottom: 7px;
}