/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

.lt {float:left;}
.rt {float:right;}
.clr {clear:both;}

body { font-family: 'Roboto'; font-size: 14px; line-height: 1.15; color: #363636; min-width: 100%;  }
/*background: url(images/jandb-bg.png) bottom left repeat-x;*/

.shell { margin: auto; width: 1100px; }
.shell-secondary { width: 100%; }

.fullscreen { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; max-width: inherit; }

.wrapper { min-height: 100%; position: relative; }

/* ------------------------------------------------------------ *\
	Clear
\* ------------------------------------------------------------ */

.form-login .form-actions:after,
.nav-utilities ul:after,
.shell:after { content: ''; line-height: 0; display: table; clear: both; }
.nav-utilities2 ul:before,


/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

a { color: #002f7c; }

/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */

h1 {
    font-size: 34px;
    color: #54616B;
}
h2 { font-size: 25px; }

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

.logo,
[class^="ico-"] { font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; background-image: url(images/sprite.png); background-repeat: no-repeat; }

/* ------------------------------------------------------------ *\
	Logos
\* ------------------------------------------------------------ */

.logo {
    background: url(images/jandb-portal-logo.png) no-repeat 0 0;
    width: 230px;
    height: 120px;
}
/*.logo:hover { opacity: 0.7; }*/

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-user { background: url(images/ico-user.png) no-repeat 0 0; width: 15px; height: 14px; }
.ico-list { background: url(images/ico-list.png) no-repeat 41px center; }
.ico-cards { background: url(images/ico-cards.png) no-repeat center 25px; }
.ico-form { background: url(images/ico-form.png) no-repeat center center; }
.ico-receipt { background: url(images/ico-receipt.png) no-repeat center center; }
.ico-Noreceipt { background: url(images/ico-Noreceipt.png) no-repeat center center; }
.ico-message { background: url(images/ico-mail.png) no-repeat center center; }
.ico-mail-secondary { background: url(images/ico-mail-small.png) no-repeat 0 0; width: 18px; height: 12px; position: relative; top: -2px; margin-right: 20px; }
.ico-phone { background: url(images/ico-phone.png) no-repeat 0 0; width: 16px; height: 17px; position: relative; top: -2px; margin-right: 20px; }
.ico-fax { background: url(images/ico-fax.png) no-repeat 0 0; width: 17px; height: 15px; position: relative; top: -2px; margin-right: 20px; }
.ico-user-secondary { background: url(images/user-secondary.png) no-repeat center center; }
.ico-lock { background: url(images/lock.png) no-repeat center center; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn {
    display: inline-block;
    background-color: #16679E;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    font-weight: normal!important;
    color: #fff;
    min-width: 253px;
    text-transform: uppercase;
    padding: 11px 0 12px;
}
.btn:hover { opacity: 0.7; text-decoration: none; }

.btn-trash { background: url(images/ico-trash.png) no-repeat 0 0; width: 17px; height: 21px; display: inline-block; vertical-align: middle; }

.btn-remove { background: url(images/btn-remove.png) no-repeat 0 0; width: 14px; height: 13px; display: inline-block; }

.btn-secondary { font-size: 18px; border-radius: 0px; border: 1px solid #5a9cd4; min-width: 260px; padding-top: 9px; padding-bottom: 9px; }
.k-button:hover {
    background: #69B3E7!important;
}
.jb-btn-md {
    min-width:200px;
}
.jb-btn {
    display: inline-block;
    background-color: #16679E!important;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    font-weight: normal !important;
    color: #fff!important;    
    text-transform: uppercase;
    padding: 11px 0 12px;
    text-decoration:none!important;
}
.jb-btn-secondary {
    font-size: 18px;
    border-radius: 2px;
    border: 1px solid #5a9cd4!important;   
    padding: 9px;
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/*  Form Elements Placeholders  */

::-webkit-input-placeholder { opacity: .5; }
:-moz-placeholder { opacity: .5; }
::-moz-placeholder { opacity: .5; }
:-ms-input-placeholder { opacity: .5; }

/*  Form Elements Base  */

.field { }
.textarea { }
.select { }
.radio { }

.checkbox { position: relative; }
.checkbox input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.checkbox label { font-size: 16px; color: #333333; position: relative; padding: 0 0 0 34px; }
.checkbox label:after { background: url(images/checks.png) no-repeat 0 0; width: 21px; height: 21px; content: ''; position: absolute; top: 0; left: 0; }
.checkbox-secondary label { font-size: 17px; font-weight: bold; }
.checkbox-secondary label:after { background-image: url(images/checks-secondary.png); width: 27px; height: 27px; }
.checkbox input[type="checkbox"]:checked + label:after { background-position: 0 bottom; }

.radio { position: relative; }
.radio input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
label.form-label {
    font-size: 16px;
    color: #54616b;
    position: relative;
    padding: 0 0 0 12px;
    vertical-align: sub;
}
.section-login label.form-label {padding:0 0 0 30px;}
.radio label:after { background: url(images/checks.png) no-repeat 0 0; width: 21px; height: 21px; content: ''; position: absolute; top: 0; left: 0; }
/*.radio label:after { background: url(images/checks.png) no-repeat 0 0; width: 21px; height: 21px; content: ''; position: absolute; top: 0; left: 0; }*/
.radio input[type="radio"]:checked + label:after { background-position: 0 bottom; }
.radio-secondary input[type="radio"]:checked + label:after { background: url(images/radio.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Navigations
\* ------------------------------------------------------------ */

.nav-utilities li { float: left; padding: 3px 0 5px; height:24px; }
.nav-utilities li + li { border-left: 2px solid #002f7c; margin-left: 10px; padding-left: 9px; }

.nav-utilities a { font-size: 14px; color: #002f7c; display: block; }

.nav-utilities .ico-user { margin: 0 3px 0 0; position: relative; top: -1px; }


.nav-utilities2 li { float: left; padding: 3px 0 5px; height:24px; }
    .nav-utilities2 li + li {
        border-left: 2px solid #54616B;
        margin-left: 10px;
        padding-left: 9px;
    }

.nav-utilities2 a {
    font-size: 22px;
    color: #54616B;
    display: block;
}

.nav-utilities2 .ico-user { margin: 0 3px 0 0; position: relative; top: -1px; }


.nav {
    /*border-top: 1px solid #445a78;*/
    background: #16679E;
    padding: 5px 0 4px;
    min-height: 48px;
}
    .nav ul {
        overflow: hidden;
        border-right: 1px solid #69B3E7;
        margin: 10px 0px 10px 0px!important;
    }
    .nav li {
        float: left;
        width: 20%;
        text-align: center;
        font-size: 18px;
        border-left: 1px solid #69B3E7;
    }

.nav a { color: #fff; display: block; padding: 8px 0 9px; }
    .nav a:hover {
        color: #CFD550;
        text-decoration:none;
    }
.k-link {
    color: #54616B!important;
}
.bg-primary {
    background-color: #16679E;
}
.table th {
    font-weight:normal;
}
.jb-alert h3 {
    color: #54616B!important;
}
/*.nav a:active { background: url(images/nav-current.png) repeat 0 0; }*/
/* ------------------------------------------------------------ *\
	Forms
\* ------------------------------------------------------------ */
.form-reply {
    background-color: #f4f4f4;
    border-top: 1px solid #bcbdbd;
    border-bottom: 2px solid #bcbdbd;
    padding: 21px 120px 12px;
}
.form-reply .textarea { width: 100%; border: 1px solid #e4e5e5; font-size: 18px; color: #333; padding: 3px 10px; height: 79px; }
.form-reply .form-actions { border: 1px solid #e4e5e5; border-top: 0; background-color: #fff; text-align: right; padding: 3px 9px; }

.form-reply .form-btn { border: 1px solid #e4e5e5; background-color: #002f80; text-align: center; color: #fff; font-size: 18px; width: 112px; height: 35px; }
.form-reply .form-btn:hover { opacity: 0.7; }

.form-login { padding: 35px 27px 20px; background-color: #fff; }
.form-login .field, .form-login .k-textbox, .form-login .password { width: 100%; border: 1px solid #dcdcdc; border-radius: 4px; background-color: #eee; font-size: 21px; font-weight: bold; height: 54px; padding-left: 50px; padding-right: 20px; }

.form-login .form-controls { position: relative; margin-bottom: 18px; }
.form-login .form-controls i { position: absolute; top: 15px; left: 14px; width: 23px; height: 23px; z-index:9999; }
.form-login .form-controls a { font-size: 16px; color: #4473b8; display: inline-block; margin-top: 10px; }

.form-login .form-actions { border-bottom: 2px solid #cbcbcb; padding-bottom: 25px; margin-bottom: 25px; }
.form-login .form-actions .checkbox { float: left; }
.form-login .form-actions .btn { float: right; margin-top: -20px; min-width: 200px; }

.form-login .form-col { width: 50%; float: left; padding-right: 50px; font-size: 18px; color: #787878; line-height: 1.22; padding-left: 22px; }
.form-login .form-col + .form-col { padding-right: 20px; padding-left: 40px;  }

.form-login .form-foot { overflow: hidden; position: relative; padding: 12px 0 10px; }
.form-login .form-foot p { padding-bottom: 10px; font-weight: bold; }
.form-login .form-foot:after { position: absolute; border-left: 2px solid #e1e1e1; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -1px; content: ''; }
.form-login .form-foot a { font-weight: bold; }

/* ------------------------------------------------------------ *\
	Messages
\* ------------------------------------------------------------ */

.messages-head { background-color: #5a9cd4; border-top: 1px solid #bcbdbd; }
.messages-head ul { display: table; width: 100%; height: 41px; list-style-type: none; }

.messages-head li { display: table-cell; vertical-align: middle; padding: 0 0 0 30px; }
.messages-head li:first-child { width: 400px; }

.messages-body { background-color: #fff; padding-bottom: 20px; }
.messages-body ul { list-style-type: none; }

.message { padding: 0 20px; position: relative; }
.message .btn-trash { display: none; }
.message-head { border: 1px solid #e4e5e5; border-top: 0; display: table; width: 100%; }

.message-head .message-avatar,
.message-head .message-name,
.message-head .message-date,
.message-head .message-description { display: table-cell; vertical-align: middle; padding: 10px 0 9px 15px; font-size: 18px; }

.message-head .message-avatar { width: 95px; }
.message-head .message-avatar img { border-radius: 50%; overflow: hidden; }
.message-head .message-name { width: 297px; }
.message-head .message-date { width: 200px; }

.message-container { max-height: 0px; overflow: hidden; }
.message.visible .message-container { max-height: 600px; }

.message.visible { background-color: #e9f0f1; border-top: 1px solid #e4e5e5; margin-top: -1px;  }
.message.visible .message-description { display: none; }

.message.visible .message-head { border-color: transparent; }
.message.visible .message-head .message-date { width: 660px; text-align: right; }
.message.visible .message-head .message-date p { display: inline-block; }
.message.visible .btn-trash { display: inline-block; position: relative; top: -3px; margin: 0 6px 0 15px; }

.message.visible .message-container { display: block; background-color: #fff; margin: 0 -20px; border-top: 1px solid #e4e5e5; }

.messages-group-head { padding-bottom: 41px;  }
.messages-group-head h2 { border-bottom: 2px solid #e4e5e5; text-align: center; }
.messages-group-head h2 span { display: inline-block; font-size: 18px; color: #898989; background-color: #fff; padding: 0 10px; position: relative; bottom: -12px; font-weight: normal; }

.message-group-body { padding: 0 20px 0 120px; }
.message.visible .message-post .message-description { display: block; }

.message-post { overflow: hidden; font-size: 18px; line-height: 1.33; padding: 0 110px 23px 0; position: relative; }
.message-post .btn-remove { position: absolute; top: 8px; right: 10px; }
.message-post .message-description { overflow: hidden;  }
.message-post .message-avatar { float: left; margin-right: 23px; }

.message-posts { max-height: 255px; overflow: auto; }

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

.article { border: 1px solid #c6c7c7; border-radius: 3px; }

    .article .article-head {
        background-color: #16679E;
        border-bottom: 4px solid #5a9cd4;
        padding: 14px 15px 15px 29px;
    }
.article .article-head h2 { color: #fff; text-transform: uppercase; }

.article .article-body { padding: 20px 75px 0; background-color: #fff; text-align: center; }
.article .article-body i { width: 146px; height: 146px; border-radius: 50%; background-color: #5a9cd4; border: 1px solid #bcbdbd; }
.article .article-body p { padding: 15px 0 30px; }

.article .article-foot { background-color: #e0e2e4; text-align: center; padding: 24px; }

.article-table .article-head { border-bottom: 0; }

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box { border: 1px solid #bcbdbd; border-radius: 4px; overflow: hidden; }

    .box .box-head {
        background-color: #16679E;
        padding: 14px 0 13px 33px;
    }
.box .box-head h2 { color: #fff; }

.box .box-body { background-color: #fff; }

.order-content { padding: 20px 0 23px 35px;  }
.order-content p { display: inline-block; font-size: 18px; margin-right: 50px; }
.order-content p strong { display: inline-block; height: 35px; line-height: 32px; min-width: 40px; text-align: center; padding: 0 5px; border: 1px solid #e4e5e5; background-color: #f4f4f4; font-size: 24px; font-weight: bold; color: #960920; margin: 0 5px; position: relative; top: 3px; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table table { width: 100%; table-layout: fixed; }
.table th {
    text-align: left;
    font-weight: normal;
    font-size: 20px;
    color: #54616B;
    height: 30px;
    padding-left: 10px;
}
.table td {
    font-family: 'Roboto' !important;
    /*background-color: #e9f0f1;*/
    border-bottom: 5px solid #fff;
    padding: 10px 0 7px 10px;
    font-size: 16px;
}
.table-secondary tr:nth-child(even) td { background: none; }
.table .progress { color: #d8c11e; }
.table .delivered { color: #00a651; }

.table-head { background-color: #fff; padding: 0 22px; }
.table-body { padding: 16px 22px; }

.table .form-controls { float: left; width: 40%; }
.table .list-checkboxes { width: 60%; float: left; }
.table .list-checkboxes li { float: left; width: 50%; }

.table .field { width: 40px; height: 20px; border: 1px solid #bcbdbd; border-radius: 2px; background-color: #fff; font-size: 18px; color: #46596d; text-align: center; line-height: 16px; }
.table .field-secondary { width: 160px; height: 28px; border-radius: 2px; }

.table-actions { border-top: 1px solid #e4e5e5; padding: 18px 23px; overflow: hidden; }
    .table-actions .btn {
        background-color: #16679E;
        font-size: 18px;
        font-weight: normal;
        min-width: 0;
        padding: 7px 19px 6px 20px;
        border-color: #16679E;
        float: left;
    }
.table-actions .btn-alpha { float: right; }

.table-teritary .list-radios { float: right; padding-right: 15px; }
.table-teritary .field { width: 100%; }
.table-teritary .form-controls { float: right; max-width: 140px; padding-right: 15px; }
.table-teritary tr:nth-child(even) td { background-color: #e9f0f1; }
.table .list-radios li { float: left; }
.table .list-radios li + li { padding-left: 40px; }
.table-teritary .list-radios-secondary li + li { padding-left: 20px;  }
.table-teritary .list-radios-secondary { padding-right: 5px;  }

.table-teritary .form-controls { float: right; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background-color: #fff; position: relative; height: 141px;  }
    /*border-bottom: 1px solid #111f25;*/
    .header:after {
        border-bottom: 6px solid #CFD550;
        position: absolute;
        bottom: 59px;
        left: 0;
        right: 0;
        content: '';
    } 

.header .logo { position: absolute; top: 50%; left: 50%; z-index: 5; } 
.header .nav-utilities { float: right; padding-top: 26px; } 
.header .nav-utilities2 { float: left; padding-top: 26px; }
.panel-primary>.panel-heading {
    background: #16679E!important;
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro {
    position: relative;
    overflow: hidden;
    padding: 133px 0 117px 0;
    border-bottom: 1px solid #54616B;
}
    .intro h1 {
        text-transform: uppercase;
        border-bottom: 3px solid #54616B;
        padding-bottom: 6px;
        margin-bottom: 7px;
    }
.intro p { font-size: 23px; line-height: 1.04; color: #464646; padding-right: 40px; }

.intro .intro-content { position: relative; z-index: 5; max-width: 745px; margin-left: auto; background: url(images/shield.png) no-repeat right 0; min-height: 115px; padding: 20px 145px 0 0; margin-right: 40px; }

/* ------------------------------------------------------------ *\
	Section Login
\* ------------------------------------------------------------ */

.section-login { max-width: 865px; padding: 0px 20px 0; margin: 0 auto; }
.section-login .box-head h2 { font-size: 28px; padding: 6px 0 10px 0; margin-left: -3px; }

/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */

.section-articles { padding: 57px 0 0 0; }
.section-articles .article-wrapper { float: left; width: 50%; padding-right: 50px; padding-bottom: 50px; }
.section-articles .article-wrapper:nth-child(odd) { clear: both; }
.section-articles .article-wrapper:nth-child(even) { padding-right: 0; padding-left: 50px; }

/* ------------------------------------------------------------ *\
	Section Messages
\* ------------------------------------------------------------ */

.section-messages { padding: 30px 0 30px; }
.section-messages .article-table { border-radius: 5px 5px 0 0; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Section Orders
\* ------------------------------------------------------------ */

.section-orders { padding: 30px 0; }
.section-orders .box { margin-bottom: 30px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {
    background: url(images/jandb-bg.png) bottom left repeat-x;    
    border-top: 4px solid #CFD550;
    position: relative;
    min-height: 125px;
    font-size: 14px;    
    line-height: 1.57;
    color: #54616b;
    padding-top: 33px;
    /*position:absolute;*/
    bottom:0;
    z-index:1;
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    width: 100%;
    font-family:'Roboto Medium';
}
    .footer a {
        color: #54616b;
    }

.footer .contact { float: left; margin-top:-11px; }
.footer .location { float: right; text-align: right; background: url(images/ico-pin.png) no-repeat right 0; padding: 0 40px 0 0; }

.footer-logo {
    background: url(images/jandb-portal-footer-logo.png) no-repeat 0 0;
    width: 192px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
}
/*.footer-logo:hover { opacity: 0.7; }

/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

.copyright { border-top: 1px solid #717171; background-color: #b7b7b7; color: #0a3780; font-size: 14px; padding: 23px 0; position: absolute; bottom: 0; left: 0; width: 100%; }
.copyright p { float: left; }
.copyright p:last-child { float: right; }

/* ------------------------------------------------------------ *\
	Transitions, Transforms and Animations
\* ------------------------------------------------------------ */

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[class^="btn"] {
	-webkit-transition: color .3s, border-color .3s, background-color .3s;
			transition: color .3s, border-color .3s, background-color .3s;
}

.fullscreen,
.footer-logo,
.header .logo {
	-webkit-transform: translate(-50%,-50%); 
	    -ms-transform: translate(-50%,-50%); 
	     -o-transform: translate(-50%,-50%); 
	        transform: translate(-50%,-50%); 
}

.logo,
.footer-logo,
.form-reply .form-btn,
.btn {
	-webkit-transition: opacity .3s; 
	     -o-transition: opacity .3s; 
	        transition: opacity .3s; 
}

.message-container {
	-webkit-transition: all .3s; 
	     -o-transition: all .3s; 
	        transition: all .3s; 
}

.nav .btn-menu { display: none; }


/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 767px){
	.shell { width: auto; }

	.header .logo { top: 29px; left: 0; width: 150px; background-size: 100%; height: 90px; }

	.header .logo { 
		-webkit-transform: translate(0,0); 
		    -ms-transform: translate(0,0); 
		     -o-transform: translate(0,0); 
		        transform: translate(0,0); 
	}

	.header .nav-utilities { padding-top: 100px; padding-right: 10px; }

	.nav { min-height: 0; padding: 0; }
	.nav ul { position: absolute; top: 78px; left: -100%; width: 100%; z-index: 10; background: url(images/nav.png) repeat 0 0; border-right: 0; }
	.nav.expanded ul { left: 0; }
	.nav li { float: none; display: block; width: 100%; border-left: 0; }
	
	.nav .btn-menu { display: block; position: absolute; top: 30px; right: 10px; }

	.btn-menu { display: inline-block; height: 9px; padding-top: 9px; }
	.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #002f7c; }
	    
	.btn-menu span:before,
	.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #002f7c; content: ''; }

	.btn-menu span:before { top: -9px; }
	.btn-menu span:after { top: 3px; }

	.btn-menu span:before,
	.btn-menu span:after,
	.btn-menu span { 
	    -webkit-transition: all .3s linear; 
	       -moz-transition: all .3s linear; 
	            transition: all .3s linear; 
	 }

	.expanded .btn-menu span { border-color: transparent; }
	.expanded .btn-menu span:before,
	.expanded .btn-menu span:after { background: #002f7c; }

	.expanded .btn-menu span:before { 
	-webkit-transform: rotate(45deg) translate(2.5px, 6px);
	    -ms-transform: rotate(45deg) translate(2.5px, 6px);
	   -moz-transform: rotate(45deg) translate(2.5px, 6px);
	        transform: rotate(45deg) translate(2.5px, 6px);

	}
	.expanded .btn-menu span:after { 
	-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
	    -ms-transform: rotate(-45deg) translate(2.5px, -6px);
	   -moz-transform: rotate(-45deg) translate(2.5px, -6px);
	        transform: rotate(-45deg) translate(2.5px, -6px); 
	}

	.nav ul {
		-webkit-transition: left .3s; 
		     -o-transition: left .3s; 
		        transition: left .3s; 
	}

	h2 { font-size: 20px;  }
	body { font-size: 16px; }

	.intro { padding: 50px 0; }
	.intro .intro-content { margin: 0 10px 0 0; padding: 0 10px 0 20px; background-size: 40px; }
	.intro .intro-content h1 { font-size: 22px; padding-right: 40px; }
	.intro .intro-content p { font-size: 18px; }

	.section-articles .article-wrapper { width: 100%; padding: 0 10px 30px; }
	.section-articles .article-wrapper + .article-wrapper { padding: 0 10px 30px; }
	.article .article-body { padding: 20px 20px 0; }

	.j-height { min-height: 0!important; }

	.footer-logo { display: none; }

	.wrapper { padding-bottom: 0;  }

	.footer { position: static; padding: 25px 0 10px; }
	.footer .contact { float: none; margin-left: 10px; }
	.footer .location { float: none; text-align: left; background-position: 0 0; padding-left: 40px; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; }
	
	.copyright { position: static; text-align: center; padding: 10px 20px; }
	.copyright p:last-child,
	.copyright p { float: none; }

	.section-login { padding: 40px 10px; }

	.form-login { padding-left: 10px; padding-right: 10px; }

	.form-login .form-actions .checkbox { float: none; }
	.form-login .form-actions .btn { float: none; margin-top: 20px; width: 100%; }

	.form-login .form-col { float: none; padding: 0; width: 100%; }
	.form-login .form-foot:after { display: none; }
	.form-login .form-col + .form-col { padding: 0; border-top: 2px solid #e1e1e1; margin-top: 20px; padding-top: 20px; }

	.message { padding: 0 10px; overflow: hidden; }

	.message-head { display: block; overflow: hidden; }

	.message-head .message-avatar,
	.message-head .message-name,
	.message-head .message-date,
	.message-head .message-description { display: block; float: left; }

	.message-head .message-avatar { width: 15%; }
	.message-head .message-name { width: 55%; padding-top: 15px; }
	.message-head .message-date { width: 30%; font-size: 14px; padding-top: 17px; }
	.message-head .message-description { width: 96%; font-size: 16px; }

	.message-group-body { padding-left: 20px; padding-right: 20px; }
	.message-post { padding-right: 40px; }
	.message-group-body .message-description { font-size: 16px; }

	.form-reply { padding-left: 20px; padding-right: 20px; }

	.message-posts { height: 200px; }

	.message.visible .message-head .message-date { width: auto; width: 30%; }
	.message.visible .btn-trash { top: auto; margin-top: 5px; }

	.section-orders { padding-top: 40px; padding-bottom: 0; }
	.section-messages { padding-top: 40px; padding-bottom: 40px; }

	.messages-head li { width: auto; }
	.messages-head li:first-child { width: 64%; }

	.order-content { text-align: center; padding-left: 0; }
	.order-content p { display: block; margin-right: 0; }
	.order-content .btn { margin-top: 20px; }

	.table tr { display: block; }
	.table th { width: 40%; float: left; padding-top: 7px; font-size: 16px; }
	.table th:first-child { width: 40%; }
	/*.table th:last-child { width: 100%; margin-top: -5px; display: none; }*/ /*Commented pradeep 08/10/18*/
    .table th:last-child { width: 100%; margin-top: -5px; } /*added pradeep 08/10/18*/
	.table th:nth-child(2) { width: 20%; }
    

	.table td { width: 40%; float: left; font-size: 16px; }
	.table td:first-child { width: 40%; }
	.table td:nth-child(2) { width: 20%; }
	.table td:last-child { width: 100%; margin-top: -5px; }

	.table-mobile th { width: 50%; display: none; }
	.table-mobile th:first-child { width: 50%; display: block; }
	.table-mobile th:nth-child(2) { width: 50%; display: block; }

	.table-mobile td { width: 100%; margin-top: -5px; }
	.table-mobile td:first-child,
	.table-mobile td:nth-child(2) { width: 50%; margin-top: 0; }

	.table-secondary th { display: none; }
	.table-secondary th:first-child { width: 10%; display: block; }
	.table-secondary th:nth-child(2) { width: 70%; display: block; }
	.table-secondary th:nth-child(3) { width: 20%; display: block; }

	.table-secondary td { font-size: 14px;  }
	.table-secondary td:first-child { width: 10%; display: block; }
	.table-secondary td:nth-child(2) { width: 70%; display: block; }
	.table-secondary td:nth-child(3) { width: 20%; display: block; }
	.table-secondary td:nth-child(4) { width: 100%; margin-top: -5px; position: relative; padding-left: 127px; border-bottom: 0; }
	.table-secondary td:nth-child(4):after { content: attr(data-title); position: absolute; top: 10px; left: 10px; }
	.table-secondary td:nth-child(5) { margin-top: 0; position: relative; padding-top: 33px; }
	.table-secondary td:nth-child(5):after { content: attr(data-title); position: absolute; top: 8px; left: 10px; }

	.table-body { padding: 10px; }
	.table-head { padding: 0 10px; }

	.table-teritary tr { position: relative; float: left; width: 100%; }
	.table-teritary th { padding-top: 13px; }
	.table-teritary td:nth-child(3) { width: 100%; padding-left: 10%; }
	.table-teritary td:nth-child(2) { width: 100%; padding-left: 10%; }
	.table-teritary td:nth-child(1) { position: absolute; top: 0; left: 0; width: 10%; bottom: 5px; border: 0; padding: 10px 5px 0 0; text-align: right; z-index: 8; }
	.table-teritary td { position: relative; }
	.table-teritary tr:last-child td:last-child { padding-bottom: 50px; }

	.table-teritary .list-radios-secondary { padding-right: 15px; }
	.table-teritary .list-radios-secondary li + li { padding-left: 15px; }
	.table-teritary .form-controls { position: absolute; bottom: 10px; left: 10%; right: 10px; width: auto; max-width: inherit; }
	.table-teritary .form-controls .field { width: 100%; }

	/*table-mob*/
}

.container {padding-top:50px !important; max-width:100%; padding-bottom:20px;}
form {height:100% !important;}

.table {margin-bottom:0 !important;}
.btn:hover, .btn:focus {color:#fff;}

.panel-primary {border: none !important;}
#signupbox {    margin: 0 auto;
    /*z-index: 9999;*/
    /*position: absolute;
    top: 215px;*/
    /*border: solid 1px #c0c0c0;*/
    border-radius: 5px;
    background: #fff;}

#BirthDate {padding-bottom:10px;}

.input-group {margin:0 auto; width:500px;}
.input-group-addon {border:none; width:150px !important;}
.input-group-addon.r {border:none; width:300px !important;}
.input-group-addon.r input {width:300px !important; border-radius:0 0 !important; border:solid 1px #c0c0c0 !important;}

.main {z-index:500;}
.footer, .copyright {z-index:1;}

@media screen and (min-width: 1200px){
    .container {width: 1200px;}
}
.no-padding {
    padding:0!important;
}
.no-border {   
    border:none!important;
}
.no-border-radius {
    border-radius:unset!important;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.sliderr {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .sliderr:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .sliderr {
    background-color: #2196F3;
}

input:focus + .sliderr {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderr:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.sliderr.round {
    border-radius: 34px;
}

    .sliderr.round:before {
        border-radius: 50%;
    }
.k-calendar .k-content .k-state-selected a.k-link, .k-calendar .k-content .k-state-hover a.k-link {
    color: #ffffff !important;
}