body {
}


input {
    outline: none !important;
}

.LastlblMsg {
}

    .LastlblMsg .SVlabel {
        color: Red !important;
    }

.SVlabel {
    display: block;
    margin-bottom: 3px;
    margin-top: 10px;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    font-size: 1em;  
}

.SVlabelh3
{
    font-size: 1.5em;
    font-weight: 600;
    color: #444444;
    margin-top: -21px;
    margin-bottom: 0;
    text-align: left;
    display: block;
}
.UAEPassNo .SVlabel {
    color: blue;
}

.SVlabelNoMargin {
    display: block;
    margin-bottom: 1px;
    margin-top: 1px;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}

.NoMaginlbl .SVlabel {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.header .SVlabel {
    margin-top: 0px !important;
    text-align: center!important;
}

h3 .SVlabel {
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 600;
  
}

.SmallDll {
}

    .SmallDll .col-md-1 .col-sm-1 .col-xs-1 .col-lg-1 {
        width: 52px !important;
    }

    .SmallDll .RadComboBox table td.rcbArrowCell {
        padding: 3px!important;
    }

    .SmallDll .dipblock {
        padding: 2px 2px!important;
        width: 43px !important;
    }

.dipblock {
    display: block !important;
    width: 100% !important;
    border: 1px solid #ccc;
    padding: 0px 12px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 33px;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

    .dipblock select option {
        font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
    }

.RadComboBox table {
    border: 0px solid #ccc !important;
    padding: 0px;
    background: #fff;
    width: 100% !important;
    margin: 2px 0;
}

.RadComboBox input[type="checkbox"] {
    display: block !important;
    background: #fff;
}

.form-control {
    /*width:100% !important;*/
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
    display: inline-block;
    background-color: #cd3142;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /* background-image: none; */
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 0.8em;
    line-height: 1.42857;
    border-radius: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    min-width: 35px;
    min-height: 41px;
}

    button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
        color: #fff;
        background-color: none;
        border-color: none;
    }

.searchButton-sm {
    background-image: url(img/IconSearchBt.png) !important;
    background-repeat: no-repeat !important;
    background-position: center;
    padding-left: 0 !important;
    background-color: #b68a35 !important;
    color: #fff;
    padding: 6px !important;
    margin: 0 !important;
    height: 30px;
}

.clearButton-sm {
    background-image: url(img/clear.png) !important;
    background-repeat: no-repeat !important;
    background-position: center;
    padding-left: 0 !important;
    background-color: #b68a35 !important;
    color: #fff;
    padding: 6px !important;
    margin: 0 !important;
    height: 30px;
}

.searchButton {
    background-image: url(img/IconSearchBt.png) !important;
    background-repeat: no-repeat !important;
    background-position: 8px 10px;
    padding-left: 35px !important;
    background-color: #005581 !important;
    color: #fff;
}

.ClearButton {
    background-image: url(img/Clear.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 6px bottom 6px;
    padding-left: 30px;
    color: #fff !important;    
    background-size: 18px;
}


.mandatory {
    position: relative;
    right: -2px;
    top: 5px;
    color: lightcoral;
    font-size: 13px;
}

.reqmandatory {
    position: absolute;
    right: 22px;
    margin-top: -24px;
    color: lightcoral;
    font-size: 16px;
}

.RequiredFieldValidator {
    position: absolute;
    margin-top: -24px;
    right: 22px;
    color: red;
}

.RequiredFieldValidatorCal {
    position: absolute;
    margin-top: -24px;
    right: 56px;
    color: red;
}

.file-input-wrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

/*input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99;
    outline: 0;
    display: block;
}*/

.Svupload-wrap {
    display: block;
}

.RadUpload {
}

    .RadUpload .ruInputs li {
        padding: 5px 0px !important;
    }

    .RadUpload .ruBrowse {
        background: #3498db!important;
        height: inherit !important;
        margin: 0px;
        padding: 7px 16px !important;
        line-height: 23px;
        width: inherit !important;
        display: inline-block;
        outline: none !important;
        background: #333 !important;
    }

    .RadUpload .ruFileWrap {
        height: initial !important;
    }

    .RadUpload .ruFakeInput {
        display: none;
    }

.ruRemove {
    margin: 0px 15px !important;
    padding: 0px 10px 0px 15px !important;
    background-image: url(img/close-round.png) !important;
    color: #ff4c57 !important;
    background-color: transparent !important;
    background-position: 0px 0px !important;
    border: none 0px !important;
    width: inherit !important;
    height: inherit !important;
    font-size: 14px !important;
    margin-top: 1px !important;
}

.RadUpload .ruRemove:hover {
    border: none 0px !important;
}

input:hover {
    outline: none !important;
}

.ruFileWrap ruStyled {
}


.RadUpload .ruButton {
}


.RadUpload .ruStyled .ruFileInput {
    height: 20px !important;
}

.RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    padding-left: 20px !important;
    background-position: 0px 5px!important;
}

.RadUpload .ruUploadSuccess {
    background-image: url(img/success.png) !important;
}

.RadUpload .ruUploadFailure {
    background-image: url(img/failure.png) !important;
}

.RadUpload .ruUploadCancelled {
    background-image: url(img/Cancel.png) !important;
}

.gridview {
    margin-top: 2px;
    width: 100% !important;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

    .gridview th {
        font-weight: 600;
        font-size: 13px !important;
    }

        .gridview th a {
        }

            .gridview th a:hover {
            }

    .gridview td {
        position: relative;
        font-size: 0.9em !important;
        vertical-align: middle !important;
    }
    /*.gridview tr:hover,, .gridview.selected */

    .gridview tr:focus, .gridview tr:active, .gridview tr:visited {
        background: #F5FAFC !important;
    }

    .gridview .SelectedRowStyle {
        background: transparent !important;
    }

    .gridview tr.even td {
    }

    .gridview tr td {
        padding: 2px !important;
    }

    .gridview td a {
        padding: 2px 0px;
        text-decoration: none;
        color: #3498db !important;
        text-decoration: underline;
        font-weight: 600;
        font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
        font-size: 13px;
    }

        .gridview td a:hover {
            color: #39435C;
            text-decoration: underline;
        }

    .gridview input[type="text"] {
        padding: 5px 5px !important;
        border-radius: 0px;
        height: initial;
        background: #fefefe;
        border-color: #ccc;
        color: #666;
        margin-top: 5px;
    }

        .gridview input[type="text"]:focus {
            border-color: #39435C;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .gridview .HeaderStyle {
        background: #e9e9e9 !important;
        border-top: 3px solid #39435C !important;
        color: #111;
    }


.ScheduleGv tr:nth-child(2) {
    /*background: #e9e9e9;*/
    border-top: 3px solid #39435C !important;
    color: #333;
}

.gridview .HeaderStyle .SVlabel {
    color: #333;
}

.gridview .HeaderStyle:hover {
    background: #eee !important;
}



.gridview th {
    vertical-align: middle !important;
    color: #333;
}

.gridview .SvCalendar {
    width: 130px !important;
}

.gridview .ui-checkbox input[type="checkbox"]:checked + span:after, .gridview .ui-checkbox input[type="checkbox"]:checked + label:after {
    top: 0px !important;
}


.gridview .RowStyle {
}

.gridview .AltRowStyle {
    border-bottom: 1px solid #ccc;
    background: #F5FAFC !important;
}

.gridview .gridview .AltRowStyle {
    border-bottom: 1px solid #ccc;
    background: #F5FAFC !important;
}

.gridview input[type="image"] {
    width: 20px;
    cursor: pointer;
}


.gridview .mandatory {
    position: absolute;
    right: 0px;
    margin-top: -28px;
    color: #999;
    font-size: 12px;
}

.gridview .RadComboBox select {
    margin-bottom: inherit !important;
    height: 35px !important;
    padding: 6px 15px 6px 10px !important;
    border-radius: 0px !important;
    border-color: #ccc;
    margin-top: 0px;
}

.RadComboBox select [disabled], .RadComboBox select:disabled {
    cursor: not-allowed;
    background-color: #eeeeee !important;
    opacity: 1;
}


.gridview .SVlabel {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
}

.gridview .PagerStyle span {
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*border-radius: 100%;*/
    background-color: #39435C;
    color: #fff;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    font-weight: 300 !important;
}

.gridview .PagerStyle a:hover, .PagerStyle span:hover {
    text-decoration: none !important;
    font-weight: 300 !important;
}

.gridview .PagerStyle .SVlabel {
    margin: 0px 5px 0px 0px !important;
    width: inherit !important;
    height: inherit !important;
    padding: 2px 5px !important;
    border-radius: 5px;
}


.gridview .PagerStyle a {
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*border-radius: 100%;*/
    /* background-color: #666; */
    color: #888;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    font-weight: 300 !important;
    text-decoration: none !important;
    border: 1px solid #ddd;
}



/*============DataGrid Style Starts================*/

.datagrid {
    /*margin-top:15px;*/
    width: 100% !important;
}

    .datagrid th {
        font-weight: 600;
    }

        .datagrid th a {
        }

            .datagrid th a:hover {
            }

    .datagrid td {
        position: relative;
    }

    .datagrid tr:hover, .datagrid tr:focus, .datagrid tr:active, .datagrid tr:visited, .datagrid.selected {
        background: #F5FAFC !important;
    }

    .datagrid .SelectedRowStyle {
        background: #F5FAFC !important;
    }

    .datagrid tr.even td {
    }

    .datagrid td a {
        font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
        padding: 2px;
        text-decoration: none;
        color: #333;
    }

        .datagrid td a:hover {
            color: #39435C;
            font-weight: bold;
            text-decoration: underline;
        }

    .datagrid input[type="text"] {
        padding: 5px 5px !important;
        border-radius: 0px;
        height: initial;
        background: #fefefe;
        border-color: #ccc;
        color: #666;
        margin-top: 5px;
    }

        .datagrid input[type="text"]:focus {
            border-color: #39435C;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .datagrid .HeaderStyle {
        background: #e9e9e9;
        border-top: 3px solid #39435C !important;
        color: #333;
    }


.ScheduleGv tr:nth-child(2) {
    /*background: #e9e9e9;*/
    border-top: 3px solid #39435C !important;
    color: #333;
}

.datagrid .HeaderStyle .SVlabel {
    color: #333;
}

.datagrid .HeaderStyle:hover {
    background: #e9e9e9 !important;
}



.datagrid th {
    vertical-align: middle !important;
    color: #333;
}

.datagrid .SvCalendar {
    width: 130px !important;
}

.datagrid .ui-checkbox input[type="checkbox"]:checked + span:after, .datagrid .ui-checkbox input[type="checkbox"]:checked + label:after {
    top: 0px !important;
}


.datagrid .RowStyle {
}

.datagrid .AltRowStyle {
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;
}



.datagrid .mandatory {
    position: absolute;
    right: 0px;
    margin-top: -28px;
    color: #999;
    font-size: 12px;
}

.datagrid .RadComboBox select {
    margin-bottom: inherit !important;
    height: 35px !important;
    padding: 6px 15px 6px 10px !important;
    border-radius: 0px !important;
    border-color: #ccc;
    margin-top: 0px;
}




.datagrid .SVlabel {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}


.datagrid .PagerStyle span {
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    /*border-radius: 100%;*/
    background-color: #e5e5e5;
    color: #777;
    border: 1px solid #eee;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    font-weight: 300 !important;
}

.datagrid .PagerStyle a:hover, .PagerStyle span:hover {
    text-decoration: none !important;
    font-weight: 300 !important;
}

.datagrid .PagerStyle a:hover {
    color: #fff;
    opacity: .8;
}

.datagrid .PagerStyle .SVlabel {
    margin: 0px 5px 0px 0px !important;
    width: inherit !important;
    height: inherit !important;
    padding: 2px 5px !important;
    border-radius: 5px;
}


.datagrid .PagerStyle a {
    text-align: center;
    display: inline-block;
    /* border-radius: 100%; */
    background-color: #00b4cb;
    color: #fff;
    margin: 0px 5px 0px 0px;
    padding: 4px 5px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
}

.RadDock {
    outline: none !important;
}

    .RadDock .rdTable {
    }

.RadDockZone {
    padding: 0px !important;
}

    .RadDockZone, .RadDockZone * {
        box-sizing: inherit !important;
        -moz-box-sizing: inherit !important;
    }

.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight, .RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft, .RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
    background-image: none !important;
}

.rdTop {
    background-color: #39435C;
}

.rdTitleBar {
    background-color: #39435C;
}

    .rdTitleBar em {
        color: #fff !important;
    }

.RadDock .rdTop td.rdRoundedCorner.rdLeft, .rdRight {
    display: inherit !important;
}

.RadDockZone_Default {
    border-color: #eee !important;
}

.RadDock_Default .rdTitleBar em {
    display: inline-block !important;
    padding: 0px 13px !important;
}



.rdClose {
    background-image: url(../img/rdClose.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 3px !important;
}

.rdCollapse {
    background-image: url(../img/rdcollapse.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 6px !important;
}

.rdExpand {
    background-image: url(../img/rdExpand.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 6px !important;
}



/*.RadDock .rdContent {
 font-family:'Open Sans' !important; 
 font-size:14px !important;
 font-weight:normal !important;

}*/



.rdContent .table-striped > tbody > tr:nth-child(odd) > td, .rdContent .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}


.homeButton {
}

    .homeButton a.rmLink, .homeButton .rmHorizontal {
        background-color: transparent !important;
        color: #333 !important;
    }

.errol-lbl {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    display: block;
    background-color: lavenderblush !important;
    color: #f71d50;
    border: 1px solid #f71d50;
    padding: 8px 10px;
    margin: 10px 0px;
}

.success-lbl {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    display: block;
    background-color: lightgreen;
    color: #0b8a4a;
    border: 1px solid #0b8a4a;
    padding: 8px 10px;
    margin: 10px 0px;
}

.info-lbl {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    display: block;
    background-color: lemonchiffon;
    color: darkgoldenrod;
    border: 1px solid darkgoldenrod;
    padding: 8px 10px;
    margin: 10px 0px;
}







/*============Telerik Tab===========*/
.SvTelTab {
    margin: 10px 0px !important;
}

    .SvTelTab .rtsLevel .rtsLink, .SvTelTab .rtsLevel .rtsOut, .SvTelTab .rtsLevel .rtsLink, .SvTelTab .rtsLevel .rtsOut, .RadTabStripToSvTelTab .rtsLevel, .SvTelTab .rtsLevel {
        background-image: none !important;
        background-position: 0px !important;
        background-color: #333;
        color: #fff;
    }

    .SvTelTab .rtsLI .rtsSelected {
        background-color: #3498db!important;
    }


    .SvTelTab .rtsSelected .rtsOut {
        background-color: #3498db!important;
    }


    .SvTelTab .rtsUL, .SvTelTab .rtsUL {
        border-radius: 6px 8px 0px 0px;
        border-left: 1px solid #eee;
    }

    .SvTelTab .rtsLI {
        border: 1px solid #eee;
        border-left: 0px;
    }

    .SvTelTab .rtsLevel .rtsLink {
        background: #fff;
        font-size: 13px;
    }

    .SvTelTab .rtsLevel .rtsOut {
        background: #fff;
        color: #444;
    }

    .SvTelTab .rtsLI .rtsSelected .rtsTxt {
        color: #fff !important;
    }

@media (max-width: 768px) {
    .SvTelTab .rtsLI {
        width: 50%;
    }

    .SvTelTab .rtsUL, .SvTelTab .rtsUL {
        border-radius: 0px 0px;
    }
}

@media (max-width: 480px) {
    .SvTelTab .rtsLI {
        width: 100%;
    }

    .SvCalendar {
        position: relative;
    }

    .RadCalendarFastNavPopup {
        left: 30px !important;
    }
}






/*============black Telerik Tab===========*/
.Svpanel .SvTelTab {
    margin: 0px 0px !important;
}

    .Svpanel .SvTelTab .rtsLI .rtsSelected {
        background-color: #383838 !important;
    }


    .Svpanel .SvTelTab .rtsSelected .rtsOut {
        background-color: #383838 !important;
    }

/*============grey inner Telerik Tab===========*/


.Svpanel .Svpanel .SvTelTab .rtsLI .rtsSelected {
    background-color: #999 !important;
}


.Svpanel .Svpanel .SvTelTab .rtsSelected .rtsOut {
    background-color: #999 !important;
}


/*.SvTelTab .rtsLink, .SvTelTab .rtsLI .rtsDisabled:hover {
        background-color:darkslategrey !important;
    }

        .SvTelTab .rtsLink:hover {
            background-color:darkslategrey !important;
        }

    .SvTelTab .rtsSelected, .SvTelTab .rtsSelected:hover {
        background-color:darkslategrey !important;
    }*/


/*.SvCalendar a.rcCalPopup {
     
    background: lightseagreen;
    background-image:none !important;
display: block;
padding: 6px;
margin-left: -4px;

}

.SvCalendar a.rcCalPopup:hover, .SvCalendar a.rcCalPopup:focus, .SvCalendar a.rcCalPopup:active {

    background: lightseagreen;
    background-image:none !important;
display: block;
padding: 6px;
margin-left: -4px;

}*/


.upg {
    position: absolute;
    right: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(img/transs-bg-white.png);
    z-index: 888;
    display: block;
    text-align: center;
}

    .upg img {
        margin-top: 180px;
    }

.CaptchaDiv .upg {
    position: static;
}

#header, #foooter {
    z-index: 99999;
}


.horz-btn {
    margin-top: 33px !important;
}

@media (max-width: 960px) {
    .horz-btn {
        margin-top: 10px !important;
    }
}




.ui-TelericRadEditor {
    width: 100% !important;
    border: 1px solid #eee !important;
}

    .ui-TelericRadEditor .Default.reToolbar .reGrip, .ui-TelericRadEditor .Default .reToolbar li {
        background-image: none !important;
        color: #666;
    }

    .ui-TelericRadEditor .reToolCell {
    }

    .ui-TelericRadEditor .reContentCell {
        background: #fff;
        border-color: #ccc !important;
    }

    .ui-TelericRadEditor .reToolbar {
        background: lightgrey;
        border: 1px solid #eee;
        border-radius: 0px 6px 0px 0px;
    }

    .ui-TelericRadEditor .reModule {
        height: inherit !important;
        border-color: #eee !important;
    }

.SVNumericUpDownExtender div {
    padding-right: 0px !important;
    font-size: inherit !important;
}

    .SVNumericUpDownExtender div table td {
        width: 100%;
    }

    .SVNumericUpDownExtender div table tr td input[type="button"] {
        padding: 0px;
        font-size: 16px !important;
        margin: 0px;
        border: none 0px !important;
        height: 16px !important;
        border-radius: 3px;
        margin-left: 5px;
        color: #999;
        background: #fff;
        min-width: 24px !important;
        margin-top: -4px;
    }

.riSingle {
    width: 100% !important;
}

.RadNumericTextBox {
    display: block;
    width: 100% !important;
    height: 30px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
    color: #767676 !important;
    background-color: white;
    background-image: none;
    border: 1px solid #aaa !important;
    outline: none !important;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.qunitybox {
    width: 100% !important;
}




.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: fixed;
    top: 0px;
}

.modalPopup input[type="button"], .modalPopup input[type="reset"], .modalPopup input[type="submit"] {
    font-size: 13px;
    padding: 8px 10px;
    min-width: inherit;
    font-weight: normal;
}

.modalPopup {
    background-color: #FFFFFF;
    min-width: 400px;
    min-height: 400px;
    max-width: 90%;
    max-height: 90%;
    overflow: auto !important;
    border-radius: 4px;
    padding: 0;
    position: fixed !important;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 94%;
}

@media (max-width: 768px) {
    .modalPopup {
        width: 480px;
        top: 5%;
        max-width: 75%;
    }
}

@media (max-width: 480px) {
    .modalPopup {
        width: 300px !important;
        overflow-x: auto;
    }
}



.modalPopup .header {
    background-color: #39435C;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 0px none;
    padding: 0px 10px;
}

.modalPopup .body {
    min-height: 50px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
    padding: 8px 20px;
}

.modalPopup .footer {
    padding: 6px !important;
    border-bottom: 0px none;
    text-align: right;
    padding-bottom: 15px !important;
}

.modalPopup .yes, .modalPopup .no {
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

.modalPopup .yes {
    background-color: #39435C;
    border: 1px solid #eee;
}

.modalPopup .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}

.modalPopup .header .close {
    position: absolute;
    top: 5px;
    right: 7px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    opacity: .8;
}

    .modalPopup .header .close:hover {
        opacity: 1;
    }


.modalPopup .header .SVlabel {
    margin: 0px;
    padding: 0px;
    display: inherit !important;
    font-weight: normal;
}

.modalPopup .body .SVlabel {
    font-weight: normal;
}

.modalPopup .SVlabel {
    font-weight: normal;
}

.modalPopup td {
    font-weight: normal;
    padding: 5px !important;
}

.modalPopup th {
    padding: 5px !important;
}


.RadcomboChkbox input[type="text"] {
    padding: 7px 9px !important;
    border: 1px solid #ccc;
}


.RadComboBox_Default .rcbFocused .rcbInputCellLeft {
}

.RadComboBox table td.rcbInputCell {
    background: transparent !important;
}

.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    background: transparent !important;
}

.RadComboBox .rcbArrowCell a {
    background: url(../../SV-Assets/img/radcomboarrow.png) no-repeat;
    width: 12px;
    height: 7px !important;
    top: 3px;
}


.SvAjaxTabStyle .ajax__tab_header span {
    margin: 1px 0;
}


.SvAjaxTabStyle .ajax__tab_header {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ccc;
}

    .SvAjaxTabStyle .ajax__tab_header .ajax__tab_outer {
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #ccc;
        /*border-bottom: 1px;*/
        border-radius: 5px 5px 0px 0px;
    }

    .SvAjaxTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.SvAjaxTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #39435C;
}

.SvAjaxTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.SvAjaxTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ccc;
    background-color: #39435C;
    border-radius: 5px 5px 0px 0px;
}

.SvAjaxTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-color: #333;
}

.SvAjaxTabStyle .ajax__tab_body {
    line-height: 22px;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #ccc;
    border-top-color: #ffffff;
    height: inherit !important;
}

    .SvAjaxTabStyle .ajax__tab_body p {
        line-height: 22px;
        font-size: 13px;
    }

.SvAjaxTabStyle .ajax__tab_tab {
    outline: none !important;
    font-weight: normal;
    padding: 5px 0px 0px 0px;
}


.ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.SvAjaxTabStyle .ajax__tab_hover .ajax__tab_outer .ajax__tab_tab {
    color: #fff;
}


.SvAjaxTabStyle .ajax__tab_panel {
    padding: 5px 5px 0px 5px;
    overflow-x: hidden;
}




.ui-select-asp {
    padding: 6px 10px;
    width: 100%;
    border-radius: 5px;
    border-color: #ccc;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    border-width: 1px;
    font-size: 14px;
    height: 34px;
}

fieldset .mandatory {
    right: 19px;
    font-size: 14px;
    margin-top: -24px;
}

.ui-select-asp option {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}

.SVRadGrid_Default {
    border: 1px solid #eee;
    padding: 15px;
}

    .SVRadGrid_Default .form-control {
        width: 200px !important;
        display: inline;
    }

    .SVRadGrid_Default .btn {
        margin-top: 0px;
        background: #333 url(../../SV-Assets/img/funnel.png) no-repeat center center !important;
        min-width: 39px !important;
    }

    .SVRadGrid_Default .rgRow td {
        padding: 9px !important;
        /* background: #eee; */
        cursor: pointer;
        color: crimson;
        background: #fff;
    }

    .SVRadGrid_Default .rgAltRow td {
        padding: 9px !important;
        /* background: #eee; */
        cursor: pointer;
        color: #333;
        background: #fff;
    }






.SvCalendar {
    width: 100% !Important;
    display: block !important;
}

    .SvCalendar .riSingle .riTextBox[type="text"] {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #767676;
        background-color: white;
        background-image: none;
        border: 1px solid #aaa;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        outline: none !important;
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }


    .SvCalendar .rcCalPopup, .SvCalendar .rcTimePopup {
        background: url(../../SV-Assets/img/calendar.png) center center no-repeat !important;
        padding: 5px;
        margin-left: 2px;
        opacity: .8;
    }


.myCalendar td {
    border: 1px solid;
    border-color: #e6f5fc;
}

.myCalendar {
    background-color: #fff;
    /*width: 156px;  
    border:10px solid #4CCAEF !important;*/
    border-top: 0px !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 38px;
        font-weight: 600;
        text-align: center;
        border: 1px solid #eee;
        /*border-bottom: outset 2px #e6f5fc; 
    border-right: outset 2px #e6f5fc;*/
    }

    .myCalendar td.myCalendarDay {
    }

        .myCalendar td.myCalendarDay:nth-child(7) a {
            color: #c52e2e !important;
        }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }



        .myCalendar .myCalendarNextPrev a {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: #4CCAEF!important;
            background: url("../../SV-Assets/img/prevMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: #4CCAEF!important;
            background: url("../../SV-Assets/img/nextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
        padding: 15px;
    }

    .myCalendar .myCalendarToday {
        background-color: #4CCAEF;
        -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
        box-shadow: 0 0 7px 3px #e5e5e5;
        color: #fff;
    }

        .myCalendar .myCalendarToday a {
            color: #fff !important;
        }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #25bae5;
        color: #fff !important;
    }




.SvWizard {
    width: 100%;
    margin-top: 0px;
    /*border:1px solid #eee;*/
}



#wizHeader li .prevStep {
    background-color: #fff;
}

    #wizHeader li .prevStep:after {
        border-left-color: #fff !important;
    }

#wizHeader li .currentStep {
    background-color: #39435C;
    color: #fff;
}

    #wizHeader li .currentStep:after {
        border-left-color: #3498db!important;
    }

#wizHeader li .nextStep {
    background-color: #fff;
}

    #wizHeader li .nextStep:after {
        border-left-color: #fff !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    /*font: 18px Helvetica, Arial, Sans-Serif;*/
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
}

    #wizHeader li {
        float: left;
    }

        #wizHeader li a {
            color: #333;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            background: brown; /* fallback color */
            background: hsla(34,85%,35%,1);
            position: relative;
            display: block;
            float: left;
            font-size: 13px;
        }

            #wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            #wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }

/*#wizHeader li a:hover {
            background: #fff;
        }

            #wizHeader li a:hover:after {
                border-left-color: #fff !important;
            }*/

@media (min-width: 992px) {
    /*.container-fluid {
        padding-left: 20px;
        padding-right: 20px;

    }*/

    .RadMenu ul.rmRootGroup {
        margin-left: -15px !important;
        margin-right: -15px !important;
        border: none !important;
    }
}

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
    font-size: 13px;
}

.RadMenu_Default .rmHorizontal .rmItem > a.rmRootLink {
    width: auto !important;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

@media (max-width: 992px) {

    #wizHeader li .nextStep {
        border: 1px solid #eee;
    }


    .RadMenu ul.rmRootGroup {
        margin-left: -15px !important;
        margin-right: -15px !important;
        border: none !important;
    }

    #wizHeader {
        width: 340px;
        margin: 20px auto !important;
    }

        #wizHeader li a:after {
            display: none;
        }

        #wizHeader li a:before {
            display: none;
        }

        #wizHeader li a {
            padding: 3px 10px;
        }

        #wizHeader li {
            overflow: hidden;
        }

    .wdivtextHide {
        display: none;
    }

    #wizHeader li a {
        /*padding-left: 10px; */
        height: 50px;
        width: 50px;
        border-radius: 50%;
        font-size: 13px;
        text-align: center;
        padding-top: 12px;
        margin: 0px 4px;
    }
}


@media (max-width: 380px) {

    #wizHeader {
        width: inherit !important;
        float: left;
    }

        #wizHeader li:last-child {
            padding-right: 0px !important;
        }
}


.SvWizard .content {
    padding: 15px 10px;
}

.AjaxCalendar {
    width: 300px;
    display: block;
}

    .AjaxCalendar .ajax__calendar_container {
        border: 1px solid #ccc;
        background-color: #fff;
        color: #177bbb;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .AjaxCalendar .ajax__calendar_other .ajax__calendar_day,
    .AjaxCalendar .ajax__calendar_other .ajax__calendar_year {
        color: black;
    }

    .AjaxCalendar .ajax__calendar_hover .ajax__calendar_day,
    .AjaxCalendar .ajax__calendar_hover .ajax__calendar_month,
    .AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {
        color: black;
    }

    .AjaxCalendar .ajax__calendar_active .ajax__calendar_day,
    .AjaxCalendar .ajax__calendar_active .ajax__calendar_month,
    .AjaxCalendar .ajax__calendar_active .ajax__calendar_year {
        color: black;
        font-weight: bold;
    }

    .AjaxCalendar .ajax__calendar_dayname, .AjaxCalendar .ajax__calendar_day {
        height: inherit;
        width: inherit;
        text-align: center;
    }

    .AjaxCalendar .ajax__calendar_container TABLE {
        width: 100%;
    }

    .AjaxCalendar .ajax__calendar_container TD {
        font-size: 13px;
    }


    .AjaxCalendar .ajax__calendar_body {
        width: 100%;
    }

    .AjaxCalendar .ajax__calendar_days, .AjaxCalendar .ajax__calendar_months, .AjaxCalendar .ajax__calendar_years {
        width: 100%;
    }

.relative {
    position: relative;
}

.AjaxCalendarImg {
    position: absolute;
    right: 5px;
    top: 4px;
}



.profile-details .ProfName {
    font-size: 20px;
    font-weight: 600;
    display: block;
}

.profile-details .ProfDesignation {
    font-size: 18px;
    font-weight: 300;
    display: block;
}

.profile .dropdown-menu i {
    font-size: 20px;
    color: #fff;
    opacity: 1 !important;
}


.checklist {
    min-width: 800px !important;
}

    .checklist td {
        display: inline-grid !important;
    }




@media (max-width: 690px) {
    .checklist {
        min-width: inherit !important;
    }

        .checklist td {
            display: block !important;
        }


    .SvAjaxTabStyle .ajax__tab_header .ajax__tab_outer {
        border-bottom: 1px solid #ccc !important;
        border-radius: 0px 0px 0px 0px;
        margin-bottom: 5px;
    }
}


/*.SvfileUp {
    background:#39435C;
    padding: 5px 14px;
    opacity:1 !IMPORTANT;
    position:static !important;
}*/


.sv-horizondal {
    display: block;
}

    .sv-horizondal .RadComboBox select {
        display: inline-block;
        width: inherit;
    }


    .sv-horizondal .dipblock {
        width: 160px !important;
        display: inline-block !important;
    }

    .sv-horizondal .btn {
        margin-top: -6px !important;
    }

.SmlBtnRow input[type="submit"] {
    min-width: inherit !important;
}




.ClearSearch {
    background: url(img/clearSearch.png) no-repeat center center !important;
    background-color: #3498db!important;
    text-indent: -999999px;
    min-width: inherit !important;
    padding: 5px 18px !important;
    margin: 0px !important;
}




.clearAll {
    background: url(img/clearAll.png) no-repeat center center !important;
    background-color: #e74c3c !important;
    text-indent: -999999px;
    min-width: inherit !important;
    padding: 5px 18px !important;
    margin: 0px !important;
}

.Bt-Show {
    background-image: url(img/show.png);
    background-position: left 5px bottom 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #1d6052 !important;
}

.CollapseBt {
    background: url(img/collapse.png);
    background-color: #01b5cb !important;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
}

.Bt-Save {
    background-image: url(img/save.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #1abc9c !important;
}

.Bt-pdf {
    background-image: url(img/icon-pdf.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #db002f !important;
}

.Bt-excel {
    background-image: url(img/icon-excel.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #549e3b !important;
}

.Bt-Delete {
    background-image: url(img/delete.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #e74c3c !important;
}


.Bt-Clear {
    background-image: url(img/clear.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #f1c40f !important;
}

.Bt-Add {
    background-image: url(img/Add.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #555 !important;
}

.Bt-Update {
    background-image: url(img/Update.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    background-color: #067aa9 !important;
}

.Bt-deliverbox {
    background-image: url(img/deliverbox.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #ff8206 !important;
}


.Bt-Refresh {
    background-image: url(img/Refresh.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #32b49a !important;
}

.Bt-receivebox {
    background-image: url(img/receivebox.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #722001 !important;
}

.Bt-Print {
    background-image: url(img/print.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #52359f !important;
}

.Bt-Remove {
    background-image: url(img/remove.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: red !important;
}

.Bt-Return {
    background-image: url(img/Return.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #00aeef !important;
}

.Bt-PayL {
    background-image: url(img/PayL.png);
    background-position: left 5px bottom 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #db4437 !important;
}

.Bt-PayD {
    background-image: url(img/Pay.png);
    background-position: left 5px bottom 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #db4437 !important;
}

.Bt-PayE {
    background-image: url(img/PayP.png);
    background-position: left 5px bottom 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #1a3367 !important;
}

.Bt-PayR {
    background-image: url(img/PayR.png);
    background-position: left 5px bottom 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #3eb71d !important;
}

.Bt-Continue {
    background-image: url(img/continue.png);
    background-position: left 5px bottom 7px;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    background-color: #0b9a87 !important;
}

.Bt-rate {
    background-image: url(img/rate.png);
    background-position: left 5px bottom 7px;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    background-color: #444 !important;
}

.bt-previous {
    background-image: url(img/previous.png);
    background-position: left 5px bottom 7px;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    background-color: #e25558 !important;
}

.Bt-Quicklogin {
    background-image: url(img/send.png) !important;
    background-repeat: no-repeat !important;
    background-position: 8px 7px;
    padding-left: 35px !important;
    color: #fff !important;
    background-color: #d31f29 !important;
    margin: 0px !important;
    border: 0px !important;
}

.Bt-proceed {
    background-image: url(img/send.png) !important;
    background-repeat: no-repeat !important;
    background-position: 8px 7px;
    padding-left: 35px !important;
    color: #fff !important;
    background-color: #05a6a0 !important;
    margin: 0px !important;
    border-radius: 32px !important;
}

.Apply {
    background-image: url(img/arrow.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px;
    background-color: #0b9a87 !important;
}

.Details {
    background-image: url(img/add.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px;
    background-color: #dc5151 !important;
}




.continesub-btn {
    float: left;
    width: 100%;
    display: block;
    background: #efdebf;
    margin-top: 5px;
    border-radius: 5px;
    padding: 3px;
}

    .continesub-btn .SVlabel {
        float: left;
        line-height: 28px;
    }

    .continesub-btn input[type="submit"] {
        margin-top: 0px !important;
        float: right;
    }

div.RadPicker table.rcSingle .rcInputCell .riTextBox {
    border: 1px solid #ccc;
    height: 33px;
    font-size: 14px;
    border-radius: 50px;
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    background-image: url(img/calendar.png) !important;
    background-position: 0px 0px !important;
    height: 26px !important;
    width: 26px !important;
    margin-left: 5px;
}

.input-group-btn .btn-file {
    border-color: #3498db!important;
}

.ajax__tab_panel:focus {
    outline: none !important;
}



.SVRadPanelBarNotMenu {
}

    .SVRadPanelBarNotMenu .rpExpandable .rpOut {
        position: relative;
        border-bottom: 0px none;
    }

        .SVRadPanelBarNotMenu .rpExpandable .rpOut:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            position: absolute;
            right: 7px;
            top: 4px;
            font-size: 18px;
            color: #333;
        }

    .SVRadPanelBarNotMenu .rpFirst a.rpLink, .SVRadPanelBarNotMenu .rpFirst div.rpHeaderTemplate, .SVRadPanelBarNotMenu li.rpFirst .rpExpanded {
        background: #fff;
    }

    .SVRadPanelBarNotMenu div.rpHeaderTemplate, .SVRadPanelBarNotMenu a.rpLink {
        background: #fff;
        padding: 4px 15px;
    }


    .SVRadPanelBarNotMenu .rpExpandable span.rpExpandHandle {
        background-image: url(../Images/Icons/menu-expand-arrow.png) !important;
        background-position: 0px 0px !important;
        width: 20px;
        padding-right: 5px;
    }





.SVRadPanelBar .rpLink, .SVRadPanelBar .rpOut, .SVRadPanelBar .rpText {
    font-size: 12px;
    line-height: 23px;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma;
    color: #fff;
}

    .SVRadPanelBar .rpText:before {
        /*content: "\f111";*/
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        margin-right: 10px;
        opacity: .7;
    }





    .SVRadPanelBar .rpLink:hover .rpText:before, .SVRadPanelBar .rpSelected .rpText:before {
        opacity: .3;
    }

.SVRadPanelBar .rpGroup .rpText:before {
    opacity: .3;
}


html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    padding: 6px 10px;
}

.rpImage {
    padding-right: 10px !important;
}


.RadPanelBar {
    width: 100% !important;
}

html body .riSingle .riTextBox[type="text"] {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 41px !important;
}


.SVRadPanelBar a.rpSelected, .SVRadPanelBar div.rpSelected, .SVRadPanelBar a.rpSelected:hover {
    background: transparent !important;
}

.SVRadPanelBar {
    background: #39435C !important;
}


    .SVRadPanelBar div.rpHeaderTemplate, .SVRadPanelBar a.rpLink {
        background: transparent;
        padding: 8px 15px;
    }

    .SVRadPanelBar li.rpFirst .rpFocused, .SVRadPanelBar .rpFirst a.rpLink:hover {
        border: none 0px !important;
        background: #fff !important;
    }

    .SVRadPanelBar .rpFocused .rpOut, .SVRadPanelBar a.rpLink:hover .rpOut, .SVRadPanelBar .rpSelected .rpOut, .SVRadPanelBar a.rpSelected:hover .rpOut {
        padding-bottom: 0px !important;
    }

    .SVRadPanelBar .rpLink {
        border-bottom-width: 0px !important;
    }

        .SVRadPanelBar .rpLink:hover {
            border-bottom-width: 0px !important;
            background: #fff !important;
        }

    .SVRadPanelBar .rpHeaderTemplate, .SVRadPanelBar .rpOut {
        border-bottom-width: 0px !important;
    }

    .SVRadPanelBar a.rpSelected, .SVRadPanelBar div.rpSelected, .SVRadPanelBar a.rpSelected:hover {
        background: #fff !important;
    }


        .SVRadPanelBar a.rpSelected .rpOut .rpText, .SVRadPanelBar div.rpSelected .rpOut .rpText, .SVRadPanelBar a.rpSelected:hover .rpOut .rpText, .rpLink:hover .rpOut .rpText {
            color: #333 !important;
        }



    .SVRadPanelBar .rpGroup {
        background-color: #096797;
    }


    .SVRadPanelBar .rpSlide .rpGroup {
        background-color: #425164 !important;
    }


    .SVRadPanelBar .rpGroup .rpText {
        color: #fff;
        font-size: 12px;
    }


.rpGroup .rpOut:after {
    color: #fff !important;
}



.SVRadPanelBar .rpGroup a.rpLink, .SVRadPanelBar .rpGroup div.rpHeaderTemplate, .SVRadPanelBar .rpGroup a.rpLink .rpOut {
    /*padding: 3px 0px;*/
}


    .SVRadPanelBar .rpGroup a.rpLink, .SVRadPanelBar .rpGroup a.rpLink .rpOut {
    }

.SVRadPanelBar .rpGroup a.rpSelected .rpOut, .SVRadPanelBar .rpGroup a.rpSelected:hover .rpOut {
    background: transparent !important;
    background-color: #fff !important;
}
/*jacob*/

.SVRadPanelBar .rpGroup a.rpLink:hover .rpText {
    background: #fff !important;
}




.SVRadPanelBar .rpExpandable span.rpExpandHandle {
    background-image: url(../Images/Icons/menu-expand-arrow.png) !important;
    background-position: 0px 0px !important;
    width: 20px;
    padding-right: 5px;
}

.SVRadPanelBar .rpExpanded span.rpExpandHandle {
    background-image: url(../Images/Icons/menu-default-arrow.png) !important;
    background-position: 0px 0px !important;
    width: 20px;
    padding-right: 5px;
}



.SVRadPanelBar .rpExpandable .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 4px;
    font-size: 18px;
    color: #fff;
}


.SVRadPanelBar .rpSelected .rpOut:after {
    color: #333;
}


/*.SVRadPanelBar .rpSelected .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 4px;
    font-size: 18px;
    color: #333;
}*/

.SVRadPanelBar .rpExpanded .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f106" !important;
    position: absolute;
    right: 0px;
    top: 4px;
    font-size: 18px;
}

.SVRadPanelBar .rpExpandable:hover .rpOut:after {
    color: #333;
}

.SVRadPanelBar .rpExpandable .rpOut {
    position: relative;
}

.SVRadPanelBar .rpGroup a.rpLink, .SVRadPanelBar .rpGroup a.rpLink .rpOut {
    background-image: none !important;
}


.SVRadPanelBar .rpGroup a.rpLink, .SVRadPanelBar_Default .rpGroup a.rpLink .rpOut {
    background-image: none !important;
}






/*.SVRadPanelBar_Default .rpRootGroup {
    border:1px solid #eee !important;
}


.SVRadPanelBar_Default a.rpSelected, .SVRadPanelBar_Default div.rpSelected, .SVRadPanelBar_Default a.rpSelected:hover {
    background-color: #db8128 !important;
    background-image:none !important;
    color:#fff !important;
}

.SVRadPanelBar_Default div.rpHeaderTemplate, .SVRadPanelBar_Default a.rpLink {
      background-color: #db8128;
       background-image:none !important;
    color:#fff !important;
}



.SVRadPanelBar_Default li.rpFirst .rpSelected, .SVRadPanelBar_Default .rpFirst a.rpSelected:hover {
      background-color: #db8128 !important;
    background-image:none !important;
    color:#fff !important;
}

.SVRadPanelBar_Default a.rpFocused, .SVRadPanelBar_Default a.rpExpanded, .SVRadPanelBar_Default a.rpSelected, .SVRadPanelBar_Default div.rpFocused, .SVRadPanelBar_Default div.rpExpanded, .SVRadPanelBar_Default div.rpSelected, .SVRadPanelBar_Default a.rpSelected:hover {
     border-color:#eee !important;
       background-color: #db8128  !important;
}*/













.SVRadPanelBar_Default .rpLink,
.SVRadPanelBar_Default .rpTemplate {
    color: #000;
    font: bold 12px/24px Arial, Helvetica, sans-serif;
}

* + html .SVRadPanelBar_Default .rpItem {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

* html .SVRadPanelBar_Default .rpItem {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.SVRadPanelBar_Default .rpLast {
    border-width: 1px 0;
}

.SVRadPanelBar_Default .rpLink,
.SVRadPanelBar_Default .rpGroup .rpLink {
    border: 0;
    padding: 1px;
}

    .SVRadPanelBar_Default .rpLink .rpOut,
    .SVRadPanelBar_Default .rpGroup .rpLink .rpOut {
        /*  margin: 1px 0 0 1px;*/
        padding-bottom: 1px;
        border-bottom: 0;
    }

    /*.SVRadPanelBar_Default_rtl .rpLink .rpOut,
.SVRadPanelBar_Default_rtl .rpGroup .rpLink .rpOut
{
    margin: 1px 1px 0 0;
}*/

    .SVRadPanelBar_Default .rpGroup .rpLink .rpOut {
        padding-bottom: 0;
    }

    /* compensate for borders */

    .SVRadPanelBar_Default .rpLink:hover,
    .SVRadPanelBar_Default .rpGroup .rpLink:hover {
        background: transparent url('PanelBar/RootItemBg.png') no-repeat 0 0;
    }

.SVRadPanelBar_Default .rpRootGroup .rpFocused,
.SVRadPanelBar_Default .rpRootGroup .rpFocused:hover,
.SVRadPanelBar_Default .rpRootGroup .rpSelected,
.SVRadPanelBar_Default .rpRootGroup .rpSelected:hover,
.SVRadPanelBar_Default .rpRootGroup .rpFirst .rpExpanded {
    border: 0;
    background-color: #db8128;
    background-image: none;
    color: #FFF;
}

/* <disabled items> */
.SVRadPanelBar_Default .rpDisabled,
.SVRadPanelBar_Default .rpDisabled:hover {
    color: #bbb;
    cursor: default;
    background-image: none;
}

    .SVRadPanelBar_Default .rpDisabled .rpOut,
    .SVRadPanelBar_Default .rpDisabled:hover .rpOut {
    }


/* </disabled items> */

/* <expand arrows> */
.SVRadPanelBar_Default .rpExpandable .rpOut,
.SVRadPanelBar_Default .rpExpanded .rpOut {
    background-color: transparent;
    background-image: url('PanelBar/Expandable.png');
    background-repeat: no-repeat;
}

.SVRadPanelBar_Default_rtl .rpExpandable .rpOut,
.SVRadPanelBar_Default_rtl .rpExpanded .rpOut {
    background-image: url('PanelBar/ExpandableRTL.png');
}
/* </expand arrows> */

/* <subitems> */

.SVRadPanelBar_Default .rpGroup .rpLink,
.SVRadPanelBar_Default .rpGroup .rpTemplate {
    background-image: none;
    font-weight: normal;
}

/* <subitems (disabled)> */
.SVRadPanelBar_Default .rpGroup .rpDisabled,
.SVRadPanelBar_Default .rpGroup .rpDisabled:hover {
    background-image: none;
    color: #bbb;
    border: 0;
}
/* </subitems (disabled)> */

/* <subitems> */

/*      <expand arrows> */
.SVRadPanelBar_Default .rpRootGroup .rpOut {
    padding-left: 15px;
}

.SVRadPanelBar_Default .rpLevel2 .rpTemplate,
.SVRadPanelBar_Default .rpLevel2 .rpOut,
.SVRadPanelBar_Default .rpLevel3 .rpTemplate,
.SVRadPanelBar_Default .rpLevel3 .rpOut {
    padding-left: 15px;
}

.SVRadPanelBar_Default .rpSlide {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
}



.SVRadPanelBar_Default_rtl .rpRootGroup .rpOut {
    padding-left: auto;
    padding-right: 15px;
}

.SVRadPanelBar_Default_rtl .rpLevel2 .rpTemplate,
.SVRadPanelBar_Default_rtl .rpLevel2 .rpOut,
.SVRadPanelBar_Default_rtl .rpLevel3 .rpTemplate,
.SVRadPanelBar_Default_rtl .rpLevel3 .rpOut {
    padding-left: auto;
    padding-right: 15px;
}

.SVRadPanelBar_Default_rtl .rpSlide {
    padding-left: auto;
    padding-right: 10px;
}

.SVRadPanelBar_Default .rpText {
}

.SVRadPanelBar_Default .rpExpandable .rpOut {
    background-position: 0 0;
}

.SVRadPanelBar_Default .rpExpanded .rpOut {
    background-position: 0 -176px;
}

.SVRadPanelBar_Default_rtl .rpExpandable .rpOut {
    background-position: 100% 0;
}

.SVRadPanelBar_Default_rtl .rpExpanded .rpOut {
    background-position: 100% -176px;
}

.SVRadPanelBar_Default .rpGroup .rpExpandable .rpOut {
    background-position: 0 -338px;
}

.SVRadPanelBar_Default .rpGroup .rpExpanded .rpOut {
    background-position: 0 -477px;
}

.SVRadPanelBar_Default_rtl .rpGroup .rpExpandable .rpOut {
    background-position: 100% -338px;
}

.SVRadPanelBar_Default_rtl .rpGroup .rpExpanded .rpOut {
    background-position: 100% -477px;
}

.SVRadPanelBar_Defaultt a.rpFocused,
.SVRadPanelBar_Default a.rpExpanded,
.SVRadPanelBar_Default a.rpSelected,
.SVRadPanelBar_Default div.rpFocused,
.SVRadPanelBar_Default div.rpExpanded,
.SVRadPanelBar_Default div.rpSelected,
.SVRadPanelBar_Default a.rpSelected:hover {
    border-color: #eee !important;
}




.SVRadPanelBar_Default div.rpHeaderTemplate, .SVRadPanelBar_Default a.rpLink {
    padding: 5px 0px;
    background: #fff;
    background-image: none !important;
}


.SVRadPanelBar_Default .rpExpandable span.rpExpandHandle {
    background-image: url(../Images/Icons/menu-expand-arrow.png) !important;
    background-position: 0px 0px;
    width: 20px;
    padding-right: 5px;
}

.SVRadPanelBar_Default .rpExpanded span.rpExpandHandle {
    background-image: url(../Images/Icons/menu-default-arrow.png) !important;
    background-position: 0px 0px;
    width: 20px;
    padding-right: 5px;
}



.SVRadPanelBar_Default .rpExpandable .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 25px;
    color: #db8128;
}

.SVRadPanelBar_Default .rpSelected .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 25px;
    color: #fff;
}

.SVRadPanelBar_Default .rpExpanded .rpOut:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f106" !important;
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 25px;
}

.SVRadPanelBar_Default .rpFirst .rpExpanded .rpOut:after, .SVRadPanelBar_Default .rpFirst .rpExpanded:hover .rpOut:after {
    color: #fff !important;
}

.SVRadPanelBar_Default .rpFirst .rpExpandable:hover .rpOut:after {
    color: #fff;
}


.SVRadPanelBar_Default .rpSelected:hover .rpOut:after {
    color: #fff;
}

.SVRadPanelBar_Default .rpDisabled:hover .rpOut:after {
    color: #ccc !important;
}

.SVRadPanelBar_Default .rpDisabled .rpOut:after {
    opacity: .5;
    color: #ccc !important;
}

.SVRadPanelBar_Default .rpExpandable .rpOut {
    position: relative;
}

.SVRadPanelBar_Default .rpRootGroup {
    border-color: #eee !important;
}

.RadPanelBar_Default .rpRootGroup {
    border: none 0px;
    /*border-right: 1px solid #eee;*/
}

.qsf-demo-canvas {
}

    .qsf-demo-canvas .rpRootGroup {
        list-style: none;
        margin: 0px;
        padding: 0px 0px 140px 0px !important;
        border: 0px none !important;
    }

/*.qsf-demo-canvas {
     padding: 0px;
     width: 100%;
     height: 100%;

 
}


.qsf-demo-canvas  .rpExpandHandle, .qsf-demo-canvas .rpText {
    color:#fff;
}*/

body {
    background: #fff;
}



.calendar_Extender input[type="image"] {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.bold {
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
    margin-top: 10px;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}

.boldNoMargin {
    font-weight: 600;
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}

.ajax__tab_default .ajax__tab_header {
    /*z-index: 999999999999;*/
    position: relative;
    top: 1px;
}

.ajax__tab_default {
    position: relative;
    top: 0px;
}

.ajax__tab_panel {
    width: 100%;
    overflow-x: scroll;
}

.RadMenu_Default .rmHorizontal .rmRootLink span.rmText {
    padding-top: 5px;
}

.RadMenu_Default ul.rmHorizontal .rmLeftImage {
    margin: 4px -10px 0 6px;
}

.rcbScroll {
    font-size: 14px !important;
}


/*checkbox*/
.ui-checkbox {
    position: relative;
    margin: 0 20px 10px 25px;
}

    .ui-checkbox input[type="checkbox"] {
        display: none;
    }

        .ui-checkbox input[type="checkbox"] + span, .ui-checkbox input[type="checkbox"] + label {
            font-weight: normal;
            position: relative;
            margin-right: 25px;
        }

            .ui-checkbox input[type="checkbox"] + span:before, .ui-checkbox input[type="checkbox"] + label:before {
                content: "";
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                margin-left: -20px;
                background-color: transparent;
                border-radius: 3px;
                border: 1px solid #ccc;
                margin-top: 0px;
            }

        .ui-checkbox input[type="checkbox"]:disabled + span:before, .ui-checkbox input[type="checkbox"]:disabled + label:before {
            opacity: .65;
            border: 1px solid #ccc;
            cursor: no-drop;
        }

        .ui-checkbox input[type="checkbox"]:checked + span:before, .ui-checkbox input[type="checkbox"]:checked + label:before {
            background-color: #bf9e66;
            border: 1px solid #b1915a;
        }

        .ui-checkbox input[type="checkbox"]:checked + span:after, .ui-checkbox input[type="checkbox"]:checked + label:after {
            content: "";
            width: 8px;
            height: 8px;
            position: absolute;
            top: 3px;
            left: -15px;
            background: url("../img/checkmark.png") no-repeat center center;
            background-size: 14px 14px;
            display: block;
            margin-top: 4px;
        }

.gridview .ui-checkbox input[type="checkbox"]:checked + span:after, .gridview .ui-checkbox input[type="checkbox"]:checked + label:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: -15px;
    background: url("../img/checkmark.png") no-repeat center center;
    background-size: 14px 14px;
    display: block;
    margin-top: 6px;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:before, .ui-checkbox input[type="checkbox"]:disabled:checked + label:before {
    opacity: .65;
    background-color: #ccc;
    border: 1px solid #ccc;
}

.ui-checkbox input[type="checkbox"]:disabled:checked + span:after, .ui-checkbox input[type="checkbox"]:disabled:checked + label:after {
    opacity: .65;
    cursor: no-drop;
    background: url("img/checkmark.png") no-repeat center center;
}
/*radio button*/
.ui-radio {
    position: relative;
    margin: 0 20px 10px 20px;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

    .ui-radio td {
        float: left;
        display: inline-block;
        margin-right: 34px;
    }

@media (max-width: 992px) {
    .ui-radio td {
        float: none;
        display: block;
        margin-right: 34px;
    }
}

.ui-radio input[type="radio"] {
    display: none;
}

    .ui-radio input[type="radio"] + span, .ui-radio input[type="radio"] + label {
        font-weight: normal;
        position: relative;
    }

        .ui-radio input[type="radio"] + span:before, .ui-radio input[type="radio"] + label:before {
            content: "";
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            margin-left: -20px;
            background: white;
            border-radius: 50%;
            border: 1px solid #ccc;
        }

    .ui-radio input[type="radio"]:disabled + span:before, .ui-radio input[type="radio"]:disabled + label:before {
        opacity: .65;
        border: 1px solid #ccc;
        cursor: no-drop;
    }

    .ui-radio input[type="radio"]:checked + span:after, .ui-radio input[type="radio"]:checked + label:after {
        content: "";
        width: 8px;
        height: 8px;
        position: absolute;
        top: 7px;
        left: -15px;
        background-color: #bf9e66;
        border-radius: 50%;
        display: block;
    }

    .ui-radio input[type="radio"]:disabled:checked + span:after, .ui-radio input[type="radio"]:disabled:checked + label:after {
        opacity: .65;
        cursor: no-drop;
        background-color: #ccc;
    }

.small-label {
    font-size: 10px;
    font-weight: 600;
    color: #777167;
}

.Empty-label10 {
    height: 10px;
    display: block;
}

.Empty-label0 {
    height: 12px;
    display: block;
}

.Empty-label1 {
    height: 30px;
    display: block;
}

.Empty-label2 {
    height: 40px;
    display: block;
}

.Empty-label {
    height: 15px;
    display: block;
}

/*end*/
.lbl-ShowPrint {
    display: block;
    background-color: #e4edff;
    color: #718dc4;
    border: 1px solid #c0d5ff;
    padding: 5px 10px;
    margin: 1px 0px;
    border-radius: 3px;
    min-width: 110px !Important;
    font-weight: 600;
}

.info-lblNew {
    display: block;
    background-color: #e4edff;
    color: #718dc4;
    border: 1px solid #c0d5ff;
    padding: 5px 10px;
    margin: 0px 0px 0 0;
    border-radius: 3px;
    min-width: 110px !Important;
    text-align: center;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

.info-lblmsg1 {
    display: block;
    background-color: #FFE2D9;
    color: #993300;
    border: 1px dotted #CC3300;
    padding: 6px 10px;
    margin: 5px 0px 0 0;
    border-radius: 3px;
}

.info-lblMsg {
    display: block;
    color: #13a116;
    padding: 6px 0px;
    margin: 0px 0px 0 0;
    font-weight: bold;
}

.Nestedgridviewtd {
}

    .Nestedgridviewtd .gridview {
        margin-top: 0px !Important;
    }

    .Nestedgridviewtd .table {
        margin-bottom: 0px !Important;
    }

        .Nestedgridviewtd .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
            padding: 1px;
        }

.gridview .ui-checkbox input[type="checkbox"] + span, .gridview .ui-checkbox input[type="checkbox"] + label {
    font-weight: normal;
    position: relative;
    margin-right: 0;
}

.gridview .ui-checkbox {
    position: relative;
    margin: 0 0px 10px 30px;
}

.RadInput_Forest .RadNumericTextBox {
    display: inline-block;
}

.gridview .riSingle a.riUp {
    right: 20px;
    top: 7px;
}

.gridview .riSingle a.riDown {
    right: 20px;
    bottom: 5px;
}

.gridview .riContSpinButtons {
    padding-right: 0px;
}

    .gridview .riContSpinButtons.RadInputRTL, .gridview .riContSpinButtons.riButtonSwap {
        padding-right: 2px;
    }


.gridview .gridview .HeaderStyle {
    border-top: 3px solid #a2acc5!important;
}

/*p {
    margin: 0px 0 0px!important;
}*/

.error1 {
    border: 1px dotted #FF0000;
    font-weight: bold;
    color: Red;
    background-color: #FFD9D9;
    padding: 10px;
}

.RadMenu {
    z-index: 1!Important;
}

.ImgLoader {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    background: #fff;
    height: 45px;
    top: 0px;
    display: table;
    opacity: 0.8;
    z-index: 99999999999;
}
/*---------------------------Validator Start--------------------------------------*/
.ajax__validatorcallout_popup_table {
    direction: ltr;
    left: 0px !important;
    width: 100% !important;
    border: 1px solid red !important;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

.validatormodify .ajax__validatorcallout_popup_table {
    border-radius: 5px !important;
    border: solid 1px #000!important;
    margin-top: -11px !important;
    direction: ltr !important;
    left: 15px;
    width: 92% !important;
    font-family: 'Open Sans', "JF Flat Regular", Tahoma, "JF Flat Regular", Tahoma !important;
}

.validatormodify .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: #FFA6A6;
    padding: 0px;
    margin: 0px;
    border-radius: 5px !important;
    border: 1px solid #990000;
}

.validatormodify .ajax__validatorcallout_callout_cell {
    width: 0px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none !important;
    background-color: transparent !important;
    padding: 0px;
    margin: 0px;
}

.validatormodify .ajax__validatorcallout_icon_cell {
    width: 1px;
    margin: 0px;
    border-right: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.validatormodify .ajax__validatorcallout_error_message_cell {
    font-size: 10px;
    border-right: none !important;
    border-left: none !important;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 200px;
}

.validatormodify .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    margin: 0px;
    text-align: right;
    border-left: none !important;
}

    .validatormodify .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: none !important;
        text-align: center;
        width: 24px !important;
        padding: 0px !important;
        cursor: pointer;
    }

.validatormodify .ajax__validatorcallout_callout_arrow_cell_bottomleftpos .ajax__validatorcallout_innerdiv {
    font-size: 1px;
    position: relative;
    bottom: -1px;
    border: none !important;
    background-color: transparent !important;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -8px!important;
    margin-right: -8px!important;
    width: 20px;
    height: 13px;
    background-image: url(../../Images/Icons/ArrowUp.png);
    background-position-x: -2px;
    background-position-y: 0px;
    background-repeat: no-repeat;
}

.SVvalidator tr:first-child {
    display: none;
}
/*---------------------------Validator End--------------------------------------*/

.Searchbtn {
}



.ReprintHeader {
    display: block;
    background-color: #e4edff;
    color: #000000;
    border: 1px solid #c0d5ff;
    padding: 8px 10px;
    margin: 0px -5px;
    border-left-width: 0px;
    border-right-width: 0px;
    font-weight: 600;
}



a, Select option, table, tr, td, .RadComboBoxDropDown .rcbList, .RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}


.NGridView .gridview {
    margin-top: 0px !important;
}

.modalPopup .RadComboBox table {
    margin: 0px;
}

    .modalPopup .RadComboBox table td.rcbInputCell {
        padding: 2px 0 !important;
    }


.Bt-cash {
    background-image: url(img/cash.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #907005 !important;
}

.Bt-creditcard {
    background-image: url(img/creditcard.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #004c70 !important;
}

.Bt-bankacnt {
    background-image: url(img/bankacnt.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #0f95fc !important;
}

.btn-default.active, .btn-default:active, .btn.active, .btn:active {
    background-image: inherit !important;
}

html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] {
    border-radius: 5px;
}

.btnNewAdd {
}

    .btnNewAdd button, .btnNewAdd input[type="button"], .btnNewAdd input[type="reset"], .btnNewAdd input[type="submit"] {
        margin-top: 1px !important;
    }

.Bt-CreateNew {
    background-image: url(img/Add.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #39435C !important;
    margin-top: 1px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-radius: 3px !important;
}

.Bt-Scan {
    background-image: url(img/iScan.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #39435C !important;
}

.Bt-Attach {
    background-image: url(img/iAttach.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #39435C !important;
}

.Bt-Select {
    background-image: url(img/select.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 35px !important;
    background-color: #39435C !important;
}


/*23-01-19*/
.labelmandatory:after {
    content: '*';
    color: #ff5555;
    padding: 0 5px;
    font-size: 30px;
    position: absolute;
    margin-top: -10px;
}
.DivNotman .labelmandatory:after {
    display:none;
}
.label_man .SVlabel {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    position: absolute;
    right: 18px;
    top: 13px;
    color: red;
}
.help {
    text-align: right;
    font-size: 10px;
    font-style: italic;
    display: block;
}

.errol-lbl {
    color: #4e0303;
    line-height: 30px;
    border-radius: 5px;
    display: block;
    background-color: lavenderblush !important;
    text-align: center;
}
.passDivMsgSD
{
    display: none;
}

.passDivMsgS
{
    display: inherit;
    border-radius: 5px; 
    background-color: #b4fab4 !important;
    text-align: center;
    border: 1px solid #06ac06;
    padding: 8px 10px;
}
.sucess-lbl {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    color: #009b00;
    line-height: 30px;
    border-radius: 0px;
    background-color: #b4fab4 !important;
    text-align: center;
    border: 0px solid #06ac06;
    padding: 8px 10px;
}
.success-lbl {
    display: block;
    background-color: lightgreen;
    color: #0b8a4a;
    border: 1px solid #0b8a4a;
    padding: 8px 10px;
    margin: 10px 0px;
    text-align: center;
}

.info-lbl {
    display: block;
    background-color: lemonchiffon;
    color: darkgoldenrod;
    border: 1px solid darkgoldenrod;
    padding: 8px 10px;
    margin: 10px 0px;
    text-align: center;
}


/*RAFEEK 14052019   start*/

.intro {
    /*background-image: url(../../assets/img/123.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 6px;
    padding: 6px 0 !important;
    text-align: left;
    /* background-color: #26a599 !important; */
    box-shadow: -1px 2px 3px #e9e0cf;
    border: dashed 1px #e1e1e1;
}

.Mostro {
    /*background-image: url(../../assets/img/124.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 6px;
    padding: 6px 0 !important;
    text-align: left !important;
    /* background-color: #26a599 !important; */
    background-size: 21px 20px;
    box-shadow: -1px 2px 3px #e9e0cf;
    border: dashed 1px #e1e1e1;
}

.Featro {
    /*background-image: url(../../assets/img/128.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 6px;
    padding: 6px 0 !important;
    text-align: left !important;
    /* background-color: #26a599 !important; */
    background-size: 18px 18px;
    /*box-shadow: -1px 2px 3px #e9e0cf;*/
    /*border: dashed 1px #e1e1e1;*/
}

.MostDemanded-area {
    margin: 0px 5px;
}

.Acc_1 {
    /*background-image: url(../../assets/img/125.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 3px;
    padding: 4px 0 !important;
    text-align: left !important;
    background-size: 21px 20px;
}

.Acc_2 {
    /*background-image: url(../../assets/img/126.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 3px;
    padding: 4px 0 !important;
    text-align: left !important;
    background-size: 21px 20px;
}

.Acc_3 {
    /*background-image: url(../../assets/img/127.png) !important;*/
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 3px;
    padding: 4px 0 !important;
    text-align: left !important;
    background-size: 21px 20px;
}



/*RAFEEK 14052019   end*/

.whiteline {
    display: block;
    line-height: 22px;
    margin: 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ddd;
}

.NewHomeDiv {
    background-color: #f8f2f2;
    border: solid 1px #333;
    padding: 5px;
    border-radius: 5px;
}

    .NewHomeDiv .SVlabel {
        display: inline-block !Important;
    }


.myapplication-grid .Acc_1 {
    background-image: none !important;
    background-size: 18px;
    background-repeat: no-repeat !important;
    background-position: left 2px bottom 3px;
    padding: 4px 0!important;
    text-align: left !important;
    background-size: 21px 20px;
}

 .myapplication .table > tbody > tr > td, 
.myapplication-grid  .table > tfoot > tr > th, .myapplication .table > tfoot > tr > td {
padding:5px 2px;
width:auto;
border:0px;
}
.myapplication-grid .table > tbody > tr > th {
padding:10px 5px !important;
white-space:nowrap;
width: auto;
text-align:left;
}
.myapplication-grid .firstgrid .table > tbody > tr > th {
padding:0;
white-space:nowrap;
width: auto;
text-align:center;
}
.myapplication-grid .Nestedgridviewtd .table > thead > tr > th, .myapplication .table > thead > tr > td{
padding:0;
}
.myapplication-grid .Nestedgridviewtd .gridview tr td {
    white-space: nowrap;
    padding:0 5px;
}
.myapplication-grid .gvItemNew {
    width: 25px;
    text-align: center;
}
.myapplication-grid .number{
    height: 30px;
    }
.myapplication-grid .number a {
    font-family: 'Open Sans',sans-serif;
    
        text-align: center;
        float:none;
    
}
.myapplication-grid .gridview tr td {
/*text-align:center !important;*/
    width: auto;
    padding:5px 8px !important;
}

.myapplication-grid .gridview .SVlabel {
text-align:center !important;
}
.myapplication-grid .Nestedgridviewtd {
padding:0 !important;
}
.myapplication-grid .gridview .HeaderStyle {
    background: #fff !important;
    border: 0 solid #bf9e66 !important;
}
.myapplication-grid .gridview .PagerStyle a {
float:none !important;
display:table-cell !important;
color:#222 !important;
    padding: 0 5px;
     font-family: 'Open Sans', Tahoma !important;
}
.myapplication-grid .gridview tr td, .myapplication-grid .gridview tr th {
    border-left:0px;
      border-right:0px;
      margin:2px 3px !important;
       padding:2px 3px !important;
}
.myapplication-grid .gridview .PagerStyle span
{
    text-align: center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    /* border-radius: 100%; */
    background-color: #bf9e66;
    margin:0 !important;
}
.Demanded-area .gridview a
{
    min-height:auto  !important;
}

.myapplication-grid .date
{
       white-space: nowrap;
    padding: 0;
    font-size: .875rem;
    line-height: 1;
    margin: 0 !important;
    background-color: transparent;
}

.myapplication-grid .date .SVlabel {
       font-family:'Open Sans', Tahoma !important;
       text-align:left ;
}
.myapplication-grid .date .SVlabel:before{
        content: "\f073";
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    padding:0 5px;
}
.myapplication-grid .gridview {
    border:0px;
    margin-top: 5px !Important;
    margin-bottom: 10px !important;
}

.myapplication-grid .gridview .fa-style {
   height: 35px;
    border: 0 solid;  
    padding:10px;
    display: block;
}
   
    
.padlr15
{
    padding: 0 15px !important;
}