body {
    background: #212121;
    /*background-image:url('bg1.jpg');*/
    /*background-repeat:repeat;*/
    font-family: verdana;
    font-size: 12px;
    line-height: 1.5em;
}

body, html {
    margin: 0;
    padding: 0;
}

.column {
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

#wrapper {
    /* width:905px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left : auto;
    margin-right:auto;*/
}

#header {
    /*background:#0B3A4A;*/
    /* background-image:url('bg_header.jpg');
   background-repeat: repeat-x;*/
    background: #FFFFFF;
}

#header-content {
    width: 960px;
    height: 95px !important;
    margin: 0 auto;
    /*margin-top:5px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;*/
}

#homeheader {
    /*background:#D4D4FF;*/
    background: #FFFFFF;
    /*background-image:url('bg_header.jpg');
   background-repeat: repeat-x;*/
}

#homeheader-content {
    width: 960px;
    height: 210px;
    margin: 0 auto;
    /*margin-top:5px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;*/
}

.contentWisdom {
    /*background: #c5e7f1;*/
    /*background-image:url('bg1.jpg');
    background-repeat:repeat;*/
    background: #F0F0F0;
}

.contentWisdom-content {
    /*background: #BCDEE8;*/
    /*background: #E1FAFF;*/
    /*background-image:url('content_bg.png');*/
    /*background-image:url('bg1.jpg');*/
    background: #F7F7F7;
    color: #5D5D60;
    font-size: 15px;
    width: 960px;
    min-height: 40vh;
    margin: 0px auto;
}

.menucontentWisdom {
    /*background: #c5e7f1;*/
    /*background-image:url('bg1.jpg');
    background-repeat:repeat;*/
    /*background: #F0F0F0;*/
    background-color: #2e3092 !important;
}

.menucontentWisdom-content {
    /*background: #BCDEE8;*/
    /*background: #E1FAFF;*/
    /*background-color:Black;*/
    /*background-image:url('content_bg.png');*/
    /*background-image:url('bg1.jpg');*/
    /*background: #F7F7F7;*/
    /*font-size: 15px; */
    width: 960px;
    height: 45px;
    margin: 0px auto;
}



#footer {
    background: #333333;
}

#footer-content {
    width: 960px;
    font-size: 12px;
    line-height: 2.5em;
    height: 0px;
    margin: 0 auto;
    /*border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;*/
}

/****************************************************************************************************************/

#logo {
    background-color: Silver;
    display: block;
    width: 88px;
    height: 88px;
    margin: 23px 0 0 0px;
    position: absolute;
}

#logoheader {
    background-color: Maroon;
    width: 100%;
    height: 110px;
    margin: 18px 0 0 0px;
}

/*****************************************************************************************************************/

.floatleft {
    float: center;
    text-align: center;
}

.design {
    width: 500px;
    float: left;
    text-align: left;
    margin-left: 16px;
    color: #656565;
}

    .design a,
    .design a:focus,
    .design a:hover {
        color: #656565;
        text-decoration: underline;
    }

.followus {
    color: #656565;
    float: right;
    margin-right: 16px;
}

.clear {
    clear: both;
}


/*****************************************************************************************************************/
/*Follus us Spinning*/
.spinning_icons a {
    width: 48px;
    display: inline-block;
    text-indent: -9999em;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 2000;
    overflow: hidden;
}

.twitter {
    background: url('../followsusimages/twitter_O.png');
}

.facebook {
    background: url('../followsusimages/fb_O.png');
}

.linkedin {
    background: url('../followsusimages/linkedin_O.png');
}

.spinning_icons a:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transition: transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
}





/*****************************************************************************************************************/


/*
.text4
{
	box-shadow:0px 0px 2px 0px #333;
	transition: 200ms all ease;
	border:none;
	padding: 5px 5px;
	width:175px;
	height:15px;

}
.text4:hover, .text4:focus
{
	margin:-5px 0 0 -5px;
	height:18px;
	width:200px;
}
*/

/*****************************************************************************************************************/

input[type='text'] {
    padding: 5px 0 5px;
    border: 1px solid #8D8D8D;
}
/*
input[type='radio']
{
    display:inline;
}*/


table.form {
    width: 100%;
}

    table.form tr td:first-child {
        width: 300px;
    }

    table.form tr td {
        padding: 4px;
    }

        table.form tr td table tr td:first-child {
            width: auto;
        }

.line1 {
    margin: 30px 40px;
    width: 400px;
    /*float: left;*/
}

.text1 {
    border: 2px solid rgb(173, 204, 204);
    height: 15px;
    width: 200px;
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

    .text1:hover, .text1:focus {
        width: 200px;
        transition: 500ms all ease;
        padding: 3px 32px 3px 3px;
        color: #1E1E1E;
    }

#txtLoginUsername:hover, #txtLoginUsername:focus {
    background: url(../Images/Administrator-icon.png) no-repeat right;
    background-size: 25px 25px;
    background-position: 96% 62%;
}

#txtLoginPassword:hover, #txtLoginPassword:focus {
    background: url(../Images/App-password-icon.png) no-repeat right;
    background-size: 25px 25px;
    background-position: 96% 62%;
}



/*collapsible panel*****************************************************************************************************************/
/*.TableHeader
{    
    font-size: 13px;
    font-family:Arial;
    color: #ffffff;
    height: 10px;
   background: #111;
	background: -moz-lcinear-gradient(#3974c3, #111); 
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #3974c3));	
	background: -webkit-linear-gradient(#3974c3, #111);	
	background: -o-linear-gradient(#3974c3, #111);
	background: -ms-linear-gradient(#3974c3, #111);
	background: linear-gradient(#3974c3, #111);
    border-radius: 3px;
    font-weight: bold;
     
}*/

.TableHeader {
    font-size: 13px;
    font-family: Arial;
    color: #FFFFFF;
    padding-top: 4px;
    height: 10px;
    background: #5D5D5D;
    /*background: -moz-linear-gradient(#B1B1B1, #111); 
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #B1B1B1));	
	background: -webkit-linear-gradient(#B1B1B1, #111);	
	background: -o-linear-gradient(#B1B1B1, #111);
	background: -ms-linear-gradient(#B1B1B1, #111);
	background: linear-gradient(#B1B1B1, #111);*/
    border-radius: 3px;
    font-weight: bold;
}

/* Changes started doing on 24-09-2020 */
.generalTextbox {
    width: 230px;
    padding-left: 5px;
}

.customerDetailTextBox {
    width: 230px;
    padding-left: 5px;
    text-transform: uppercase;
}

.emailTextBox {
    width: 230px;
    padding-left: 5px;
    text-transform: lowercase;
}

.btnPrint {
    position: absolute;
    width: 75px;
    height: 25px;
    background-color: #303030;
    right: 61px;
}

.btnExport {
    position: absolute;
    width: 75px;
    height: 25px;
    background-color: #303030;
    right: 140px;
}

.btnDropDown {
    display: block;
    width: 250px;
    /*padding: .375rem .75rem;*/
    padding: .25rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pb-1 {
    padding-bottom: 1rem;
}

.paddingExport {
    padding-left: 434px;
}

.paddingGeneral {
    padding-left: 15px;
}

.checkbox label {
    padding-left: 5px;
}

.gridOptionPadding {
    padding: 20px 40px 5px 40px;
}

.gridAlignment {
    padding: 0px 40px 5px 40px;
}

.paddingControls {
    padding-left: 30px;
}

.btnSearch {
    background-color: #2e3092 !important;
    border: 1px solid #2e3092 !important;
    padding: .375rem .75rem;
    border: 0;
    cursor: pointer;
}

    .btnSearch:hover, .btnSearch:focus {
        background-color: #393ca1 !important;
        border: 1px solid #393ca1 !important;
    }

.btnLogout {
    padding: .375rem .75rem;
    background-color: #2e3092;
    border: 0;
    cursor: pointer;
}

    .btnLogout:hover,
    .btnLogout:focus {
        background-color: #393ca1;
    }

.row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.col-6 {

    max-width: 45%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-12 {
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.form-control {
    display: block;
    width: 90%;
    height: calc(0.7em + .5rem + 2px);
    padding: .375rem .75rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #8D8D8D;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control1 {
    display: block;
    width: 95.5%;
    height: 2.8rem !important;
    padding: .375rem .75rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #8D8D8D !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-filter {
    display: block;
    width: 95.5%;
    height: 2.3rem !important;
    padding: .375rem .75rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #8D8D8D !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.label {
    display: inline-block;
    margin-bottom: .5rem;
}
.form-group {
    margin-bottom: 1rem;

}
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 0.5rem;
}
.mb
{
    margin-bottom:1rem;
}
.pt
{
    padding-top:1rem;
}
.mt
{
    margin-top:0.6rem;
}

.filterPadding 
{
    padding-bottom:15px;
    margin-top: 1.6rem;
}