﻿body {
}
/*  Sanjeev Style Start  */

/*  -------------- For Compulsory Data Entered --------------*/
.S_Compulsory {
    color: red;
}

/*  -------------- For Div Start --------------*/
/*  -------------- For Outer Div Start --------------*/
.S_divOuter {
    margin: auto;
    width: 100%;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 2px #55d4ff;
}

    /*  -------------- For Form Content Div Start --------------*/
    .S_divOuter .S_divFormContent {
        padding: 20px 20px;
        text-align: center;
    }

        /*  -------------- For Center Div Start --------------*/
        .S_divOuter .S_divFormContent .S_divCenter {
            width: 100%;
            text-align: center;
        }

        /*  -------------- For Left and Right Div Start --------------*/
        .S_divOuter .S_divFormContent .S_divLeft, .S_divOuter .S_divFormContent .S_divRight {
            width: 50%;
            float: left;
        }

/*  -------------- For Clear Div Start --------------*/
.S_clr {
    clear: both;
}

/*  -------------- For Button Display Div Start --------------*/
.divBtnDisplay {
    text-align: center;
}

/*  -------------- For Form Single Content Start --------------*/
.S_divOuter .S_divFormContent .S_divLeft .S_P {
    padding: 15px 5%;
    text-align: left;
    margin-left: 50%;
}

.S_divOuter .S_divFormContent .S_divRight .S_P {
    padding: 4px 5%;
    margin-right: 0;
    text-align: left;
}

/*  -------------- For Contact Details Start --------------*/
.S_divOuter .S_divFormContent .S_divLeftContact {
    width: 40%;
    float: left;
}

.S_divOuter .S_divFormContent .S_divRightContact {
    width: 50%;
    float: left;
}

.S_divOuter .S_divFormContent .S_divLeftContact .S_Contact {
    padding: 5px 5%;
    text-align: left;
    margin-left: 20%;
}

/*  -------------- For Google Map Start --------------*/
.S_divOuter .S_divFormContent .S_divRightContact .S_Map {
    padding: 5px 5%;
    text-align: left;
}

.S_mapFrame {
    width: 100%;
    height: 300px; /*padding:4px 5%;     margin-right:0;     text-align: left;*/
    border: 2px solid #55d4ff;
}

/*  -------------- For Page Header Start --------------*/

.pageHeaderText {
    font-size: 2.0vw;
    font-weight: bold;
    font-family: Tahoma,cursive,'Britannic','Gill Sans';
}

.S_pageHeader {
    width: 100%;
    background: #143E93;
    border: 1px solid silver;
    border-radius: 5px 5px 0 0;
}

.S_pageHeaderText {
    color: White;
    padding: 15px 15px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

/*  -------------- For Bold Start --------------*/
.S_Bold {
    font-family: Bookman Old Style;
    font-weight: bold;
    font-size: 16px;
    color: Black;
}

/*  -------------- For Label No Border Start --------------*/
/*  -------------- For inbuilt data in label --------------*/
.S_noBorder {
    border: 1px solid !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

/*  -------------- For Label Start --------------*/
.S_lbl {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
}

.S_lblJustify {
    text-align: justify;
    line-height: normal;
}

.S_lblPageHeader {
    font-family: 'Gill Sans'; /*Arial, sans-serif;*/
    color: White;
    padding: 15px 15px;
    font-size: 15pt;
    text-transform: uppercase;
    text-align: center;
}

/*  -------------- For Master Page Top Hearder --------------*/
.S_lblMasterPageHeader {
    font-family: Arial, sans-serif;
    color: White;
    padding: 15px 15px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.S_lblMasterPageHeaderColor {
    color: Black;
}

.S_lblMasterPageHeaderSizeMax {
    font-size: 24px;
}

.S_lblMasterPageHeaderSizeMid {
    font-size: 17px;
}

.S_lblMasterPageHeaderSizeLow {
    font-size: 14px;
}

/*  -------------- For Slider Image Start --------------*/
.S_sliderImageSize {
    width: 100% !important;
    height: 450px !important;
}

.S_sliderImageBorder {
    /*border:1px solid #404095;*/
    border-radius: 20px;
}

/*  -------------- For TextBox Start --------------*/
.S_txtBox {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
    width: 60%;
    padding: 10px;
}

.S_txtBoxBorderRound {
    border: 1px solid silver;
    border-radius: 5px;
}

.S_txtBox:hover {
    border: 1px solid #404095;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

.S_txtBoxMultiLine {
    /*background-color: transparent;     border-color: transparent;     border-style:groove;             overflow:hidden;*/
    position: relative;
    text-align: justify;
    resize: none;
}

.S_txtBoxTextCenter {
    text-align: center;
}
/*  -------------- For Radio Buton List Start --------------*/
.S_rblFalse {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
}

.S_rblTrue {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
}

.S_rblPadding {
    padding: 10px 15px;
}

.S_rblMargin {
    margin: 27px 30px;
}

.S_rblTrue:hover {
    border-radius: 5px;
    border: 0px solid #404095;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

/*  -------------- For GridView Start --------------*/
.S_GV {
    width: 100%;
    height: auto;
    border: 1px solid silver;
}

.S_GVButton {
    font-family: Bookman Old Style;
    font-size: 16px;
    color: white;
    padding: 5px 15px;
    background: #55d4ff;
    text-decoration: none;
}

.S_gvHeader {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 16px;
    background-color: Gray;
    color: White;
}

.S_gvRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: yellow;
    color: Black;
}

.S_gvAlternativeRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: yellow;
    color: Black; /*#284775*/
}

.S_gvPager {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: yellow;
    color: #284775; /*#284775*/
}

.S_gvFooter {
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: Green;
    color: Black;
}

/*  -------------- For Inner GridView Start --------------*/
.S_innerGVDiv {
    overflow: auto;
    display: none;
    position: relative;
    overflow: auto;
}

.S_innerGV {
    width: 100%;
    height: auto;
    border: 1px solid silver;
}

.S_innergvHeader {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 16px;
    background-color: Brown;
    color: White;
}

.S_innergvRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: pink;
    color: Black;
}

.S_innergvAlternativeRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: Pink;
    color: Black; /*#284775*/
}

.S_innergvPager {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: Pink;
    color: #284775; /*#284775*/
}

.S_innergvFooter {
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: Green;
    color: Black;
}

/*  -------------- For 3rd Inner GridView Start --------------*/
.S_3rdInnerGVDiv {
    overflow: auto;
    display: none;
    position: relative;
    overflow: auto;
}

.S_3rdInnerGV {
    width: 100%;
    height: auto;
    border: 1px solid silver;
}

.S_3rdInnergvHeader {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 16px;
    background-color: Green;
    color: White;
}

.S_3rdInnergvRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: White;
    color: Black;
}

.S_3rdInnergvAlternativeRow {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: antiquewhite; /* wheat whitesmoke */
    color: Black; /*#284775*/
}

.S_3rdInnergvPager {
    text-align: center;
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: White;
    color: #284775; /*#284775*/
}

.S_3rdInnergvFooter {
    font-family: Bookman Old Style;
    font-size: 14px;
    background-color: aquamarine;
    color: Black;
    text-align: center;
}

/*  -------------- For Checkbox Start --------------*/
.S_checkBox {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
    width: 65%;
    border: 0px solid silver;
    border-radius: 5px;
}

.S_checkBoxpadding {
    padding: 0px 0px;
}
/*.S_checkBox:hover
{
    border:0px solid #404095;
    box-shadow:0px 0px 2px 2px #55d4ff;    
}*/

/*  -------------- For Dropdown Start --------------*/
.S_dropdown {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
    width: 60%;
    border: 1px solid silver;
    border-radius: 5px;
}

.S_widthAuto {
    width: auto;
}

.S_dropdownpadding {
    padding: 10px 10px;
}

.S_dropdown:hover {
    border: 1px solid #404095;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

/*  -------------- For HR (Horizontal Row) Start --------------*/
.S_hr {
    width: 100%;
    border: 1px solid #55d4ff; /*box-shadow:0px 0px 10px 2px #55d4ff;*/
    text-align: center;
}

/*  -------------- For Panel Start --------------*/
.S_Panel {
    width: 100%;
    height: auto;
}

.S_PanelPadding {
    padding: 10px 0px;
}

.S_PanelBorder {
    border: 2px solid silver;
    border-radius: 10px;
}

/*  -------------- For View Photo Gallery Start --------------*/
.S_photoFolder {
    /*width:70%;     height:25%;*/
    /*width: 250px;
    height: 200px;*/
    width: 250px;
    max-width: 100%;
    min-height: 10%;
    /*min-height: 100px;*/
    /*max-height: 200px;*/
}

.S_photoFolderBorderRound {
    border: 2px solid silver;
    border-radius: 10%;
}

.S_photoFolder:hover {
    border: 2px solid white;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

/*  -------------- For Magazine Start --------------*/
.S_magazineImage {
    width: 150px;
    height: 190px;
}

.S_magazineImageBorderRound {
    border: 2px solid silver;
    border-radius: 5%;
}

/*  -------------- For Tag Image Start --------------*/
.S_aTagImage {
    width: 40%;
    height: auto;
}

.S_aTagImageBorderRound {
    border: 0px solid silver;
    border-radius: 5%;
    padding: 10px 10px;
}

.S_aTagImage:hover {
    border: 0px solid silver;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

/*  -------------- For Passport Photo Start --------------*/
.S_passportPhoto {
    width: 100px;
    height: 100px;
    border-style: ridge;
}

.S_LabelPhoto {
    height: 155px; /*140px;*/
}

/*  -------------- For File Uploader Start --------------*/
.S_fileUploader {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
    width: 60%;
}

.S_fileUploaderPaddingZero {
    padding: 0px 0px;
}

.S_fileUploaderPadding {
    padding: 10px 0px;
}

.S_fileUploader_1:hover {
    border-radius: 5px;
    border: 0px solid #404095;
    box-shadow: 0px 0px 10px 2px #55d4ff;
}

/*  -------------- For Span Start --------------*/
span {
    font-family: Bookman Old Style;
    font-size: 14px;
    color: Black;
}

/*  -------------- For Example Start --------------*/
.S_Example {
    font-family: Bookman Old Style;
    font-size: 12px;
    color: Red;
}

/*  -------------- For Count Text Characters Start --------------*/
.S_CountChar {
    font-family: Bookman Old Style;
    font-size: 15px;
    color: Red;
}

/*  -------------- For Button Start --------------*/
.S_button {
    font-family: Bookman Old Style;
    font-size: 16px;
    color: white;
    width: 30%;
    padding: 10px;
    background: #55d4ff;
    text-decoration: none;
}

.S_buttonBorderRound {
    border: 1px solid #55d4ff;
    border-radius: 10px;
}

.S_button:hover {
    border: 1px solid white;
    background: #55d4ff;
    color: White;
    box-shadow: 0px 0px 7px 1px #55d4ff;
}

.S_widthAuto {
    width: auto;
}

/*  -------------- For Pop Up Start --------------*/
/*  S_Background and S_Popup effect aitho nai hona page ch ja k kro   */
.S_Background {
    background-color: blue; /*li filter: alpha(opacity=90);*/
    opacity: 0.4;
}

.S_Popup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: red;
    padding: 20px 10px;
    width: 60%;
    height: auto;
    border-radius: 15px;
}

.S_buttonPopUp {
    width: 18%;
}

/*  -------------- For Pop Up Start --------------*/
.S_validation {
    font-family: Arial;
    font-size: 11px;
    color: Red;
}

/*  -------------- For Master Footer --------------*/
.S_divDesignDeveloper {
    margin: auto;
    width: 80%;
    margin-bottom: 10px;
}

.S_pageFooterDesign {
    font-size: 1.0vw;/*11pt;*/
    font-family: Calibri;
    color: yellow; /*#a2abb7;*/
}



.S_btnSuccess {
    color: #ffffff;
    background-color: #4cd964;
    border-color: #4cd964;
}

.S_btnDanger {
    color: #ffffff;
    background-color: #ff2d55;
    border-color: #ff2d55;
}

/*  Sanjeev Style End   */
