/*body
{
	font-family: 'Segoe UI' !important;
}*/



/*footer
{
	margin-left: 0%;
	margin-right: 0%;
	position: fixed;
	bottom: 0px;
	width: 98.5%;
	height: 23px; /* Height of the footer */
/*background: #dddddd;
}

header
{
	position: fixed;
	height: 50px;
	width: 98%;
	top: 0;
	z-index: 1;*/
/*}*/

.df-required {
color:red;
}


a:hover {
    background-color: transparent !important;
}

.df_footer_table {
    width: 98%;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
    margin-left: 12px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.df-pageTitle {
    margin-top: 35px;
    margin-left: 5px;
}

.df-stopresize {
    resize: none;
}

.hidden {
    display: none;
}

.df-grid-internal {
    font-family: Arial !important;
    font-size: 12px !important;
    background-color: white !important;
    color: black !important;
}


    /*.df-grid-internal .k-alt {
    background-color: #efe6e6 !important;
    color:black !important;
}

    .df-grid-internal .k-separator {
    background-color: #efe6e6 !important;
    color:black !important;
}*/

    .df-grid-internal .k-grid-filter.k-state-active {
        background-color: #1d80b5;
    }

    .df-grid-internal tr:hover {
        background-color: #c36969;
    }

.k-alt, .k-separator {
    background-color: #e0dbdb !important;
    color: black !important;
}

.df-grid-external .k-grid-filter.k-state-active {
    background-color: #1d80b5;
}
/*.df-grid-external tr:hover
{
	background-color: #e3f1fe;
}
.df-grid-external .k-grid-edit-row
{
	background-color: #b2d2ed !important;
}*/

/*.df-grid-internal .k-state-selected
{
	background: none !important;
	background-color: #b2d2ed !important;
}*/



.k-grid-header .k-header {
    font-weight: bold !important;
}

.df-autocomplete {
    font-size: 12px;
    width: 148px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    /*height: 25px;*/
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-autocomplete-required {
    font-size: 12px;
    width: 148px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    /*height: 25px;*/
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-autocomplete-required-active {
    font-size: 12px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    /*height: 25px;*/
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
    background-image: none !important;
    background: none !important;
    background-position-x: 0;
    background-position-y: 0;
    background-color: #FFECEB !important;
    /*border: 1px solid Red !important;*/
}

.df-autocomplete-short {
    width: 100px;
}

.df-autocomplete-long {
    width: 200px;
}

.df-autocomplete-xtralong {
    width: 300px;
}

.df-FullWidth {
    width: 100%;
}

.df-MaxWidth20 {
    max-width: 20%;
}

.df-multiselect-required-active .k-multiselect-wrap {
    font-size: 12px;
    width: 343px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #F2C4C2;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
    background: #FFECEB;
}


.df-multiselect {
    font-size: 12px;
    width: 347px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-grid-external {
    font-family: 'Segoe UI' !important;
    font-size: 13px;
}

    .df-grid-external tr:hover {
        background-color: #b2d2ee;
    }

    .df-grid-external .k-grid-add:hover {
        text-decoration: underline !important;
    }

.df-grid table {
    margin-top: 0 !important;
}

.df-grid tr {
    height: 35px !important;
}

    .df-grid tr:hover {
        background-color: #e3f1fe;
    }

.df-grid .k-grid-add {
    background: none !important;
    color: #3297f8 !important;
    cursor: pointer !important;
    border: none;
}

    .df-grid .k-grid-add:hover {
        text-decoration: underline !important;
    }

.df-grid .df-selection-column {
    width: 20px !important;
}

.df-grid .k-add {
    background-image: url(../../../Content/Dataflow/Icons/Grid/Add.png) !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.df-grid .df-edit-column {
    width: 55px !important;
}

.df-grid .k-grid-edit {
    background: none !important;
    border: none;
    width: 15px !important;
    min-width: 15px !important;
    margin-left: 15px;
}

.df-grid .k-edit {
    background-image: url(../../../Content/Dataflow/Icons/Grid/Edit.png) !important;
    background-position: 0 0 !important;
}

/*.df-grid .k-grid-update
{
	background: none !important;
	border: none;
	width: 15px !important;
	min-width: 15px !important;
	margin-right: 5px;
}*/

.df-grid .k-update {
    background-image: url(../../../Content/Dataflow/Icons/Grid/Update.png) !important;
    background-position: 0 0 !important;
}

.df-grid .k-grid-cancel {
    background: none !important;
    border: none;
    width: 15px !important;
    min-width: 15px !important;
    margin-right: 10px;
    margin-left: 5px;
}

.df-grid .k-cancel {
    background-image: url(../../../Content/Dataflow/Icons/Grid/Cancel.png) !important;
    background-position: 0 0 !important;
}

.df-grid .k-grid-edit-row {
    background-color: #b2d2ed !important;
}

.df-grid .k-state-selected {
    background: none !important;
    background-color: #b2d2ed !important;
}

.df-grid .df-delete {
    color: #3297f8 !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    background-image: url(../../../Content/Dataflow/Icons/Grid/Delete.png) !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
    padding-left: 18px;
}

    .df-grid .df-delete:hover {
        text-decoration: underline !important;
    }

    .df-grid .df-delete:visited {
        border: none !important;
    }


/*Temporary Fix*/
/*#dgvTransaction tr:hover
{
	background-color: #e3f1fe;
}

#dgvTransaction .k-grid-edit-row
{
	background-color: #b2d2ed !important;
}

#dgvTransaction .k-state-selected
{
	background: none !important;
	background-color: #b2d2ed !important;
}*/
/*End Temporary Fix*/


/*Label*/
.df-label {
    font-size: 12px;
    font-family: Arial !important;
    font-weight: 100 ;
    /*display:table-cell !important;*/
}

.df-required-field-symbol {
    color: red;
    /*display:table-cell !important;*/
    
}

.df-textbox {
    font-size: 12px;
    width: 146px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    height: 14px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-textbox-Description {
    font-size: 12px;
    width: 296px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    height: 14px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-textbox-numeric {
    font-size: 12px;
    width: 146px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    height: 23px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
    text-align: right !important;
}

.df-textbox-required {
    font-size: 12px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    height: 23px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

.df-textbox-required-active {
    font-size: 12px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #F2C4C2;
    height: 23px;
    margin: 2px 0 2px 0 !important;
    background-color: #FFECEB;
    font-family: 'Segoe UI' !important;
}

.df-dropdown-required-active {
    width: 150px;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
    background-image: none !important;
    background: none !important;
    background-position-x: 0;
    background-position-y: 0;
    background-color: #FFECEB !important;
    border: 1px solid Red !important;
}

.df-dropdown-required {
    width: 150px;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}

.df-combobox-required-active {
    width: 150px;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
    background-image: none !important;
    background: none !important;
    background-position-x: 0;
    background-position-y: 0;
    background-color: #FFECEB !important;
    border: 1px solid Red !important;
}

.df-combobox-required {
    width: 150px;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}

.df-NumericTextbox-required {
}

.df-NumericTextbox-required-active {
    background-color: #FFECEB !important;
    font-family: 'Segoe UI' !important;
}

.df-textbox-description { /*Single line description*/
}






.df-numerictextbox {
    font-size: 12px;
    width: 150px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dedede;
    height: 20px;
    margin: 2px 0 2px 0 !important;
    font-family: 'Segoe UI' !important;
}

    .df-numerictextbox > span {
        width: 134px;
    }

/*.df-textbox-numeric {
    border:0px none transparent !important;
    padding:0px !important;   
    margin:0px !important;
    width:150px !important;
    font-family:'Segoe UI' !important;
}*/
.df-long-width {
    width: 296px;
}

.df-upload {
}

.df-dropdown {
    width: 160px !important;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}


.df-combobox {
    width: 150px;
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}

.df-checkbox {
}

.df-section-header-label {
    font-weight: bold;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.df-link {
    font-size: 13px;
    font-family: 'Segoe UI' !important;
    font-weight: bold;
}

.df-label-title {
    font-weight: bold;
    font-size: small;
    color: grey;
}

.df-label-legend {
    font-weight: bold;
    font-size: 12px;
    color: grey;
    font-family: 'Segoe UI' !important;
}

.df-label-search {
    font-weight: bold;
    font-size: 12px;
    color: darkblue;
}

.df-datepicker {
    width: 151px;
    font-size: 12px;
    height: 25px;
    margin: 5px 0 5px 0;
    font-family: 'Segoe UI' !important;
}

    .df-datepicker > span {
        width: 134px;
    }

.df-datetimepicker {
    width: 200px;
    font-size: 12px;
    height: 25px;
    margin: 5px 0 5px 0;
    font-family: 'Segoe UI' !important;
}

.df-datepicker-required {
    font-size: 12px;
    height: 25px;
    margin: 5px 0 5px 0;
    font-family: 'Segoe UI' !important;
}

.df-datepicker-required-active {
    width: 151px;
    font-size: 12px;
    height: 25px;
    margin: 5px 0 5px 0;
    font-family: 'Segoe UI' !important;
    background-image: none !important;
    background: none !important;
    background-position-x: 0;
    background-position-y: 0;
    /*background-color:#FFECEB !important;*/
    border: 1px solid Red !important;
}

.df-timepicker {
    width: 90px !important;
    font-size: 12px ;
    height: 25px;
    margin: 5px 0 5px 0;
    font-family: 'Segoe UI' !important;
}

.df-tab {
    font-weight: bold;
    font-size: 12px;
    font-family: 'Segoe UI' !important;
}

.df-button {
    /*border : solid 2px #a8bacf;
	border-radius : 5px 10px 5px 8px ;
	moz-border-radius : 5px 10px 5px 8px ;
	-webkit-box-shadow : 5px 5px 9px rgba(3,69,214,0.6);
	-moz-box-shadow : 5px 5px 9px rgba(3,69,214,0.6);
	box-shadow : 5px 5px 9px rgba(3,69,214,0.6);
	font-size : 15px;
	color : #f5ebf5;
	padding : 5px 13px;
	background-color : #1d80b5;
   
    cursor:pointer;
    font-family:'Segoe UI';*/
    font-size: 12px !important;
    border-radius: 5px 10px 5px 10px;
    moz-border-radius: 5px 10px 5px 8px;
    /* -webkit-box-shadow: 5px 5px 9px rgba(3,69,214,0.6); */
    /*-moz-box-shadow: 5px 5px 9px rgba(3,69,214,0.6);
	box-shadow: 3px 2px 8px rgba(3,69,214,0.6);*/
    /*color: #f5ebf5;*/
    padding: 3px 10px;
    /*background-color: #1d80b5;*/
    cursor: pointer;
    font-family: 'Segoe UI';
    color: #fff;
    border-color: #212a33;
    background-color: #40444f !important;
}



    /***SET THE BUTTON'S HOVER AND FOCUS STATES***/
    .df-button:hover, .df-button:focus {
        color: #F2C4C2;
        /*reduce the size of the shadow to give a pushed effect*/
        -webkit-box-shadow: inset 0px 1px 0px #c6384e, 0px 2px 0px 0px #e97979, 0px 2px 5px #d83737;
        -moz-box-shadow: inset 0px 1px 0px #c6384e, 0px 2px 0px 0px #e97979, 0px 2px 5px #d83737;
        box-shadow: inset 0px 1px 0px #c6384e, 0px 2px 0px 0px #e97979, 0px 2px 5px #d83737;
    }


.k-widget.k-tooltip-validation {
    border-color: #e97979 !important;
    background-color: #e97979 !important;
    color: #080808;
}



/*Menu Styles*/

.df-menu {
    font-size: 13px;
    width:100%;
    font-family: 'Segoe UI' !important;
    z-index: 5000 !important;
}

    .df-menu li span {
        padding-bottom: 3px !important;
        padding-top: 2px !important;
        font-family: 'Segoe UI' !important;
    }

        .df-menu li span img {
            width: 14px;
            height: 14px;
        }



.df-menu-general {
    font-size: 13px;
    font-family: 'Segoe UI' !important;
    z-index: 5000 !important;
}

    .df-menu-general li span {
        padding-bottom: 3px !important;
        padding-top: 2px !important;
        font-family: 'Segoe UI' !important;
    }

        .df-menu-general li span img {
            width: 220px;
            height: 150px;
        }
/*End Menu Styles*/

.df_OkCancelSearchDiv {
    margin-left: 80%;
}


.df_OverFlow_Y {
    overflow-y: auto;
}

.df_Overflow_X {
    overflow-x: auto;
}

.df_SearchContentDiv {
    height: 340px;
    overflow-y: auto;
}

.df-right {
    text-align: right !important;
}


.df-left {
    text-align: left !important;
}

.df-center {
    text-align: center !important;
}

.df-Valign-top {
    vertical-align: top;
}

.df-Valign-bottom {
    vertical-align: bottom;
}

.df-FloatLeft {
    float: left;
}

.df-FloatRight {
    float: right;
}

.k-state-selected {
    background-color: #e42d2d !important;
}


/*Grid Columns*/

.df-grid-checkbox {
    text-align: center !important;
}

.df-grid-numeric {
    text-align: right !important;
}

.df-margin-left-5px {
    margin-left: 5px;
}
/*Grid Columns*/

.df_AlignCenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.df_Width450Px {
    width: 450px !important;
}

.df_Width300Px {
    width: 300px !important;
}

.df_Width200Px {
    width: 200px !important;
}

.df_Width150Px {
    width: 150px !important;
}

.df_Width140Px {
    width: 140px !important;
}

.df_Width120Px {
    width: 120px !important;
}

.df_Width100Px {
    width: 100px !important;
}

.margin_left65px {
    margin-left: 65px;
}

.margin_left11px {
    margin-left: 11px;
}

.margin_left11px {
    margin-top: -11px;
}

.bold {
    font-weight:bold
}

.padding_0 {
    padding:2px !important
}

.df-Border {
    border-collapse: collapse;
    border: 1px solid black;
}