/* font awesome */
/* http://fontawesome.github.io/Font-Awesome/cheatsheet/ */
@charset 'UTF-8';
/*@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');*/
/* v4 @import url('font-awesome.min.css');*/
/* V5 */
@import url('fontawesome.css');

:root {
    /* pale white : #F9F9F9; */
    --telerikColor1: #F9F9F9;
    /* dark blue : #024e9d; */
    --telerikColor2: #024e9d;
    /* light brown : #F9F9F9 */
    --telerikColor3: #f0ae59;
    /* light blue : #046edb */
    --telerikColor4: #5b8dc2;
    /* dark grey : #666 */
    --telerikColor5: #666;
    /* white : #fff */
    --telerikColor6: #fff;
    /* black : #000000 */
    --telerikColor7: #000;
    --telerikAccessDenied: #ee3030;
    --telerikError: #ee3030;
    --telerikColorAlertBackground: #f2dede;
    --telerikColorAlert: #a94442;
    --telerikColorAlertBorder: #ebccd1;
    --telerikColorSuccessBackground: #dff0d8;
    --telerikColorSuccess: #3c763d;
    --telerikColorSuccessBorder: #d6e9c6;
    /* pale white : #F9F9F9 */
    --sectionHeadingColor: #F9F9F9;
    --txtItemSkillColor: #F9F9F9;
    --textColorLight: #F9F9F9;
    --backgroundInnerColor: #FFFFFF;
    /* dark blue : 024e9d */
    --sectionHeadingBackgroundColor: #024e9d;
    --sectionSubHeadingColor: #024e9d;
    --textColorDark: #024e9d;
    --sectionMenuHeading: #024e9d;
    --fieldNameColor: #024e9d;
    --circleQuestion: #024e9d;
    /* light brown #f0ae59 old orange var(--telerikColor3)*/
    --txtSiteCategory: #f0ae59;
    --txtItemColor: #f0ae59;
    --txtQuestionColor: #f0ae59;
    --inputFocusBorder: #f0ae59;
    --inputFocusShadow: rgba(240,174,89,0.5);
    --menuBorder: #f0ae59;
    /** Light Grey #D4D0C8 767575*/
    --lineSeperator: #D4D0C8;
    --inputBorder: #D4D0C8;
    /* pale white : #F9F9F9*/
    --backgroundColor: #F9F9F9;
    /** heights */
    --paddingParagraph: 10px;
    --lineHeight: 35px;
    --buttonHeight: 40px;
    --buttonWidth: 40px;
    --cornerWidth: 10px;
    --clearRowHeight: 10px;
    --maxPageWidth: 1080px;
    --minPageWidth: 320px;
    --minScreenResponsiveWidth: 768px;
    /** font-size **/
    --defaultFontFamily: "Segoe UI","Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    --defaultFontIconFamily: "Font Awesome 5 Pro";
    --defaultFontSize: 14px;
    --defaultFontSizeLarge: 24px;
    /** font awesome  icons*/
    --iconTick: "\f058";
    --iconCross: "\f057";
    --iconArrowRightSingle: "\f054";
    --iconArrowRightDouble: "\f324";
    --iconArrowLeftSingle: "\f053";
    --iconArrowLeftDouble: "\f323";
}

body  
{
    background-color : var(--telerikColor6);
    color: var(--telerikColor2);
    font-size: var(--defaultFontSize);
    font-family: var(--defaultFontFamily);
    /** important for font awesome to work, font-weight 300*/
    font-weight: 300;
    height: 100%;
    margin: 0 auto; 
    max-width : var(--maxPageWidth) !important;
    padding:0;
    line-height: 20px;
    fill: var(--telerikColor3);
}

.bodyCMS{
    max-width : 99.5% !important;
}

.content {
    padding : 5px;
}

a img { 
    border:none; 
    vertical-align:top; 
}

a:link, a:visited
{
    color: var(--telerikColor2);
    text-decoration : underline;
}

a:hover
{
    color: var(--telerikColor3);
    text-decoration : underline;
}

a:active
{
    color: var(--telerikColor2);
    text-decoration : underline;
}

div{
    fill : red;
}

p{

}

span{
    padding-left : 0;
}

table
{
    padding : 0px;
}

label {
  color : var(--fieldNameColor);
  display: block;
  float : left;
  margin-left : 10px;
  margin-top: 10px;
  min-width : 180px;
  position : relative;
  width : 20%;
  min-height : var(--lineHeight);
}

input, textarea, select {
  border: 1px solid var(--inputBorder);
  border-radius: 4px;
  box-sizing: content-box;
  display: block;
  float : left;
  line-height: 25px;
  padding: 5px 5px;
  position : relative;
  /*width: 77%;*/
  -webkit-appearance: none;
}

input:focus,textarea:focus
{
    border-color: var(--inputFocusBorder);
    border-radius: 4px;
    color: var(--textColorDark);
    -moz-box-shadow: 0px 2px 10px 6px var(--inputFocusShadow) !important;
    -webkit-box-shadow: 0px 2px 10px 6px var(--inputFocusShadow) !important;
}

    input[type=checkbox]:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

input:required {
    border: 1px solid var(--inputFocusBorder);
    border-radius: 4px;
    color: var(--textColorDark);
}

    /**checkbox **/
    /** unchecked */
    input[type=checkbox]:before {
        letter-spacing: 10px;
        font-family: var(--defaultFontIconFamily);
        font-size: var(--defaultFontSizeLarge);
        color: var(--telerikColor5);
        display: inline-block;
        content: var(--iconCross);
        /*margin-top : 12px;*/
    }

    /** chceked*/
    input[type=checkbox]:checked:before {
        letter-spacing: 10px;
        font-family: var(--defaultFontIconFamily);
        font-size: var(--defaultFontSizeLarge);
        color: var(--telerikColor4);
        display: inline-block;
        content: var(--iconTick);
        /*margin-top: 12px;*/
    }

    input[type=checkbox]:checked:disabled:before {
        letter-spacing: 10px;
        font-family: var(--defaultFontIconFamily);
        font-size: var(--defaultFontSizeLarge);
        color: var(--telerikColor4);
        display: inline-block;
        content: var(--iconTick);
        /*margin-top: 12px;*/
    }

    input[type=checkbox]:disabled:before {
        letter-spacing: 10px;
        font-family: var(--defaultFontIconFamily);
        font-size: var(--defaultFontSizeLarge);
        color: var(--telerikColor5);
        display: inline-block;
        content: var(--iconCross);
        /*margin-top: 12px;*/
    }

.form-field-checkbox input[type=checkbox]:before, .form-field-checkbox input[type=checkbox]:checked:before, .input[type=checkbox]:checked:disabled:before, .input[type=checkbox]:disabled:before {
    margin-top: 12px;
}

/* allow space for check mark */
/* Header */
#header
{
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.headerLogoAndText
{
    width: 90%;
    max-width: 320px;
}

feedbackImage{
    float : left;
    width : 15%;
    padding : 10px;
}

.feedbackText{
    float : right;
    width : 85%;
    padding : 10px;
}

.header-line1 {
    height : 100px;
    width : 100%;
}

.header-line2 {
    height : 65px;
    background-color : var(--telerikColor2);
    width : 100%;
    padding-top : 2px;
    clear : both !important;
    -moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;
}

.header-logo-left {
    float : left;
    width : 29%;
    background-color : transparent;
    height : 100px;
    padding-left : 0px;
    padding-top : 5px;
}

.header-title-center {

    float : left;
    width : 34%;
    height : 110px;
    text-align : center;
    padding-top : 5px;
}

.header-title-text
{
    font-size : 20px;
    text-align : center;
}

.header-title-center-inner {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
    background: var(--telerikColor2);
	-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;
    height : 95px;
    line-height :50px;
}

.header-title-center-version {
    background: rgba(0,0,0,0.3);
}

.header-profile-right {
    float : right;
    width : 33%;
    background-color : transparent;
    padding-top : 5px;
}

.header-profile-right-inner {
    padding: 10px 10px 10px 10px;
    background: var(--telerikColor2);
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    text-align: right;
    height : 95px;
    width: auto;
    box-sizing : border-box !important;
    color : var(--telerikColor5);
}

.header-profile-right-inner-wrapper {
    padding : 0px;
}

.header-profile-right-inner-data {
    font-weight : bold;
}

.headerUserFullName {
    font-size : 16px;
    padding-right : 5px;
}

.headerCompanyName {
    font-size : 12px;
    padding-right : 5px;
    color : var(--telerikColor3);
}

#footer
{
    border-top : 1px solid var(--telerikColor4);
}

.footerText{
    height : 50px;
    padding-top : 10px;
    text-align : center;
}

.headerLogo
{
    background-color : var(--sectionHeadingColor);
    max-width : 100%;
    text-align : center;
}

/** Lines **/
.clearLine{
    clear : both;
    height : var(--clearRowHeight);
}

/*** upto here in clear up 21-aug-2018 jy*/

/** Headings **/
.headingSmall
{
    text-align :left;
    font-weight : bold;
    color : var(--telerikColor3);
    font-size: 14px;
    padding-top: 5px; 
    margin-left : 5px;
}

.headingMedium
{
    text-align :left;
    color: var(--telerikColor2);
    font-size:16px;
    font-weight : bold;
    padding-top : 10px;
    padding-bottom : 10px;
    margin-left : 5px;
    margin-right : 5px;
    border-bottom : 1px solid var(--telerikColor1);
    clear : both;
}

.headingLarge
{
    text-align :left;
    color: white;
    font-size: 24px;
    font-weight : bold;
    padding : 20px;
    background-color : var(--telerikColor2);
    text-align :left;
    border-top-left-radius : 10px;
    border-top-right-radius : 10px;
    border-bottom : 2px solid var(--inputFocusBorder);
}

.headingExtraLarge
{
    text-align :left;
    font-weight : bold;
    color : var(--txtSiteCategory);
    font-size: 24px;
    padding-top: 15px; 
    border-top: 1px solid var(--telerikColor4);
    margin-left : 5px;
    line-height : 25px;
}

/*********************************************************************************/
/* Data Items in ListView
/*********************************************************************************/

.itemBoxTop{
    height : 5px;
    width : 100%;
    border-top : 1px solid var(--telerikColor4);
    border-left : 1px solid var(--telerikColor4);
    border-right : 1px solid var(--telerikColor4);
}

.itemBoxBottom{
    height : 5px;
    width : 100%;
    border-bottom : 1px solid var(--telerikColor4);
    border-left : 1px solid var(--telerikColor4);
    border-right : 1px solid var(--telerikColor4);
}

.itemBoxOuter{
    float: left !important;
    display: inline !important;
    height: 290px; 
    width: 260px; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    border: 0;
    margin-left: 38px !important; 
    margin-right: 38px !important;
}



/*********************************************************************************/
/* DIVs
/*********************************************************************************/
.divModule
{
    padding : 10px;
    width : 100%;
}

.divRowOuter
{
    display: table;
    padding : 0px;
    background: transparent;
    width: 100%;
    max-width : var(--maxPageWidth);
}

.divRow
{
    display: table;
    background: var(--telerikColor6);
    width: 100%;
    clear : both;
}

.divRowIndent
{
    width : auto;
    padding-top : 0px;
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 0px;
}

.divRowNoBackground
{
    display: table;
    background: transparent;
    width: 100%;
}

.divTableOuter
{
    display: table;
    padding : 0px;
    /**background: var(--backgroundInnerColor) ;**/
    background-color : transparent;
    width: 100%;
}

.divTableInner
{
    display: table;
    padding : 0px;
}

.divTR
{
    display: table-row;
    padding : 0px;
}

.divTD
{
    vertical-align :top;
    display: table-cell;
    color : var(--textColorDark);
}

.divTDFloatLeft
{
    vertical-align :top;
    display: table-cell;
    padding : 0px;
    float : left;
    position : relative;
    width : auto;
    max-width : 260px;
}

.divTDFloatRight
{
    vertical-align :top;
    display: table-cell;
    padding : 0px;
    float : left;
    position : relative;
    width : 72%;
    height : auto;
}

.divTDTextRight
{
    vertical-align :top;
    display: table-cell;
    padding : 0px;
    position : relative;
    width : auto;
    height : auto;
    max-width : 768px;
}

.divTDButton
{
    min-width : 250px;
    max-width : 260px;
    height: 50px;
    min-height : 50px; 
    padding-top: 5px; 
    padding-right: 10px;
    float : left;
    position : relative;
    margin-top : -0px;
}

.divTD.rowspanned {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
}

.divTD.empty
{
  border: none;
  width: 100px;
}

.divTRPadded
{
    padding : var(--paddingParagraph);
}

/*********************************************************************************/
/* Text
/*********************************************************************************/
.textNormal
{
    color : var(--textColorDark);
    line-height : 20px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 10px;
    padding-bottom : 10px;
}

.textQuestion
{
    color : var(--txtQuestionColor);
}

.circleQuestion
{
    line-height : 50px;
    height : 50px;
    width : 50px;
    background: var(--circleQuestion);
    padding: 0;
     -webkit-border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -khtml-border-radius: 25px 25px 25px 25px;  
    border-radius: 25px 25px 25px 25px;
    color : var(--textColorLight);
    font-size : 32px;
    text-align : center;
}

.itemImportantSkill
{
    background-color : var(--telerikColor3);
    padding : 5px;
    padding-left : 10px;
    padding-right : 10px;
    color : var(--txtItemSkillColor);
    font-weight :bold;
    border-bottom-left-radius : 5px;
    border-bottom-right-radius : 5px;
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
    height : auto;
    margin-right : 10px;
    float : left;
    position : relative;
    margin-bottom : 10px;
}

.itemImportantSkillText
{
    float: right;
    padding-top : 3px;
    color : var(--txtItemSkillColor);
}
/*********************************************************************************/
/* Telerik Elements Customized
/*********************************************************************************/

.divRadDataPager {
    background: transparent;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid var(--backgroundColor);
}

/*********************************************************************************/
/* Image
/*********************************************************************************/
/** Image Containers */
.imgDeveloperPhoto{
    width: 260px;
    height: auto;
}

.imageRoundedInner {
    background: transparent;
    padding: 0;
     -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;  
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    height : 150px !important;
}

.imageRoundedInnerLarge {
    background: transparent;
    padding: 0px;
     -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;  
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    height : 370px !important;
    text-align: center; 
}

.divImageContainer
{
    z-index : 100;
    position: relative;
    top : -110px;
}

.imageCropper {
  position: relative;
  width: 290px;
  height: 145px;
  overflow: hidden;
}

.imageCropper:hover
{
     cursor : pointer;
}

.imageFolio
{
  position: absolute;
  left: 0%;
  top: 0%;
}

/*********************************************************************************/
/* Navigation Menu                                                               */
/*********************************************************************************/
.navMenu {
    backface-visibility: hidden;
    transition: -webkit-transform 0.5s ease 0s, opacity 0.5s ease 0s;
    z-index: 20001;
    position: fixed;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0px;
    left: -100%;
    /*transform: translate(256px, 0px);*/
    width: 40%;
    height: 100%;
    text-align : left;
    background : var(--backgroundColor);
    border-right : 1px solid var(--menuBorder);
}

.navMenuItem{
    padding : 5px;
    line-height : 30px;
    color : white;
    text-align : left;
    width : 100%;
    float : left;
    position : relative;
    border-top : 1px solid var(--menuBorder);
}

.navMenuItem:hover{
    background-color : white;
    border-top : 1px solid var(--menuBorder);
    border-left : 3px solid black;
    cursor : pointer;
}

.navMenuItemLeft
{
    float: left;
    position : relative;
    width : 100px;
    max-width : 27%;
}

.navMenuItemRight
{
    float: left;
    position : relative;
    width : 70%;
    max-width : 70%;
    margin-left : 0px;
}

.navMenuButtonContainer{
    width : var(--maxPageWidth);
    line-height : 1px;
    height : 1px;
    position : fixed;
    z-index : 20011;
}

.navMenuButton{
    top: 6px;
    left: 6px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    z-index: 20012;
    margin-left : 10px;
    float : left;
}

.navMenuButtonFixed:before {
    font-family: var(--defaultFontIconFamily);
    text-decoration: none;
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /** bars **/
    content: '\f0c9';
    font-size: 14px;
    position: fixed;
    display: block;
    top : 10px;
    left : 6px;
    width: 54px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: rgba(255,255,255,0.75);
    background-color: rgba(92,95,103,0.5);
    border-radius: 0.25em;
    z-index: 20012;

}

.navMenuButton:before {
    font-family:  var(--defaultFontIconFamily);
    text-decoration: none;
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /** bars **/
    content: '\f0c9';
    font-size: 14px;
    display: block;
    width: 54px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: rgba(255,255,255,0.75);
    background-color: rgba(92,95,103,0.5);
    border-radius: 0.25em;
    z-index: 20002;
}

.navMenuItemIcon {
    padding : 5px;
    line-height : 30px;
    color : var(--telerikColor2);
    text-align : left;
    width : 100%;
    min-width : 50px;
    float : left;
    position : relative;
}

.navMenuItemTitle {
    width: 100%;
    min-width: 270px;
    text-align: left;
    color: var(--fieldNameColor );
    font-weight: bold;
    margin-left: 5px;
}

.navMenuItemDescription {
    width : 100%;
    min-width : 270px;
    text-align :left;
    font-weight : bold;
    color : var(--menuBorder);
    font-family : "Open Sans","Segoe UI","Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    padding-top: 0px; 
    border-top: 1px solid var(--inputBorder);
    margin-left : 5px;
}

/** Scroll up button **/
.scrollUpContainer {
    width : 100%;
    max-width : var(--maxPageWidth);
    min-width :  var(--minPageWidth);
    line-height : 1px;
    height : 1px;
    position : fixed;
    z-index : 30011;
    bottom : 50px;
}

.scrollUpButton {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    z-index: 30012;
    margin-right : 30px;
    float : right;
}

.scrollUpButton:before {
    font-family: 'Font Awesome 5 Free';
    text-decoration: none;
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /** bars **/
    content: '\f062';
    font-size: 14px;
    display: block;
    width: 54px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: rgba(255,255,255,0.75);
    background-color: rgba(92,95,103,0.5);
    border-radius: 0.25em;
    z-index: 30012;
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon {
    text-decoration: none;
}

    .icon:before {
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        font-size: 1.25em;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon > .label {
        display: none;
    }

.iconBox {
    width: 60px;
    height: 80px;
    padding-top: 10px;
}

.iconBoxWithText {
    width: 285px;
    height: 80px;
    padding-top: 10px;
    color : var(--telerikColor2);
}

.iconContainer {
    float: left;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.iconText {
    float: right;
    width: 73%;
    padding: 1%;
    height: 80px;
    text-align: left;
    vertical-align: middle;
}

/*********************************************************************************/
/* Form                                                                      */
/*********************************************************************************/
.inputFieldMissingData
{
    color : var(--telerikColor3);
    z-index : 1000;
    position : relative;
    top : -32px;
    left : 27px;
    background : var(--backgroundColor);
    width : 80%;
    line-height : 20px;
    /**height : 15px;**/
    overflow :hidden;
}

.validatorMessageOrange {
    display: inline;
    position: relative;
    float: right;
    top: -30px;
    right: 30px;
    color: var(--menuBorder);
    height : 0px;
    text-decoration: underline dotted var(--menuBorder);
}

.contactFormFeedback {
    background-color: white;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid var(--menuBorder);
}

.form-container{
    background : var(--telerikColor6);
    display : inline-block;
    width : 100%;
}

.form-row {
    width: 98%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left : 1%;
    padding-right : 1%;
    min-height: 40px;
    clear : both;
}

.form-row.indent {
    padding-left : 20px;
}

.form-row-highlighted {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top : 10px;
    padding-bottom : 10px;
    min-height : 70px;
    box-shadow: 0 4px 8px 0 rgba(240, 174, 89,0.5) , 0 6px 20px 0 rgba(240, 174, 89,0.5);
    clear : both;
}

.form-top-panel-left {
    float: left;
    width: 56%;
}

.form-top-panel-right {
    float: right; 
    text-align: right; 
    width: 42%; 
    padding-right: 10px; 
    padding-top: 10px;
}

.form-top-panel-left-id
{

}

.form-top-panel-left-lastupdated 
{
clear: both;
position : relative;
top : -20px;
}

.form-searchbar {
    width : auto;
    background-color : var(--telerikColor1);
    height : 170px;
    padding : 10px;
    font-size : 16px;
}

.form-searchbar-flex {
    width : auto;
    background-color : var(--telerikColor1);
    height : auto;
    padding : 10px;
    font-size : 16px;
}

.form-searchbar-item {
    float : left;
    position : relative;
    padding-right : 10px;
}

.form-searchbar-item-date {
    float : left;
    position : relative;
    padding-right : 10px;
    padding-left : 0px;
}

.form-row-action-bar-fixed-top {
    position : fixed;
    right : 0px;
    top : -10px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 20px;
    height: 80px;
    border : 1px solid var(--telerikColor4);
    background-color : var(--telerikColor1);
    z-index : 30001;
}

.form-row-action-bar-top {
   padding: 5px 5px;
   border-bottom : 1px solid var(--telerikColor4);
   background-color : var(--telerikColor1);
   min-height : 50px;
}

.form-row-action-bar-bottom {
   padding: 5px 5px;
   border-top : 1px solid var(--telerikColor4);
   background-color : var(--telerikColor1);
   min-height : 50px;
   clear : both;
}

.form-popup {
    background-color: var(--telerikColor1);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    width: 99%;
    height: auto;
    clear: both;
    float: left;
    position: absolute;
    top: 100px;
    z-index: 999;
    left: 10px;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(240, 174, 89,0.5) , 0 6px 20px 0 rgba(240, 174, 89,0.5);
}

.form-row-select {
    height : 50px;
    width : 100%;
    padding : 5px;
    clear : both;
}
.form-row-select-left {
    float : left;
    text-align : left;
    text-align : center;
    margin-top : 10px;
    background-color : var(--telerikColor4);
    width : 10%;
}
.form-row-select-middle {
    float : left;
    width : 70%;
    padding-left : 10px;
}
.form-row-select-right {
    float : left;
    width : 19%;
}
.form-field-jobitemtype {
    font-size : var(--defaultFontSize);
    font-weight : bold;
    text-align : left;
}
.form-field-jobunit {
    font-size : 12px;
    text-align : left;
}
.form-field-cost {
    font-size : var(--defaultFontSizeLarge);
    font-weight : bold;
    text-align : center;
}
.form-field-gst {
    font-size : 12px;
    text-align : center;
}

.form-row-note {
    font-size : 12px;
    text-align : left;
    padding : 10px;
    margin-right : 20px;
    border-radius: 4px;
}

.form-row-note.alert {
    background-color : var(--telerikColorAlertBackground);
    color : var(--telerikColorAlert);
    border : 1px solid var(--telerikColorAlertBorder);
}

.form-row-note.success {
    background-color : var(--telerikColorSuccessBackground);
    color : var(--telerikColorSuccess);
    border : 1px solid var(--telerikColorSuccessBorder);
}

.form-box {
    height: auto;
    width : 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    	margin-top: 35px;
    padding : 5px;
    color : white;
}

.form-field-standard {
  max-width : 300px;
  width : 95%;
  line-height : 40px;
  padding-right : 10px;
  padding-left : 10px;
  float : left;
}

.form-field-phone {
   max-width : 150px;
  width : 100%;
  line-height : 40px;
  padding-right : 10px;
  padding-left : 10px;
  float : left;
}

.form-field-checkbox
{
    float : left;
    padding-left : 10px;
    margin-left: 10px;
    border-color : var(--telerikColor4);
    min-height : 40px;
    height : 40px;
    width : 50px;
    background-color: var(--telerikColor6);
    border: 1px solid var(--telerikColor4);
      -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.form-field-checkbox:hover, .form-field-checkbox:focus
{
    background-color: var(--telerikColor3);
    border : 1px solid var(--telerikColor3);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0px 2px 10px 6px rgba(240,174,89,0.5) !important;
    -moz-box-shadow: 0px 2px 10px 6px rgba(240,174,89,0.5) !important;
    box-shadow: 0px 2px 10px 6px rgba(240,174,89,0.5) !important;
}

.form-field-postcode {
  max-width : 100px;
  float : left;
}

.form-field-email {
  max-width : 400px;
}

.form-field-name {
  max-width : 400px;
  float : left;
    padding-right : 10px;
    padding-bottom : 10px;
}

.form-field-number
{
  max-width : 120px;
  float : left;
  padding-right : 10px;
  padding-bottom : 10px;
}

.form-field-updated
{
    float : left;
    color : var(--telerikColor4);
    opacity : 0.25;
    text-align : right;
    padding-top : 10px;
}

.form-field-updatedby
{
    float : left;
    padding-top : 10px;
    font-weight : bold;
}

.form-field-updateddate
{
    float : left;
    padding-top : 10px;
    font-weight : bold;
}

.form-field-id{
    float : left;
    padding-top : 10px;
    font-weight : bold;
}

.form-field-by{
    float : left;
    padding-top : 10px;
    padding-left : 5px;
    padding-right : 5px;
}

.form-field-note {
    float : left;
    width : 600px;
    max-width : 80%;
    padding-left : 10px;
}

.form-field-upload {
    float : left;
    width : 98%;
    padding : 1%;
}

.form-field-combo{
    width : 90%;
    max-width : 400px;
    min-width : 280px;
    float : left;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
}

.form-field-date{
    width : 300px;
    float : left;
    padding-left : 10px;
    padding-right : 10px;
}

.form-subgrid{
    max-width : 100%;
    width : 50%;
    float : left;
    padding-left : 20px;
    padding-right : 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-field-quickadd
{
    float : left;
    position : relative;
    width : 47px;
    height : 47px;
    background-color : transparent;
}

.form-field-errormessage
{
    width : 25%;
    float : right;
    position : relative;
    height : 40px;
    line-height : 40px;
    top : 30px;
}
/*********************************************************************************/
/* Button                                                                      */
/*********************************************************************************/

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    display: block;
    width: 100%;
    font-size: 1em;
    /** padding turned off as effecting text alignment on folio buttons */
    /**padding: 1em 0 1em 0;*/
    max-width: 30em;
    margin: 0 auto;
}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

.wrapper {
    padding: 1% 1% 1% 1%;
    width: 98%;
}

/** Site Map */
.siteMapHeadingText, .formHeading {
    color : whitesmoke;
    padding : 5px;
    font-size : 16px;
    background-color: var(--telerikColor2);
    border-bottom : 2px solid var(--telerikColor3);
      -moz-border-radius: 4px 4px 0px 0px;
     -webkit-border-radius: 4px 4px 0px 0px;
     border-radius: 4px 4px 0px 0px;
}

.siteMapTopMenuTitle {
    padding-left : 5px;
    font-size : 12px;
    color : whitesmoke;
}

.siteMapTopMenuDescription {
    padding-left : 10px;
    font-size : 12px;
    color : var(--telerikColor2);
}

.siteMapLine {
    width : 95%;
    background : var(--telerikColor1);
    line-height : 1px;
    height : 1px;
}

.accessDenied {
    background-color : var(--telerikAccessDenied);
    padding : 5px;
    height : 75px;
}

/** User Settings Header **/
.userSettings {
    z-index : 990;
    position : absolute;
    top : 198px;
    right : 10px;
    width : 50%;
}

.userSettingWrapper
{
    color: var(--telerikColor5);
    float: left;
    width: 100%;
    height: auto !important;
    padding-bottom : 10px;
    position:relative;
    background: var(--telerikColor1);
    border : 1px solid var(--telerikColor2);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.userSettingItem {
    font-size: 12px;
    line-height: 40px;
    height: 45px;
    width: 100%;
    padding: 5px;
    position: relative;
}

.userSettingItemClearBoth {
    font-size: 12px;
    line-height: 40px;
    width: 100%;
    padding: 5px;
    position: relative;
    clear : both;
}

.userSettingsInner{
    background-color : white;
    width: 100%; 
    height: auto;
}

.userRegisterExplanation {
    margin-top: -35px;
    float: right;
    width:  65%;
    line-height: 15px;
}

/** Favourites */
.userFavourites {
    z-index : 991;
    position : absolute;
    top : 198px;
    left : 9px;
    width : 50%;
    min-width : 300px;
}

.userFavouriteWrapper
{
    color: var(--telerikColor5);
    float: left;
    width: 100%;
    height: auto !important;
    padding-bottom : 10px;
    position:relative;
    background: white;
    border : 1px solid var(--telerikColor2);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.userFavouriteItem {
    font-size: 12px;
    line-height: 40px;
    height: 45px;
    width: 100%;
    padding: 5px;
    position: relative;
}

.userFavouriteItemClearBoth {
    font-size: 12px;
    line-height: 40px;
    width: 100%;
    padding: 5px;
    position: relative;
    clear : both;
}

.userFavouritesInner{
    background-color : white;
    width: 100%; 
    height: auto;
}

.userRegisterExplanation {
    margin-top: -35px;
    float: right;
    width:  65%;
    line-height: 15px;
}

/** video **/

.videoTitle
{
    font-weight : bold;
}

.videoDescription
{
    
}

.videoContainer
{
     width: 684px;
     height: 180px;
     padding: 70px 0 0 21px;
}
 
.videoImageWrapper
{
     color: var(--telerikColor5);
     float: left;
     min-width: 295px;
     height: 120px;
     margin: 0 10px 10px 0;
     cursor: pointer;
     position:relative;
    background: rgba(0, 0, 0, 0.3);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding-bottom : 5px;
    width : 100%;
}

 .videoItem
{
     /** nothing */
     padding : 5px;
     width : 95% !important;
     margin-bottom : 5px;
     background-color : var(--telerikColor4);
       -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
}
  
 .videoItem:hover
{
     background-color: var(--telerikColor3);;
     width : 95% !important;
      -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
}

 .videoThumbnailHolder
{
     display: block;
     position: relative;
     margin: 5px;
}

.videoPlayIcon
{
     
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: none;
}

.menuItem {
    padding-top :5px;
    padding-bottom : 5px;
}
 .menuItem:hover
{
     background-color: transparent;
}

.videoImageWrapperUpper, .userSettingWrapperUpper {
    border-radius : 4px 4px 0 0;
}

.videoImageWrapperBottom, userSettingWrapperBottom {
    padding : 5px;
    background :rgba(0,0,0,0.3);
    color : white;
}

.videoImageWrapperLink
{
     color: var(--telerikColor5);
     float: left;
     width: 0px;
     height: 0px;
     padding: 10px;
     position: absolute;
     z-index : 101;
     left : 220px !important;
     top : 0px !important;
}

 .videoImageWrapperLink:hover
{
     background: var(--telerikColor3);
     color: var(--telerikColor1);
     z-index : 102;
     position: absolute;
     width: 30px;
     height: 120px;
}

.videoArrowToLink
{
    padding-top : 85px;
    font-size : xx-large;
}

.videoThumbnailHolder img,
.videoImageWrapper:hover .videoPlayIcon
{
     display: block;
}

.videoThumbnailHolder
{
     display: block;
     position: relative;
     margin-bottom: 5px;
}

.videoPlayIcon
{
     
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: none;
}

/*********************************************************************************/
/* Duo Security
/*********************************************************************************/
.duoSecurityLogo {
    float: right;
    position: relative;
    width: 80px;
    padding-right: 30px;
    z-index: 101;
    top: -40px;
    line-height: 1px;
    height: 0px;
}


/*** DuoSecurity */
.duoSecurityBox {
    padding: 1% 1% 1% 1%;
    margin-left : 1%;
	background: var(--telerikColor5);
	background: rgba(0, 0, 0, 0.3);
	-moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
    border-radius: 4px 4px 4px 4px;
	text-align: left;
    margin: auto;
    width: 97%;
    border: 0;
    top : -400px;
    position : relative;
    z-index : 102;
    min-height : 380px;
}


/*** All CMS items to be reviewed and*/

/***** Top content *****/

.inner-bg {
    padding: 100px 0 170px 0;
}

.top-content .text {
	color: var(--telerikColor6);
}

.top-content .text h1 { color: var(--telerikColor6); }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: var(--telerikColor6);
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted var(--telerikColor6); }

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: var(--telerikColor3);
	background: var(--telerikColor3);
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left-image
{
    float : left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

.form-top-left h3 { margin-top: 0; color: var(--telerikColor6); }
.form-top-left p { opacity: 0.8; color: var(--telerikColor6); }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: var(--telerikColor6);
	line-height: 100px;
	text-align: right;
	opacity: 1;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
    min-height: 300px;
}

.form-loggedin-data{
    float: right; 
    position : relative;
    width: auto;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #de615e;
}

.form-bottom-button{
    width : 100%;
    max-width : 400px;
}

.form-bottom-login{
    float : right;
    width : 45%;
    padding-right : 20px;
}

.form-bottom-forgotpassword{
    float : left;
    width : 45%;
}

.form-bottom-createaccount{
    color : #686868;
    text-align : center;
    float : left;
    padding-top : 5px;
    font-size : 14px;
    clear : both;
}

.form-bottom-logout{
    float : right;
    width: 20%;
    padding-right : 5px;
    position : relative;
    top : -90px;
    height : 0px;
    text-align : right;
}


.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: var(--telerikColor6);
}

.social-login-buttons {
	margin-top: 25px;
}

/** Batch Edit Panel */
.batchEditPanel {
    z-index : 2990;
    position : absolute;
    top : 0px;
    right : 5px;
    width : 69%;
}

.batchEditPanelWrapper
{
     color: #666;
     float: left;
     width: 100%;
     height: 540px;
     position:relative;
    background:var(--telerikColor1);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.batchEditPanelItem {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    width: 100%;
    padding: 5px;
    position: relative;
}

.batchEditPanelItemClearBoth {
    font-size: 12px;
    line-height: 40px;
    width: 100%;
    padding: 5px;
    position: relative;
    clear : both;
}

.batchEditPanelButton {
    padding : 5px;
}

/

/** Grid */
.editFormRowItem {
     font-size : 12px;
    line-height : 40px;
    width : 100%;
    padding : 5px;
    height : 50px !important;
    box-sizing : border-box;
    clear : both;
}

.fieldLeft{
    float : left;
    min-width : 120px;
    width : 30%;
    line-height : 40px;
    background-color : none;
    padding-top : 1px;
    color : #686868;
}

.fieldRight{
    float : left;
    min-width : 120px;
    width : 70%;
    line-height : 40px;
    background-color : none;
    padding-top : 1px;
    color : #686868;
}

.rowPadded
{
    padding-top : 10px;
    padding-bottom : 10px;
    min-height : 40px;
    clear : both;
}

.field_validatortd{
    width : 32px;
}

.fieldValidator {
    top : -5px;
    z-index : 10011;
    position : relative;
    color : red;
    text-align : right;
    left : 94%;
    font-size: 42px;
    line-height: 1px;
    height: 1px;
}

.fieldValidatorRequired {
    background: transparent url('../../assets/img/misc/exclamation_32x32.png') no-repeat;
    background-position: center;
    background-position-x : center;
    background-position-y : center;
    color : transparent;
    font-size : 18px;
    width : 40px !important;
}

.fieldValidatorCompare {
    background: transparent url('../../assets/img/misc/exclamation_32x32.png') no-repeat;
    background-position: center;
    background-position-x : center;
    background-position-y : center;
    color : transparent;
    font-size : 18px;
    width : 40px !important;
}

.dataRight {
    float : right;
    width : 65%;
    line-height : 40px;
    background-color : transparent;
    padding-right : 5%;
    padding-top : 5px;
}

.dataRightCheckbox {
    float : left;
    text-align : left;
    width : 40px !important;
}

.dataRight-White {
    float : right;
    width : 70%;
    line-height : 40px;
    background-color : transparent;
    color : whitesmoke;
}

.dataLeft {
    float : left;
    width : 70%;
    line-height : 40px;
    background-color : none;
}

.lineOrange
{
    background-color : #de615e;
    height : 1px;
    margin-left: 5px;
    margin-right: 5px;
}

.RadMediaPlayer,
div.rltbDescriptionBox
{
     /**margin-left: 50px; **/
     width: 600px;
}
 
.rmpFullscreen
{
     margin-left: 0px;
}
 
div.RadLightBox .rltbWrapper
{
     z-index: auto;
}
 
.rltbItemTemplate
{
     min-height: 340px;
}

.btnClose{
    float : right;
    top :-30px;
    width : 20px;
    left : 10px;
    background-image: url('../image/windowButtons.png');
    background-position-x : 115px;
    background-position-y : 0px;
    content : '';
    cursor : pointer;
}

/** jasmatuph creations customized itemTempalte Context menu **/
 .contextMenuRow
 {
     background-color : transparent !important;
     width: 100%;
     margin: 0 auto;
     overflow: auto; 
     padding : 5px !important;
 }

 .contextMenuRow:hover
 {
     background-color : var(--telerikColor3) !important;
 }
  
  .contextMenuLeftIcon
 {
    width: var(--buttonWidth);
    float: left; 
    padding-top : 5px;
    padding-right : 10px;
    padding-left : 5px;
 }
 
 .contextMenuRightText
 {
    height: 35px;
    color : var(--telerikColor1);
    font-size : 12px;
    float:left;
    padding-top : 5px;
    padding-left : 10px;
    border-bottom-color : transparent;
    border-bottom-style : solid;
    border-bottom-width : 1px;  
 }
 
  .contextMenuRightText:hover
 {
     border-bottom-color : var(--telerikColor3);
     border-bottom-style : solid;
     border-bottom-width : 1px;
     cursor : pointer;
 }

.contextMenuSubHeading {
    color : var(--telerikColor1);
}

.contextMenuLeftText {
    text-align : left;
    width : 95px;
    color : var(--telerikColor5);
    line-height : 40px;
    float : left;
}

.contextMenuRightCombo {
    z-index : 21000 !important;
    width : 240px;
    text-align : left;
    line-height : 40px;
    float : left;
}

.contextMenuRightButton {
    width : 90px;
    padding-top : 5px;
    text-align : right;
    float : right;
}

 .windowPopup
 {
     z-index : 9001 !important;
 }

.noRecordsFound {
    width : 100%;
    color : var(--telerikColor1);
    float: left;
    padding-top : 5%;
    text-align : center;
    min-height: 120px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    position: relative;
    background: var(--telerikColor3);
    background: rgba(0, 0, 0, 0.3);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.errorGridRowItem {
    color : var(--telerikError);
}

.actLogGridRowItem {
    color : var(--telerikColorSuccess);
    font-weight : bold;
}

.divClear {
    clear : both;
}

.headingReportParameters
{
    width : 100%;
    height : 60px;
}

#DropZone1 {
    width: 100%;
    height: 275px;
    background-color: var(--telerikColor2);
    color: #767676;
    float: left;
    text-align: center;
    font-size: 14px;
    color: var(--telerikColor1);
    margin-bottom : 10px;
}

/*********************************************************************************/
/* Responsive
/*********************************************************************************/

@media all and (max-width: 768px) {
    .navMenu{
        width : 100%;
    }

    .divTDFloatRight, .divTDFloatLeft {
        float: none;
        display: block;
        width: 100%;
    }

    .iconBoxWithText
    {
        width : 285px !important;
    }

    .itemBoxOuter {
        margin-left: 0px !important;
        margin-right: 10px !important;
    }

    .rltbActiveImage {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .validatorMessageOrange {
        top: -60px;
        right: 0px;
    }
}

@media all and (max-width: 480px) {

    .inner-bg {
        padding: 10px 0 10px 0;
    }

    h1, h2 {
        font-size: 32px;
    }

    .form-bottom-login {
        float: left;
        margin-top: 10px;
        width: 100%;
        padding-right: 25px;
    }

    .form-bottom-loggedout {
        float: right;
        width: 100%;
    }

    .form-bottom-forgotpassword {
        float: left;
        width: 100%;
        padding-right: 25px;
    }

    .form-top-left-image {
        float: left;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .header-title-center{
        /*hide */
        display : none;
    }

    .header-profile-right
    {
        width : 50%;
    }

    .header-profile-right-inner
    {
        height : 90px;
        text-align : left;
        width : 85px;
        float : right;
    }

    .header-profile-right-inner-data
    {
        text-align : left;
    }

    .header-line2
    {
        height : 120px;
    }

    .form-loggedin-data
    {
        /** hide logged in data*/
        display : none;
    }

    #form-bottom-logout-outer {
        float : right;
        width: 100%;
        height : 50px;
        padding-left : 0px;
        padding-top : 5px;
    }

    .form-bottom-logout {
        top : 20px !important;
        padding-right : 30px;
    }

    .userFavourites {
        top : 195px;
    }

    .userSettings {
        top: 225px;
        width: 95%;
    }
}

@media all and (max-width: 320px) {
    .divTDButton {
        height: 80px;
        float: left !important;
    }

    .riSingle {
        width: 90% !important;
    }
}

/* Bootstrap override */
/** custom Bootstrap overwrites */
/**Input fields **/
html body .RadInput_BootstrapDELME .riFocused
{
	border-color : var(--telerikColor3) !important;
    -webkit-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    -moz-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
}

/** Buttons */
span.RadButton_Bootstrap {
    color: whitesmoke !important;
}

span.RadButton_Bootstrap .rbDecorated {
    color: whitesmoke !important;
}

span.RadButton_Bootstrap.rbSkinnedButton, 
span.RadButton_Bootstrap.rbLinkButton, 
span.RadButton_Bootstrap.rbVerticalButton,
span.RadButton_Bootstrap.rbDecorated, 
span.RadButton_Bootstrap.RadButton.rbDisabled, 
span.RadButton_Bootstrap.RadButton.rbDisabled:hover, 
span.RadButton_Bootstrap.RadButton.rbDisabled:active, 
span.RadButton_Bootstrap.RadButton.rbDisabled:focus {
    border : none !important;
    color: whitesmoke !important;
    background-color: #3e3e42 !important;
    height: 20px;
    min-width : 32px !important;
    padding: 6px 10px;
    background-position: 0 0;
    border-radius: 4px;
}

span.RadButton.RadButton_Bootstrap.rbVerticalButton.rbHovered, span.RadButton_Bootstrap.rbVerticalButton:hover {
    background-color: var(--telerikColor3) !important;
    border : none !important;
    color : whitesmoke !important;
    box-shadow : none !important;
}

.RadForm_Bootstrap.RadForm .riTextBox {

}

/** Window **/
.RadWindow_Bootstrap .rwTable {
    height : 100% !important;
}

.RadWindow_Bootstrap {
	font-size:14px;
	background-color:var(--telerikColor6);
	border-width:1px;
	border-style:solid;
	/**border-color:var(--telerikColor1);**/
    border-color: var(--telerikColor3) !important;
	border-radius:4px;
}

.RadWindow_Bootstrap td.rwWindowContent {
    background-color:var(--telerikColor1) !important;
    color: #fff !important;
}

.RadWindow_Bootstrap.rwShadow {
	-webkit-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    -moz-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
}
.RadWindow_Bootstrap.rwShadow .rwTopResize {
	height:6px
}
.RadWindow_Bootstrap .rwTitleRow .rwCorner,.RadWindow_Bootstrap .rwTitleRow .rwTitlebar {
    /** changed */
    background-color: #686868 !important;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #686868 !important;
}

.RadWindow_Bootstrap .rwContentRow {
	/**background-color:var(--telerikColor6);*/
    text-align : left !important;
}


.RadWindow_Bootstrap.rwNoTitleBar .rwTitleRow .rwCorner,.RadWindow_Bootstrap.rwNoTitleBar .rwTitleRow .rwTitlebar {
	background-color:transparent;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:transparent;
}
.RadWindow_Bootstrap .rwTitleRow .rwTopLeft {
	border-radius:4px 0 0;
}
.RadWindow_Bootstrap .rwTitleRow .rwTopRight {
	border-radius:0 4px 0 0;
}
.RadWindow_Bootstrap .rwTitlebarControls {
	height:34px;
	*height:36px;
}
.RadWindow_Bootstrap.rwShadow .rwTitlebarControls {
	height:28px;
}
.RadWindow_Bootstrap .rwTitlebarControls em {
	font-size:16px;
}
.RadWindow_Bootstrap .rwControlButtons li a {
	width:32px;
	height:32px;
	border-width:1px;
	border-style:solid;
	border-color:transparent
}
.RadWindow_Bootstrap .rwControlButtons li a:hover {
	background-color:#ebebeb;
	border-color:var(--telerikColor1);
	border-radius:3px
}
.RadWindow_Bootstrap table.rwShadow em {
	padding:0 0 0 1px
}
.RadWindow_Bootstrap .rwStatusbar input {
	background-color:#fff
}
.RadWindow_Bootstrap .rwStatusbar div {
	background-image:url('WebResource.axd?d=WHCFJMENvBN7yRZJdOwXEBstK4zLMrzyED5jAzsJwWXvDg8d58UT_zneymivfCzfOB5h5CF7vsEjYnlMDbvrtRCqM-DsxnqDjhP5bKXnFkvy85KF-5UxHnTdhPOKR7jxLx_DLDNOJuKARn0bGlu6NgrS_-DjG9aLeBv5cXG4eMpAfZ46FKI7HZcV9-g6Jk7m0&t=635633627180000000');
	background-position:-12px -2212px;
	margin:6px -3px 0 0
}
.RadWindow_Bootstrap.rwShadow .rwStatusbar div {
	margin:9px -9px 0 0
}
.RadWindow_Bootstrap .rwTable .rwTitlebarControls .rwIcon {
	background-image:url('WebResource.axd?d=6oTtEl4xZ4QFsYltf0QmHHyAXPa_XctqxfLFMnr3STRGISW8v1DKOJiTQXfP8dpqlFFLVfwyqRMe8M9T7NM6ZCLZkjI2pRuKGLpcmN1aHMr9vMK4n-C-735Uvveg2mGhIM2Oev2X0oRMYkcDF3SWToIy9kutDXfu5u0kjIAlBOQ1&t=635633627180000000');
	background-position:0 0;
	margin:8px 5px 0 0
}
.RadWindow_Bootstrap .rwTable.rwShadow .rwTitlebarControls .rwIcon {
	margin:5px 5px 0 0
}
.RadWindow_Bootstrap .rwTable .rwTitlebarControls em {
	color: whitesmoke !important;
	font-weight:normal
}
.RadWindow_Bootstrap .rwTable .rwDialogInput,.RadWindow_Bootstrap .rwTable .rwDialogInput:hover {
	height:1.5em;
	padding:.42857em .85714em;
	background-color:var(--telerikColor6);
	color:var(--telerikColor2);
	border-width:1px;
	border-style:solid;
	border-color:#ccc
}
.RadWindow_Bootstrap .rwTable .rwDialogInput:focus {
	background-color:var(--telerikColor6);
	color:var(--telerikColor2);
	border-color:var(--telerikColor3);;
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);
	outline:0 none
}
.RadWindow_Bootstrap .rwTable .rwDialogInput:active {
	background-color:var(--telerikColor6);
	color:var(--telerikColor2);
	border-color:#ccc
}
.RadWindow_Bootstrap td.rwWindowContent {
	background-color:var(--telerikColor6);
	color:var(--telerikColor2);
}
.RadWindow_Bootstrap .rwTable tr td.rwLoading {
	background-color:#fff
}
.RadWindow_Bootstrap td.rwWindowContent.rwLoading {
	/**background-image:url('WebResource.axd?d=Z3fCFYsHCa8LB8HgJc38wV8WcdLaKTjxwGh0wVyCSw0Y5VOAUDN28onVogJ40RmD8PB_pReaVib-L2Ul2ywEkb7efcc7fsNsObmHx4uIhR0YJ9c6tTE0wRWY0zwYGgi53mYy6YverHK9oOhbpJmqR8AF04ZYZtpl7grtXdP3Bj41&t=635633627180000000');**/
    /**background: transparent url('../../assets/img/misc/musosis_loading.gif') center no-repeat !important; **/
}
.RadWindow_Bootstrap input.rwLoading {
    /** background-image:url('WebResource.axd?d=bz98Dn6wg0C_K7Z9m_bwv_sgddiNAL6EKVVJHSai_0AMkLt3S0BNsYpY3gapK83tMk0yr45q1Lkrfd-RfG4UAB4KfgnEHGYWT6IHnIgzO9IeQIg99toC64HHA5UiMSHRihKKSDB797WZD-3xWVLlidrg3sK101bWOikuL_Xn5HHC1Mp7ya-tY7IwlFfMBZms0&t=635633627180000000'); **/
    /**background: transparent url('../../assets/img/misc/musosis_loading.gif') center no-repeat !important; **/
}
.RadWindow_Bootstrap .rwTable a.rwCancel,.RadWindow_Bootstrap .rwTable a.rwCancel span {
	background:0;
	cursor:pointer
}
.RadWindow_Bootstrap .rwTable a.rwCancel span span {
	color:var(--telerikColor2);
	text-decoration:underline
}
.RadWindow_Bootstrap .rwControlButtons {
	margin:-2px 0 0;
	*margin:0
}
.RadWindow_Bootstrap.rwShadow .rwControlButtons {
	margin:-4px 0 0
}
.RadWindow_Bootstrap .rwTable .rwControlButtons li a {
	display:block;
	width:32px;
	height:32px;
	margin:0 0 0 8px;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	background-image:url('WebResource.axd?d=WHCFJMENvBN7yRZJdOwXEBstK4zLMrzyED5jAzsJwWXvDg8d58UT_zneymivfCzfOB5h5CF7vsEjYnlMDbvrtRCqM-DsxnqDjhP5bKXnFkvy85KF-5UxHnTdhPOKR7jxLx_DLDNOJuKARn0bGlu6NgrS_-DjG9aLeBv5cXG4eMpAfZ46FKI7HZcV9-g6Jk7m0&t=635633627180000000')
}
.RadWindow_Bootstrap .rwTable .rwControlButtons li a:hover {
	background-color:#ebebeb;
	border-color:var(--telerikColor1);
	border-radius:3px
}
.RadWindow_Bootstrap .rwCloseButton,.RadWindow_Bootstrap .rwCloseButton:hover {
	background-position:-9px -1909px
}
.RadWindow_Bootstrap .rwPinButton,.RadWindow_Bootstrap .rwPinButton:hover {
	background-position:-9px -1259px
}
.RadWindow_Bootstrap .rwPinButton.on,.RadWindow_Bootstrap .rwPinButton.on:hover {
	background-position:-9px -1209px
}
.RadWindow_Bootstrap .rwMinimizeButton,.RadWindow_Bootstrap .rwMinimizeButton:hover {
	background-position:-9px -1509px
}
.RadWindow_Bootstrap .rwMaximizeButton,.RadWindow_Bootstrap .rwMaximizeButton:hover {
	background-position:-9px -1609px
}
.RadWindow_Bootstrap.rwMaximizedWindow .rwMaximizeButton,.RadWindow_Bootstrap.rwMinimizedWindow .rwMinimizeButton,.RadWindow_Bootstrap.rwMaximizedWindow .rwMaximizeButton:hover,.RadWindow_Bootstrap.rwMinimizedWindow .rwMinimizeButton:hover {
	background-position:-9px -1809px
}
.RadWindow_Bootstrap .rwReloadButton,.RadWindow_Bootstrap .rwReloadButton:hover {
	background-position:-9px -1309px
}
.RadWindow_Bootstrap .rwStatusbarRow .rwCorner,.RadWindow_Bootstrap .rwStatusbarRow .rwStatusbar {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#e7e7e7
}
.RadWindow_Bootstrap a.rwPopupButton span {
	height:32px;
	line-height:32px
}
.RadWindow_Bootstrap a.rwPopupButton {
	height:32px;
	border-color:var(--telerikColor1);
	color:var(--telerikColor2);
	background-color:var(--telerikColor6);
	background-image:linear-gradient();
	background-position:0 0;
	background-repeat:repeat-x;
	border-radius:3px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc
}
.RadWindow_Bootstrap .rwWindowContent a.rwPopupButton:hover,.RadWindow_Bootstrap a.rwPopupButton:focus {
	border-color:var(--telerikColor1);
	color:var(--telerikColor2);
	background-color:var(--telerikColor1);
	background-image:linear-gradient();
	background-position:0 0;
	background-repeat:repeat-x;
	border-radius:3px;
	border-color:#c2c2c2
}
.RadWindow_Bootstrap a.rwPopupButton:focus {
	outline-width:thin;
	outline-style:dotted;
	outline-offset:-2px
}
.RadWindow_Bootstrap a.rwPopupButton:active {
	border-color:var(--telerikColor1);
	color:var(--telerikColor2);
	background-color:var(--telerikColor1);
	background-image:linear-gradient();
	color:var(--telerikColor2);
	box-shadow:0 3px 5px rgba(0,0,0,0.125) inset;
	border-color:#c2c2c2
}
.RadWindow_Bootstrap .rwDialogPopup {
	font:14px "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.RadWindow_Bootstrap.rwMinimizedWindow,.RadWindow_Bootstrap .RadWindow .rwMinimizedWindowOverlay {
	width:214px!important;
	height:36px!important
}
.RadWindow_Bootstrap.rwMinimizedWindow .rwControlButtons {
	margin:-3px 0 0
}
.RadWindow_Bootstrap.rwMinimizedWindow .rwTable {
	width:214px!important;
	height:55px!important
}
.RadWindow_Bootstrap.rwMinimizedWindow .rwControlButtons {
	width:86px!important
}

.rwLoading {
    /**Set Loading icon **/
    background: transparent url('../../assets/img/misc/musosis_loading.gif') center no-repeat !important;
}

/** 
    trip */
.RadTabStrip .rtsLevel1 .rtsTxt {
}

.RadTabStrip_Bootstrap .rtsLink {
    color: darkgrey !important;
}

/** Ajax */
.RadAjax_Bootstrap .raDiv {
    background-image: url('Common/loading.gif') !important;
}

.RadAjax_Bootstrap .raColor {
    background-color:var(--telerikColor1) !important;
    color: var(--telerikColor2);  !important;
}

.RadAjax_Bootstrap .raTransp {
    opacity: .7  !important;
    filter: alpha(opacity=70)  !important;
}

/** RadComboBox */
.RadComboBox_Bootstrap
{
    min-width : 80px !important;
}

.RadComboBox .rcbInput {
    margin: 0;
    padding: 2px 0 1px;
    /*height: 45px !important;        */
    height: 32px !important;        
    width: 100%;
    border-width: 0;
    outline: 0;
    color: inherit;
    background-color: transparent;
    vertical-align: top;
    font-size : 16px !important;
}

.RadComboBoxDropDown_Bootstrap {
    font-size: 14px;
    line-height: 1.42857;
    border-color: #3e3e42 !important;
    background-color :var(--telerikColor1) !important;
    border-radius: 4px;
    margin-top: 2px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    overflow: hidden;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered {
    margin: 0;
    padding: 2px 12px;
    background-color: var(--telerikColor3) !important;
}

.RadComboBox_Bootstrap .rcbFocused {
    box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
}

.RadGrid_Bootstrap {
    border: 1px solidvar(--telerikColor1) !important;
    border-radius: 4px;
    color: whitesmoke !important;
    background-color: #3e3e42 !important;
}

.RadGrid_Bootstrap .rgFilterBox {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    color: var(--telerikColor2);
    border: 1px solid var(--telerikColor1);
    border-radius: 4px 4px 4px 4px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgInfoPart {
        color: white !important;
}

.RadComboBoxDropDown_Bootstrap .rcbItem {
    /**background-color: white !important; **/
    color : white !important;
}
/** RadGrid */

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 14px/1.42857 "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/** page navigator */
.RadGrid_Bootstrap td.rgPagerCell {
    padding: 7px;
    background-color:var(--telerikColor1) !important;
}

/** page footer **/
.RadGrid_Bootstrap .rgFooter td {
    padding: 7px 0 7px 7px;
    height: 26px;
    border-left: 1px solid #3e3e42 !important;
    background:var(--telerikColor1) !important;
}

.RadGrid_Bootstrap .rgFooterWrapper {
    border-top: 1px solid #3e3e42 !important;
}

.RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td {
    border-color: #3e3e42 !important;
}

.RadGrid_Bootstrap .rgPager > td {
    border-top: 1px solid #3e3e42 !important;
}

.RadGrid_Bootstrap .rgCommandCell {
    border-bottom: 1px solidvar(--telerikColor1) !important;
    color : var(--telerikColor1) !important;
}

.RadGrid_Bootstrap .rgGroupPanel, 
.RadGrid_Bootstrap .rgHeader, 
.RadGrid_Bootstrap .rgCommandRow {
    height: 30px;
    background: #3e3e42 !important;
    color : var(--telerikColor1) !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: var(--telerikColor1) !important;
    color : var(--telerikColor1) !important;
    border-bottom: 1px solid #3e3e42 !important;
    border-left: 1px solid #3e3e42 !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeader a {
    color: whitesmoke !important;
}

.RadGrid_Bootstrap .rgEditForm .rgHeader {
    height: 30px !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    background-color: var(--telerikColor3) !important;
    color : #686868 !important;
    font-weight : bold !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: var(--telerikColor3) !important;
    border: 1px solid #357ebd;
    color: var(--telerikColor6);
}

.RadGrid_Bootstrap .rgSorted {
    background-color: transparent !important;
}

.RadCaptcha_Jasmatuph {
    background-color : transparent;
}

.RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader .dataCaseStudy-MusosisHeader {
    background-color : red !important;
}

.RadGrid_Bootstrap .rgHeader {
    background: var(--telerikColor1) !important;
}


/** Context Menu base */
.RadMenu_Bootstrap .rmGroup,
.RadMenu_Bootstrap.rmRoundedCorners .rmGroup,
.RadMenu_Bootstrap .rmMultiColumn {
    font-size : 12px !important;
    padding: 0;
    border: 1px solid var(--telerikColor1) !important;
    border-radius: 4px !important;
    color: var(--telerikColor1) !important;
    background-color: var(--telerikColor1) !important;
     -webkit-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    -moz-box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
    box-shadow: 0px 2px 10px 6px rgba(51,153,255,0.5) !important;
}

.RadMenu .rmSeparator {
    height: 1px !important;
    background-color: var(--telerikColor2) !important;
}

.RadMenu_Bootstrap .rmGroup .rmLink {
    /** items not templated*/
    font-size : 12px !important;
    padding-left : 30px !important;
    color: white !important;
}

.RadMenu .rmGroup .rmText {
    padding: 0 50px 0 0px !important;
    margin: 0 0 0 4px;
}

.RadMenu_Bootstrap .rmLeftImage
{
    margin-left : -30px !important;
    padding-right : 20px !important;
}

/** radListbox **/
.RadListBox_Bootstrap .rlbGroup, .RadListBox_Bootstrap .rlbTemplateContainer {
    border-color: var(--telerikColor2) !important;
    color: var(--telerikColor2);
    background-color: var(--telerikColor1) !important;
}

.RadListBox_Bootstrap .rlbItem.rlbHovered {
    background-color : var(--telerikColor1) !important;
}

/** RadWindow  */
.RadWindow .rwFooterRow {

}

.RadWindow .rwBodyRight, .RadWindow .rwBodyLeft, .RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
    background-color :var(--telerikColor1) !important;
}


.RadWindow .rwFooterLeft {
    border-radius : 0px 0px 0px 6px;
}

.RadWindow .rwFooterRight {
    border-radius : 0px 0px 6px 0px;
}

/** Checkbox */
/**
.RadForm .rfdCheckboxChecked:before {
    font-weight : 300;
    font-family : var(--defaultFontIconFamily);
    background-color : transparent;
    color : var(--telerikColor4);
    content : "\f058";
    width : 150px !important;
    display : block;
}

.RadForm .rfdCheckboxUnchecked:before {
    font-weight : 300;
    font-family : var(--defaultFontIconFamily);
    background-color : transparent;
    color : var(--telerikColor5);
    content : "\f057";
    width : 150px !important;
    display : block;
}
**/

/** Input */
/**
.RadForm input[type="checkbox"], .RadForm input[type="radio"], .RadForm input[type="checkbox"][checked], .RadForm input[type="radio"][checked] {
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    width : 150px !important;
    display : block;
}

**/