html, body {
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    padding-top: 60px; /* header */
    color:#595959;
    /*font-family:lucida grande, verdana, sans-serif;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;

    min-height:700px;
}

body.in-modal {
    padding-top: 0 !important;
}

div.fade {
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
}

input::-ms-clear {
    display: none;
}

.logo {
    background-image:url('../custom/idm/client_logo.png');
    background-repeat: no-repeat;
    width:300px;
    height:40px;
    display: inline-block;

}

#header .logo {
    cursor: pointer;
}

a { color:#55a6d5; }
a:hover { color:#1d72a3; }

a.button { color:#555555; }
a:hover.button { color:#212121; }




h1, h2, h3, h4, h5 { margin:0 0 10px 0; padding:0; line-height:1em; color:#555}
h1 { font-size:20px; font-weight:normal; margin:0; }
h1 a, h1 a:hover { text-decoration:none; color:#AAAAAA; }
h2 { font-size:18px; color:#1a83c2; }
h2 a { color:#152534; text-decoration:none; }
h3 { color:#766f72; font-size:16px; }
h3 a { text-decoration:none; }
h4 { color:#766f72; font-size:12px; }
small { font-size:11px; font-weight:normal; }


.affix {
    top:65px;
}

/* Wrapper for page content to push down footer */
#wrap {
    /*min-height: 100%;*/
    /*height: auto !important;*/
    /* Negative indent footer by it's height */

    /*margin: 0 auto -50px;*/

    padding-top:60px; /*header height*/
   /* padding-bottom:50px; /*footer height*/
}

#header
{
    height:60px;
    background:#3b3b3b;
    border-bottom: 10px #353535;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}




#footer
{
    background:#ffffff;
    color:#999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left:0px;
    bottom:0px;
    height:50px;
    width:100%;
}




#footer .line
{
    margin-top:10px;
}

.fill-height {
    overflow: hidden;
}



.edit-btns {
    margin-top:20px;
    margin-bottom:20px;
}


.page-title {
    font-size: 30px;
    margin-top: 20px;
    display: inline-block;
}


.section-title {
    color:#fff;
    font-size: 30px;
    margin-top: 20px;
    display: inline-block;
}

.company-logo {
    margin-top: 10px;
}



.search {
    background-color: #e6e6e6;
    padding:0px;
    height:38px
}

.item-list {
    background-color: #cccccc;
    height:270px;
}

.page-divider h1, .page-divider h2, .page-divider h3, .page-divider h4, .page-divider h5{
    color:#fff;
    margin-top: 5px;
    display: inline-block;
}

.info-panel {
    background-color: #efefef;
    padding:10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.panel-fixed {
    position: fixed;
}






.top-row {
    padding-top:10px;
}






/*

@media (min-width: 1200px) {
    .background-row {
        margin-right:-30px;
    }
}


.background
{
   background:url('../img/main-background-center.png') 0 0 repeat-x;
   height:107px;
   margin-bottom: -100px;
   position: relative;
   z-index: -1;
}


.background-left
{
    background:url('../img/main-background-left.png') 0 0 no-repeat;
    width:20px;
    height:107px;
    margin-left:-20px;
    display:inline-block;
}

.background-right
{
    background:url('../img/main-background-right.png') 0 0 no-repeat;
    width:20px;
    height:107px;
    float:right;
    margin-right:-20px;
}

*/

.main_color {
   color:#bf0d41;
}


.sub_nav
{
	margin-left:0px;
	margin-bottom:20px;
}



#main_body
{
    min-height:500px;
}



#main_title
{
	margin-left:10px;
    float:left;
}

.logo {
    float:left;
    margin-top:10px;
    width:150px !important;
}


.client-logo {
    background-image: url('resource/custom/default/client_logo.png');
}

#client_logo
{
	vertical-align:middle;

}



.product-selection, .product-selection .dropdown-menu {
    width:100%;
    max-width:150px;
}

.product-selection
{
    margin-bottom: -30px !important;
    margin-top:30px;
}


.info-panel.affix {
    top:70px;
    width:280px;
}


@media (min-width: 1200px) {
   .info-panel.affix {
        width:350px;
    }


}





.fade-in-on-load{
   visibility:hidden;
   display:block;
}
	

.line
{
	border-top:1px solid #aaaaaa;
	width:100%;
}	
	



.note {
	margin:0px 0 3px 0;
	font-size:.8em;
}

td .note {
    margin:-4px 0 0 0;

}


.modal {
    width:700px;
}


.dropdown-image
{
	margin-right:3px;
}

.small-bottom-spacer
{
    margin-bottom:10px;
}

div.spacer, .bottom-spacer
{
	margin-bottom:20px;	
}

div.double-spacer, .large-bottom-spacer
{
	margin-bottom:40px;	
}








.img-cropped {
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.img-cropped-frame {
    border: 4px solid #fff;
    overflow: hidden;
}


.list-image-small .img-cropped-frame {
    width:40px;
    max-height:40px;
}

.list-image-small .img-cropped-frame img{
    width:40px;
}

.panel-image .img-cropped-frame {
    width:100px;
    max-height:100px;
}

.panel-image .img-cropped-frame img {
    width:100px;
}

.list-image .img-cropped-frame {
    width:60px;
    max-height:60px;
}

.list-image .img-cropped-frame img {
    width:60px;
}









.drag
{
    cursor:move !important;
}


#overlay
{
	background-color: #FFFFFF;
	position:absolute;
	z-index:1;
	opacity:0.9;
}

.span4 .affix {
    width: 300px;
}


@media (min-width: 1200px) {
    .span4 .affix {
        width: 370px;
    }
}





@media only screen and (max-width: 480px) {
    h1 {
        font-size: 10px !important; 
        max-width:10px !important;
        overflow:hidden;
    }
    
    #client_logo {
        
        width:100px;
       
    }
    
    .fill-width-phone {
        
        width:100%;
        display:block;
    }
}