@font-face {
    font-family: 'colaborate-boldregular';
    src: url('Fonts/Colaborate/colabbol-webfont.eot');
    src: url('Fonts/Colaborate/colabbol-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Colaborate/colabbol-webfont.woff') format('woff'), url('Fonts/Colaborate/colabbol-webfont.ttf') format('truetype'), url('Fonts/Colaborate/colabbol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'colaborate-thinregular';
    src: url('Fonts/Colaborate/Thin/colabthi-webfont.eot');
    src: url('Fonts/Colaborate/Thin/colabthi-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Colaborate/Thin/colabthi-webfont.woff') format('woff'), url('Fonts/Colaborate/Thin/colabthi-webfont.ttf') format('truetype'), url('Fonts/Colaborate/Thin/colabthi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 /*.gridTable {
            border-collapse: collapse;
            text-align: center;
        }

        .gridTable, th, td {
            border: 1px solid #c6c6c6;
            padding: 2px;
        }*/
.inputheaders {
    font-weight: bold;
    font-size: 13px;
    text-transform:capitalize;
    /*float:right;
    display:block;
    text-align:right;*/
}
h5 {
    font-size: 1.125rem !important;
}
.menuLink {
            text-decoration: none;
            color: #008ECF;
            /*padding: 0px 2px 10px 20px;
            line-height: 30px;*/
        }
input {
    max-width: 100%;
}

select {
    max-width: 100%;
}
.title_section {
    background: none repeat scroll 0px 0px #F9F9F9;
    border-left: 8px solid #38515F;
}
.title_section h2 {
    border: 0px none;
    color: #0C4682;
    font: 20px "OpenSansRegular";
    padding: 5px;
}

.pageheader {
    font-size: 24px;
    font-family: colaborate-thinregular;
    font-weight: 600;
}



.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}


.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
   

/*.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    */
    /*color: #b94a48;
    border-color: #b94a48;
}*/

.input-validation-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.validation-summary-errors {
    font-weight: bold;
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
.eidtImageIcon{
   
}
.clickCurosr{
    cursor:pointer;
}
  html, body {
            height: 100%;
            margin: 0;
            overflow: auto; /*hidden;*/
            padding: 0;
            font-family:Lato;
        }
       
             .organization {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/Organization.png")') no-repeat;
        }
        .department {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/deparment.png")') no-repeat;
        }
        .costcenter {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/currency.png")') no-repeat;
        }
        .category {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/category.png")') no-repeat;
        }
         .location {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/location.png")') no-repeat;
        }
         .user {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/user.png")') no-repeat;
        }
        .security {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/security.png")') no-repeat;
        }

        .asset {
            text-decoration: none;
            color: #008ECF;
            padding:0px 5px 5px 5px;
            line-height: 30px;
            background: url('@Url.Content("~/Images/Icons/asset.png")') no-repeat;
        }


        #appLayout {
            height: 100%;
        }

        #leftCol {
            width: 18%;
        }
       
        /*.claro .demoLayout .edgePanel {
            background-color: #0060A5 !important;
            background-repeat: repeat-x !important;
            border: 1px solid #212426 !important;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067) !important;
            color: #FFF !important;
        }*/
        .gridxRow {
    background-color: #FFF !important;
}
.inputWidthcol4 {
    width: 87%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.iconWidthcol4 {
    width: 11%;
    padding: 9px 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #f56d23;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.inputWidthcol6 {
    width: 92%;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size:14px;
}
.iconWidthcol6 {
    width: 8%;
    padding: 11px 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #f56d23;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color:#fff;
}
.fas {
    color: #f56d23;
}