h1,h2,h3,h4,p,.form-control, .btn{
    font-family:Verdana;
}

 #SSKMainNavigation{
     border:none;
     padding-top:195px;
     width:538px;
     height:551px;
     background:url('/Content/images/house.jpg') no-repeat #fff;
 }

 #SSKNewtransaction{
     padding-top:100px;
 }

 body-content{
     padding-left:15px;
     padding-right:15px;
 }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
html, body {
height: 100%;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  padding-left:15px;
  padding-right:15px;
  height: 80px;
}

#nav-left {background:#919E95;width:647px;padding-left:2.5em;}
#nav-right{}

@media only screen and (max-width:1023px) {

    #nav-left {
        padding-left: 0;
        width:247px;
    }

    #nav-left {
        background: none;
        width: 300px;
    }
}
@media only screen and (max-width:480px) {
    .navbar-header {
        min-width: 280px;
    }

    #nav-left li a, #nav-right li a {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #nav-left li .active, #nav-right li .active {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    /*#logo {width:auto;}
	#logo img {display:block;}*/
	#logo {width:100%;float:none;}
		#logo img {display:block;}
}


div.header-container{
    height:45px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 7%, #ff670f 74%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#ffffff), color-stop(74%,#ff670f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 7%,#ff670f 74%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 7%,#ff670f 74%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 7%,#ff670f 74%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 7%,#ffffff 74%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */

    width:100%;
    margin-bottom:30px;
}
.dataTable{
    padding:10px;
    overflow-y:scroll;
    max-height:340px;
}

div a img.company-logo{
    margin-top:10px;
    margin-left:20px;
    /*box-shadow:5px 5px 10px #333;*/
    float:left;
}
.container .left {
float:left;
}
div.header-container .right {
float:right;
text-align:right;
width:300px;
margin-right:50px;
}
div.header-container .right p{white-space:nowrap;margin:0;color:#fff;font-weight:bold;}

div.login-index{
    padding-top:20px;
    margin-left:20px;
    margin-top:20px;
    width:400px;
    position:fixed;
    border:solid;
    z-index:5;
    background: rgb(255,255,255); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(255, 255, 255, .5);
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#ssk{
    font-size:x-large;
}


    body {
        background: none;
        margin-left: 0px;
    }

    .body-content {
        margin-left: 0px;
    }

    #footer {
        height: 30px;
        background: none;
        font-size: 21px;
    }

    #wrap {
        margin-bottom: -80px;
    }

    div.subRow {
        margin-top: 20px;
    }

    div.LastRow {
        text-align: center;
        margin-top: 20px;
    }

        .DisplayTextBox{
        background:none;
        border:none;
        color:black;
        max-width:97px;
        min-width:50px;
        text-align:center;
    }
    .DisplayBrokerDetailsTextBox{
        background:none;
        border:none;
        color:black;
        width:250px;
        text-align:left;
    }
    .DisplayContainerDetailsTextBox{
        background:none;
        border:none;
        color:black;
        width:150px;
        text-align:left;
    }
    .SmallDisplayTextBox {
        background: none;
        border: none;
        color: black;
        width:50px;
        text-align: center;
    }  
        .check {
        display: inline-block;
        height: 16px;
        /*background-color: orange;
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
        -moz-border-radius: 3px;
        border-radius: 3px;*/
    }
        .check:before {
            content: "\2713";
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
            font-size: 25px;
            color: orange;
            text-align: center;
            line-height: 15px;
        }


.nav {
    width:100%; 
    height: 150px; 
    position: absolute; 
    bottom: 0; left: 0
}

/* Partial Pages */
.ictsi {
    background-color: #F2F2F2;
    border-radius: 7px;
    color: black;
    margin-bottom: 10px;
}

.ppa {
    background-color: #E8E5BC;
    border-radius: 7px;
    color: black;
    margin-bottom: 10px;
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}
 
.modal {
    overflow-y: auto;
}