/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700');
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*bootstrap data table css*/
.bootstrap-table .table {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse !important;
    border-radius: 1px;
}

.bootstrap-table .table:not(.table-condensed),
.bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
.bootstrap-table .table:not(.table-condensed) > thead > tr > td,
.bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
.bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
    padding: 8px;
}

.bootstrap-table .table.table-no-bordered > thead > tr > th,
.bootstrap-table .table.table-no-bordered > tbody > tr > td {
    border-right: 2px solid transparent;
}

.bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child {
    border-right: none;
}

.fixed-table-container {
    position: relative;
    clear: both;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.fixed-table-container.table-no-bordered {
    border: 1px solid transparent;
}

.fixed-table-footer,
.fixed-table-header {
    overflow: hidden;
}

.fixed-table-footer {
    border-top: 1px solid #dddddd;
}

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.fixed-table-container table {
    width: 100%;
}

.fixed-table-container thead th {
    height: 0;
    padding: 0;
    margin: 0;
    border-left: 1px solid #dddddd;
}

.fixed-table-container thead th:focus {
    outline: 0 solid transparent;
}

.fixed-table-container thead th:first-child {
    border-left: none;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.fixed-table-container thead th .th-inner,
.fixed-table-container tbody td .th-inner {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fixed-table-container thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.fixed-table-container thead th .both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.fixed-table-container thead th .asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.fixed-table-container thead th .desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}

.fixed-table-container th.detail {
    width: 30px;
}

.fixed-table-container tbody td {
    border-left: 1px solid #dddddd;
}

.fixed-table-container tbody tr:first-child td {
    border-top: none;
}

.fixed-table-container tbody td:first-child {
    border-left: none;
}

/* the same color with .active */
.fixed-table-container tbody .selected td {
    background-color: #f5f5f5;
}

.fixed-table-container .bs-checkbox {
    text-align: center;
}

.fixed-table-container .bs-checkbox .th-inner {
    padding: 8px 0;
}

.fixed-table-container input[type="radio"],
.fixed-table-container input[type="checkbox"] {
    margin: 0 auto !important;
}

.fixed-table-container .no-records-found {
    text-align: center;
}

.fixed-table-pagination div.pagination,
.fixed-table-pagination .pagination-detail {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fixed-table-pagination div.pagination .pagination {
    margin: 0;
}

.fixed-table-pagination .pagination a {
    padding: 0;
   
    border-radius: 50px;
    margin: 0 5px;
    border: 0;
    color: #898b96;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
}

.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}

.fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.fixed-table-pagination .dropup .dropdown-menu {
    margin-bottom: 0;
}

.fixed-table-pagination .page-list {
    display: inline-block;
}

.fixed-table-toolbar .columns-left {
    margin-right: 5px;
}

.fixed-table-toolbar .columns-right {
    margin-left: 5px;
}

.fixed-table-toolbar .columns label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
}

.fixed-table-toolbar .bs-bars,
.fixed-table-toolbar .search,
.fixed-table-toolbar .columns {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
}

.fixed-table-pagination li.disabled a {
    pointer-events: none;
    cursor: default;
}

.fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

.fixed-table-body .card-view .title {
    font-weight: bold;
    display: inline-block;
    min-width: 30%;
    text-align: left !important;
}

/* support bootstrap 2 */
.fixed-table-body thead th .th-inner {
    box-sizing: border-box;
}

.table th, .table td {
    vertical-align: middle;
    box-sizing: border-box;
}

.fixed-table-toolbar .dropdown-menu {
    text-align: left;
    max-height: 300px;
    overflow: auto;
}

.fixed-table-toolbar .btn-group > .btn-group {
    display: inline-block;
    margin-left: -1px !important;
}

.fixed-table-toolbar .btn-group > .btn-group > .btn {
    border-radius: 0;
}

.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.bootstrap-table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

/* support bootstrap 3 */
.bootstrap-table .table thead > tr > th {
    padding: 0;
    margin: 0;
}

.bootstrap-table .fixed-table-footer tbody > tr > td {
    padding: 0 !important;
}

.bootstrap-table .fixed-table-footer .table {
    border-bottom: none;
    border-radius: 0;
    padding: 0 !important;
}

.bootstrap-table .pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

/* calculate scrollbar width */
p.fixed-table-scroll-inner {
    width: 100%;
    height: 200px;
}

div.fixed-table-scroll-outer {
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

/* for get correct heights  */
.fixed-table-toolbar:after, .fixed-table-pagination:after {
    content: "";
    display: block;
    clear: both;
}


/* FORM CSS =====================================

*/
/*----------------------------------------*/
/*  1.  Form CSS
/*----------------------------------------*/
.logo{
	padding-top:30px;
	text-align:center;
}
.login-title{
	padding:30px 15px;
}
.login-title h1{
	font-size:20px;
}
.login-bg{
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	padding:20px;
}
.login-input-area input[type="email"], .login-input-area input[type="password"], .login-input-area input[type="text"]{
	width:100%;
	height:35px;
	padding: 0px 35px 0px 10px;
	margin:10px 0px;
	border:1px solid #ccc;
}
.login-input-area, .login-textarea-area{
	position:relative;
	margin-right:15px;
}
.login-input-head {
    padding-left: 15px;
}
.login-input-area .login-user{
	position:absolute;
	top:10px;
	right:0;
	height:35px;
	width:35px;
	border-left:1px solid #ccc;
	line-height:35px;
	text-align:center;
	color:#888;
}
.login-textarea-area .login-user{
	position:absolute;
	top:10px;
	right:0;
	height:35px;
	width:35px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:35px;
	text-align:center;
	color:#888;
}
.login-input-area input[type="email"]:focus, .login-input-area input[type="password"]:focus, .login-input-area input[type="text"]:focus{
	border:1px solid #03a9f4;
}
.login-input-head p {
	padding:16px 0px;
	margin:0;
	font-size:14px;
}
.login-button-pro{
	padding:30px 0px;
}
.login-button-pro .login-button{
	padding:10px 20px;
	border:none;
	background:#03a9f4;
	color:#fff;
	font-weight:14px;
	transition: all .4s ease 0s;
}
.login-button-pro .login-button.login-button-rg{
	background:#B3B3B3;
	margin-right:10px;
}
.login-button-pro .login-button.login-button-rg:hover{
	background:#303030;
	transition: all .4s ease 0s;
}
.login-button-pro .login-button.login-button-lg:hover{
	background:#303030;
	transition: all .4s ease 0s;
}
.forgot-password a{
	color:#03a9f4;
	font-size:13px;
	padding-bottom:10px;
	display:inline-block;
}
.forgot-password a:hover{
	color:#303030;
}
.login-keep-me input[type="checkbox"]{
	display:none;
}
.login-keep-me .login-check i {
    border: 2px solid #03a9f4;
    font-size: 12px;
    padding: 2px;
	color:#03a9f4;
}
.register-mg-rt{
	margin-right:0;
}
.register-check{
	margin-top:10px;
}
.login-textarea-area{
	position:relative;
	margin-right:15px;
}
.login-textarea-area .contact-message{
	width:100%;
	height:120px;
	padding:10px;
	border:1px solid #ccc;
	margin-top:10px;
}
/**/
/* radios and checkboxes */
/**/
.adminpro-form .checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 14px;
	line-height: 27px;
	color: #404040;
	cursor: pointer;
	font-weight:300;
}
.adminpro-form .invalid {
	color:#ff0000;
}
.adminpro-form .checkbox i {
	position: absolute;
    top: 4px;
    left: 0px;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    background: #fff;
    line-height: 20px;
    color: #03a9f4;
}
.adminpro-form .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.adminpro-form .checkbox input + i:after {
	content: '\f00c';
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
    line-height: 20px;
}
.cart-group .radio{
	margin-left:20px;
	font-weight:300;
	font-size:14px;
}
.cart-group .radio input + i:after {
	content: '';
    width: 5px;
    height: 5px;
    text-align: center;
    line-height: 5px;
	background:#03a9f4;
	border-radius:50%;
	opacity: 0;
    position: absolute;
	left:2px;
	top:2px;
}
.cart-group .radio i{
    position: absolute;
    top: 3px;
    left: -20px;
    display: block;
    width: 13px;
    height: 13px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    background: #fff;
	border-color: #03a9f4;
	border-radius: 50%;
}
.cart-group input{
	opacity:0;
}
.cart-group .radio input:checked + i:after{
	opacity: 1;
}
.adminpro-form .checkbox input:checked + i:after {
	opacity: 1;
}

/****** Style Star Rating Widget *****/
.review-title span {
    font-size: 14px;
    padding-top: 5px;
    display: block;
}
.review-rating {
    text-align: right;
    margin-right: 15px;
}
.rating {
  border: none;
}
.rating > input {
  display: none;
}
.rating > label:before {
  margin: 5px;
  font-size: 16px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating > .half:before {
  content: "\f089";
  position: absolute;
}
.rating > label {
  color: #ddd;
  float: right;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
  color: #03a9f4;
} 
.rating > input:checked + label:hover, .rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
  color: #03a9f4;
}

/****** Order Details *****/
.interested-input-area, .budget-input-area{
	margin-right:15px;
}
.interested-input-area select, .budget-input-area select{
	width:100%;
	height:35px;
	padding: 0px 35px 0px 10px;
	border:1px solid #ccc;
}
.interested-input-area select{
    margin: 10px 0px 10px 0px;
}
.budget-input-area select{
    margin: 10px 0px 20px 0px;
}
.interested-input-area select:hover{
	border:1px solid #ccc;
}


.login-input-area #txtCompare{
	width:58%;
}
.login-input-area #txtCaptcha{
	    width: 38%;
    background: #303030;
    color: #fff;
    font-weight: 700;
    outline: none;
    border: none;
    margin-left: -10px;
    cursor: default;
}
fieldset{
	margin:0px;
	padding:0px;
}
.rating label{
	margin:0px;
}

.ts-forms .input {
    position: relative;
}
.file-upload-inner.ts-forms .prepend-small-btn .file-button, .file-upload-inner.ts-forms .prepend-big-btn .file-button {
    left: 0px;
}
.file-upload-inner.ts-forms .file-button, .file-upload-inner.ts-forms .file-button:active, .file-upload-inner.ts-forms .file-button:focus {
    background: #03a9f4;
    border-radius: 0px;
    width: 70px;
    height: 35px;
    line-height: 35px;
    top: 0px;
}
.ts-forms .append-small-btn .file-button, .ts-forms .append-big-btn .file-button, .ts-forms .prepend-small-btn .file-button, .ts-forms .prepend-big-btn .file-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.ts-forms .file-button {
    color: #fff;
    display: block;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 4px;
    z-index: 1;
}

/* ALL TYPE FORM CSS ============================================
*/
/* Default
=============================== */
.wrapper {
	margin:0 auto;
	outline:none;
	padding:40px 15px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	max-width: 640px;
}
.ts-forms .input { position:relative; }

.ts-forms .tsbox { position:relative; margin-bottom:25px; }

.ts-forms .link {
	border-bottom:1px solid #90caf9;
	color:#1e88e5;
	font-size:14px;
	line-height:inherit;
	text-decoration:none;
}
.ts-forms .link:hover { border-bottom:none; }

.ts-forms .inline-group { display:inline-block; }

.ts-forms .hidden { display:none; }

/* Reset for -webkit / -moz browser
=============================== */
.ts-forms input[type="search"]::-webkit-search-decoration,
.ts-forms input[type="search"]::-webkit-search-cancel-button,
.ts-forms input[type="search"]::-webkit-search-results-button,
.ts-forms input[type="search"]::-webkit-search-results-decoration { display:none; }

.ts-forms select,
.ts-forms input[type="button"],
.ts-forms input[type="submit"],
.ts-forms input[type="search"] {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0px;
	border-radius:0px;
}

/* Header
=============================== */
.ts-forms .header {
background-color: #ff0000;
border-bottom: 5px solid #e00000;
border-radius: 3px 3px 0 0;
display: block;
position: relative;
}
.ts-forms .header > i {
	color:#fff;
	font-size:31px;
	float:left;
	padding:31px 15px 0 25px;
}
.ts-forms .header p {
font-size: 30px;
margin: 0 auto;
padding: 30px 25px;
text-align: center;
text-transform: uppercase;

color:#FFF;
text-shadow:#ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0,rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px;







}

/* Content
=============================== */
.ts-forms .content { padding:25px 25px 0; }

.ts-forms .content:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Footer
=============================== */
.ts-forms .footer {
	background-color:#e8eaf6;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
	display:block;
	padding:10px 25px;
}
.ts-forms .footer:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Dividers
=============================== */
.ts-forms .divider,
.ts-forms .divider-text { border-top:1px solid rgba(0,0,0,.12); height:0; }

.ts-forms .divider-text { text-align:center; }

.ts-forms .divider-text span {
	border:1px solid rgba(0,0,0,.12);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background-color:#f9fafd;
	color:#FF0000;
	font-size:16px;
	padding:2px 15px;
	position:relative;
	top:-9px;
	white-space:nowrap;
}

/* Gap-top / gap-bottom classes
=============================== */
.ts-forms .gap-top-20 { margin-top:20px; } /* text-divider top gap after "content"/"ts-row" classes */

.ts-forms .gap-top-45 { margin-top:45px; } /* text-divider top gap after "tsbox" class */

.ts-forms .gap-bottom-45 { margin-bottom:45px; } /* text-divider bottom gap */

.ts-forms .gap-bottom-25 { margin-bottom:25px; } /* line-divider bottom gap */

/* Labels
=============================== */
.ts-forms label {
	display:block;
	color:inherit;
	font-weight:normal;
	text-align:left;
	margin-bottom:0;
}
.ts-forms .label { font-size:14px; margin-bottom:15px; line-height:14px; height:14px; }

.ts-forms .label-center { height:48px; line-height:48px; text-align:center; margin-bottom:0; }

.ts-forms .ts-row > .label{ padding-left:10px; }

/* Radio and checkbox
=============================== */
.ts-forms .radio,
.ts-forms .checkbox,
.ts-forms .radio-toggle,
.ts-forms .checkbox-toggle {
	color:rgba(0,0,0,.87);
	cursor:pointer;
	font-size:15px;
	height:15px;
	margin-bottom:4px;
	position:relative;
	line-height:15px;
}
.ts-forms .radio,
.ts-forms .checkbox,
.ts-forms .inline-group .radio,
.ts-forms .inline-group .checkbox { padding:9px 0 8px 32px; }

.ts-forms .radio-toggle,
.ts-forms .checkbox-toggle,
.ts-forms .inline-group .radio-toggle,
.ts-forms .inline-group .checkbox-toggle { padding:9px 0 8px 58px; }

.ts-forms .radio:last-child,
.ts-forms .checkbox:last-child,
.ts-forms .radio-toggle:last-child,
.ts-forms .checkbox-toggle:last-child { margin-bottom:0; }

.ts-forms .inline-group .radio,
.ts-forms .inline-group .checkbox,
.ts-forms .inline-group .radio-toggle,
.ts-forms .inline-group .checkbox-toggle { display:inline-block; margin-right:25px; }

.ts-forms .radio input,
.ts-forms .checkbox input,
.ts-forms .radio-toggle input,
.ts-forms .checkbox-toggle input { position:absolute; left:-9999px; }

.ts-forms .radio i,
.ts-forms .checkbox i,
.ts-forms .checkbox-toggle i,
.ts-forms .radio-toggle i {
	background-color:#fff;
	border:2px solid rgba(0,0,0,.26);
	display:block;
	height:18px;
	left:0;
	outline:none;
	position:absolute;
	top:5px;
	-webkit-transition:border-color.2s;
	-moz-transition:border-color.2s;
	-ms-transition:border-color.2s;
	-o-transition:border-color.2s;
	transition:border-color.2s;
}
.ts-forms .radio i,
.ts-forms .checkbox i { width:18px; }

.ts-forms .checkbox-toggle i,
.ts-forms .radio-toggle i { width:44px; }

.ts-forms .checkbox i,
.ts-forms .checkbox-toggle i {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.ts-forms .radio i,
.ts-forms .radio i:after,
.ts-forms .radio-toggle i:before {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.ts-forms .radio-toggle i {
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-o-border-radius:13px;
	border-radius:13px;
}
.ts-forms .checkbox-toggle i:before {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
.ts-forms .radio i:after {
	background-color:#FF0000;
	content:"";
	height:8px;
	top:5px;
	left:5px;
	opacity:0;
	position:absolute;
	width:8px;
}
.ts-forms .checkbox i:after {
	border-width:0 0 3px 3px;
	border-bottom:solid #f00;
	border-left:solid #f00;
	content:"";
	height:5px;
	top:3px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:3px;
	opacity:0;
	position:absolute;
	width:10px;
}
.ts-forms .radio input:checked + i:after,
.ts-forms .checkbox input:checked + i:after { opacity:1; }

.ts-forms .checkbox-toggle i:before,
.ts-forms .radio-toggle i:before {
	border:none;
	background-color:#03a9f4;
	content:"";
	display:block;
	height:14px;
	left:2px;
	position:absolute;
	top:2px;
	width:14px;
}
.ts-forms .checkbox-toggle input:checked + i:before,
.ts-forms .radio-toggle input:checked + i:before { left:28px; }

.ts-forms .checkbox-toggle i:after,
.ts-forms .radio-toggle i:after,
.ts-forms .checkbox-toggle input:checked + i:after,
.ts-forms .radio-toggle input:checked + i:after {
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	line-height:10px;
	position:absolute;
	top:4px;
}
.ts-forms .checkbox-toggle i:after,
.ts-forms .radio-toggle i:after { content:"OFF"; left:22px; }

.ts-forms .checkbox-toggle input:checked + i:after,
.ts-forms .radio-toggle input:checked + i:after { content:"ON"; left:6px; }

.ts-forms .checkbox:hover i,
.ts-forms .radio:hover i,
.ts-forms .checkbox-toggle:hover i,
.ts-forms .radio-toggle:hover i { border:2px solid rgba(48,63,159,.6); }

.ts-forms .radio input:checked + i,
.ts-forms .checkbox input:checked + i,
.ts-forms .radio-toggle input:checked + i,
.ts-forms .checkbox-toggle input:checked + i { border:2px solid #03a9f4; }

.ts-forms .radio input:checked + i,
.ts-forms .checkbox input:checked + i { color:rgba(48,63,159,.9); }

.ts-forms .checkbox-toggle input:checked + i,
.ts-forms .radio-toggle input:checked + i { background-color:#e8eaf6; }

/* Widget
=============================== */
.ts-forms .widget { position: relative; }

.ts-forms .widget .addon,
.ts-forms .widget .addon-btn {
	background:#e0e0e0;
	border:none;
	color:rgba(0,0,0,.56);
	display:block;
	font:16px 'Open Sans',Helvetica,Arial,sans-serif;
	height:48px;
	line-height:48px;
	padding:0;
	position:absolute;
	outline:none;
	overflow:hidden;
	text-align:center;
	top:0;
	z-index:5;
}
.ts-forms .widget .addon-btn,
.ts-forms .widget .addon-btn i {
	cursor:pointer;
	-webkit-transition:all.2s;
	-moz-transition:all.2s;
	-ms-transition:all.2s;
	-o-transition:all.2s;
	transition:all.2s;
}
.ts-forms .widget .addon-btn:hover,
.ts-forms .widget .addon-btn:focus { background-color:#d6d6d6; color:rgba(0,0,0,.87); }

.ts-forms .widget .addon-btn:hover i,
.ts-forms .widget .addon-btn:focus i { color:rgba(0,0,0,.61); }

.ts-forms .widget .adn-left { left:0; }

.ts-forms .widget .adn-right { right:0; }

.ts-forms .widget .addon i,
.ts-forms .widget .addon-btn i { color:rgba(0,0,0,.34); font-size:17px; z-index:2; }

.ts-forms .widget .adn-50 { width:50px; }

.ts-forms .widget .adn-130 { width:130px; }

.ts-forms .widget.right-50 .input { padding-right:50px; }

.ts-forms .widget.left-50 .input { padding-left:50px; }

.ts-forms .widget.right-130 .input { padding-right:130px; }

.ts-forms .widget.left-130 .input { padding-left:130px; }

.ts-forms .widget .adn-left,
.ts-forms .widget.right-50 .input input,
.ts-forms .widget.right-130 .input input {
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
.ts-forms .widget .adn-right,
.ts-forms .widget.left-50 .input input,
.ts-forms .widget.left-130 .input input {
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-o-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
.ts-forms .widget.left-50.right-50 .input input,
.ts-forms .widget.left-50.right-130 .input input,
.ts-forms .widget.left-130.right-50 .input input,
.ts-forms .widget.left-130.right-130 .input input {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}

/* Inputs
=============================== */
.ts-forms input[type="text"],
.ts-forms input[type="password"],
.ts-forms input[type="email"],
.ts-forms input[type="search"],
.ts-forms input[type="url"],
.ts-forms textarea,
.ts-forms select {
	background:#fff;
	border:2px solid rgba(0,0,0,.12);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	color:rgba(0,0,0,.87);
	display:block;
	font-family:inherit;
	font-size:16px;
	height:48px;
	padding:10px 15px;
	width:100%;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all.4s;
	-moz-transition:all.4s;
	-ms-transition:all.4s;
	-o-transition:all.4s;
	transition:all.4s;
}
.ts-forms input[type="text"]:hover,
.ts-forms input[type="password"]:hover,
.ts-forms input[type="email"]:hover,
.ts-forms input[type="search"]:hover,
.ts-forms input[type="url"]:hover,
.ts-forms textarea:hover,
.ts-forms select:hover { border:2px solid #FF0000; }

.ts-forms input[type="text"]:focus,
.ts-forms input[type="password"]:focus,
.ts-forms input[type="email"]:focus,
.ts-forms input[type="search"]:focus,
.ts-forms input[type="url"]:focus,
.ts-forms textarea:focus,
.ts-forms select:focus { border:2px solid #F00; }

.ts-forms .input textarea {
	height:112px;
	overflow:auto;
	min-height:52px;
	resize:vertical;
}

.ts-forms .input textarea:focus { height:128px; }

/* Placeholders
=============================== */
.ts-forms input::-webkit-input-placeholder,
.ts-forms textarea::-webkit-input-placeholder { color:rgba(0,0,0,.54); }

.ts-forms input::-moz-placeholder,
.ts-forms textarea::-moz-placeholder { color:rgba(0,0,0,.54); }

.ts-forms input:-moz-placeholder,
.ts-forms textarea:-moz-placeholder { color:rgba(0,0,0,.54); }

.ts-forms input:-ms-input-placeholder,
.ts-forms textarea:-ms-input-placeholder { color:rgba(0,0,0,.54); }

.ts-forms input:focus::-webkit-input-placeholder,
.ts-forms textarea:focus::-webkit-input-placeholder { color:rgba(0,0,0,.36); }

.ts-forms input:focus::-moz-placeholder,
.ts-forms textarea:focus::-moz-placeholder { color:rgba(0,0,0,.36); }

.ts-forms input:focus:-moz-placeholder,
.ts-forms textarea:focus:-moz-placeholder { color:rgba(0,0,0,.36); }

.ts-forms input:focus:-ms-input-placeholder,
.ts-forms textarea:focus:-ms-input-placeholder { color:rgba(0,0,0,.36); }

/* Select
=============================== */
.ts-forms select { padding-left:13px; }

.ts-forms .multiple-select select { height:auto; }

.ts-forms .select i {
	background:#fff;
	-webkit-box-shadow:0 0 0 11px #fff;
	-moz-box-shadow:0 0 0 11px #fff;
	-o-box-shadow:0 0 0 11px #fff;
	box-shadow:0 0 0 11px #fff;
	height:20px;
	position:absolute;
	pointer-events:none;
	top:14px;
	right:14px;
	width:14px;
}
.ts-forms .select i:after,
.ts-forms .select i:before {
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	content:'';
	position:absolute;
	right:3px;
}
.ts-forms .select i:after { border-top:6px solid rgba(0,0,0,.4); bottom:1px; }

.ts-forms .select i:before { border-bottom:6px solid rgba(0,0,0,.4); top:3px; }

.ts-forms .select { position:relative; }

/* Icons
=============================== */
.ts-forms .icon-left,
.ts-forms .icon-right {
	color:rgba(0,0,0,.54);
	font-size:17px;
	height:38px;
	line-height:38px !important;
	opacity:.6;
	position:absolute;
	text-align:center;
	top:5px;
	width:42px;
	z-index:2;
}
.ts-forms .icon-left {  left:3px; }

.ts-forms .icon-right {  right:3px; }

.ts-forms .icon-left ~ input,
.ts-forms .icon-left ~ textarea { padding-left:58px; }

.ts-forms .icon-right ~ input,
.ts-forms .icon-right ~ textarea { padding-right:58px; }

/* File for upload
=============================== */
.ts-forms .file-button input {
	bottom:-1px;
	font-size:34px;
	opacity:0;
	position:absolute;
	width:108px;
	z-index:0;
}
.ts-forms .prepend-small-btn .file-button input,
.ts-forms .prepend-big-btn .file-button input { left:0; }

.ts-forms .append-small-btn .file-button input,
.ts-forms .append-big-btn .file-button input { right:0; }

.ts-forms .prepend-small-btn .file-button,
.ts-forms .append-small-btn .file-button { width:64px; }

.ts-forms .prepend-big-btn .file-button,
.ts-forms .append-big-btn .file-button { width:106px; }

.ts-forms .prepend-small-btn .file-button,
.ts-forms .prepend-big-btn .file-button { left:4px; }

.ts-forms .append-small-btn .file-button,
.ts-forms .append-big-btn .file-button { right:4px; }

.ts-forms .append-small-btn .file-button,
.ts-forms .append-big-btn .file-button,
.ts-forms .prepend-small-btn .file-button,
.ts-forms .prepend-big-btn .file-button {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}

.ts-forms .prepend-big-btn input[type="text"] { padding-left:123px; }

.ts-forms .append-big-btn input[type="text"] { padding-right:123px; }

.ts-forms .prepend-small-btn input[type="text"] { padding-left:81px; }

.ts-forms .append-small-btn input[type="text"] { padding-right:81px; }

.ts-forms .input input[type="file"] { cursor:pointer; }

/* Buttons
=============================== */
.ts-forms .primary-btn,
.ts-forms .secondary-btn {
border: medium none;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: block;
font: 16px "Open Sans",Helvetica,Arial,sans-serif;
height: 48px;
margin: 10px auto;
outline: medium none;
padding: 0 60px;
text-align: center;
white-space: nowrap;
}
.ts-forms .primary-btn { position:relative; }

.ts-forms .content .primary-btn,
.ts-forms .content .secondary-btn { margin:0 0 20px 20px; }

.ts-forms .file-button {
	color:#fff;
	display:block;
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:14px;
	height:40px;
	line-height:40px;
	outline:none;
	overflow:hidden;
	position:absolute;
	text-align:center;
	top:4px;
	z-index:1;
}
.ts-forms .primary-btn,
.ts-forms .file-button,
.ts-forms .secondary-btn {
	background:#FF0000;
	-webkit-transition:background.2s;
	-moz-transition:background.2s;
	-ms-transition:background.2s;
	-o-transition:background.2s;
	transition:background.2s;
}
.ts-forms .primary-btn:hover,
.ts-forms .file-button:hover,
.ts-forms .secondary-btn:hover { background:#3f51b5; }

.ts-forms .primary-btn:hover.processing { background:#303f9f; cursor:wait; }

.ts-forms .file-button:hover + input { border:2px solid rgba(48,63,159,.6); }

.ts-forms .secondary-btn,
.ts-forms .secondary-btn:hover,
.ts-forms .secondary-btn:active { opacity:.5; }

.ts-forms .primary-btn.processing:before {
	background:rgba(255,255,255,.4);
	content:'';
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	-webkit-animation:processing 3s ease-in-out infinite;
	-moz-animation:processing 3s ease-in-out infinite;;
	-ms-animation:processing 3s ease-in-out infinite;
	-o-animation:processing 3s ease-in-out infinite;
	animation:processing 3s ease-in-out infinite;
}
@-webkit-keyframes processing {
	0% { width:0; }
	100% { width:100%; }
}
@-moz-keyframes processing {
	0% { width:0; }
	100% { width:100%; }
}
@-ms-keyframes processing {
	0% { width:0; }
	100% { width:100%; }
}
@-o-keyframes processing {
	0% { width:0; }
	100% { width:100%; }
}
@keyframes processing {
	0% { width:0; }
	100% { width:100%; }
}

/* Tooltip
=============================== */
.ts-forms .tooltip,
.ts-forms .tooltip-image {
	background-color:#FF0000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display:block;
	left:-9999px;
	opacity:0;
	position:absolute;
	z-index:20px;
}
.ts-forms .tooltip {
	color:#fff;
	font:600 13px 'Open Sans',Helvetica,Arial,sans-serif;
	line-height:20px;
	padding:5px 10px;
}
.ts-forms .tooltip-image { padding:2px 2px 1px; }

.ts-forms .input input:focus + .tooltip,
.ts-forms .input textarea:focus + .tooltip,
.ts-forms .select select:focus + .tooltip,
.ts-forms .input input:focus + .tooltip-image,
.ts-forms .input textarea:focus + .tooltip-image,
.ts-forms .select select:focus + .tooltip-image { opacity:1; z-index:5; }

.ts-forms .tooltip-left-top { bottom:100%; margin-bottom:8px; }

.ts-forms .tooltip-left-top:before {
	border-color:#1a237e transparent;
	border-style:solid;
	border-width:8px 7px 0;
	bottom:-6px;
	content:"";
	left:16px;
	position:absolute;
}
.ts-forms .input input:focus + .tooltip-left-top,
.ts-forms .input textarea:focus + .tooltip-left-top,
.ts-forms .select select:focus + .tooltip-left-top { left:0; right:auto; }

.ts-forms .tooltip-right-top { bottom:100%; margin-bottom:8px; }

.ts-forms .tooltip-right-top:before {
	border-color:#FF0000 transparent;
	border-style:solid;
	border-width:8px 7px 0;
	bottom:-6px;
	content:"";
	position:absolute;
	right:16px;
}
.ts-forms .input input:focus + .tooltip-right-top,
.ts-forms .input textarea:focus + .tooltip-right-top,
.ts-forms .select select:focus + .tooltip-right-top { left:auto; right:0; }

.ts-forms .tooltip-left-bottom { margin-top:8px; top:100%; }

.ts-forms .tooltip-left-bottom:before {
	border-color:#1a237e transparent;
	border-style:solid;
	border-width:0 7px 8px;
	top:-6px;
	content:"";
	left:16px;
	position:absolute;
}
.ts-forms .input input:focus + .tooltip-left-bottom,
.ts-forms .input textarea:focus + .tooltip-left-bottom,
.ts-forms .select select:focus + .tooltip-left-bottom { left:0; right:auto; }

.ts-forms .tooltip-right-bottom { margin-top:8px; top:100%; }

.ts-forms .tooltip-right-bottom:before {
	border-color:#1a237e transparent;
	border-style:solid;
	border-width:0 7px 8px;
	top:-6px;

	content:"";
	right:16px;
	position:absolute;
}
.ts-forms .input input:focus + .tooltip-right-bottom,
.ts-forms .input textarea:focus + .tooltip-right-bottom,
.ts-forms .select select:focus + .tooltip-right-bottom { left:auto; right:0; }

.ts-forms .tooltip-right-side { margin-left:8px; top:8px; white-space:nowrap; }

.ts-forms .tooltip-right-side:before {
	border-color:transparent #1a237e;
	border-style:solid;
	border-width:7px 8px 7px 0;
	content:"";
	left:-6px;
	position:absolute;
	top:8px;
}
.ts-forms .input input:focus + .tooltip-right-side,
.ts-forms .input textarea:focus + .tooltip-right-side,
.ts-forms .select select:focus + .tooltip-right-side { left:100%; }

.ts-forms .tooltip-left-side { margin-right:8px; top:8px; white-space:nowrap; }

.ts-forms .tooltip-left-side:before {
	border-color:transparent #1a237e;
	border-style:solid;
	border-width:7px 0 7px 8px;
	content:"";
	right:-6px;
	position:absolute;
	top:8px;
}
.ts-forms .input input:focus + .tooltip-left-side,
.ts-forms .input textarea:focus + .tooltip-left-side,
.ts-forms .select select:focus + .tooltip-left-side { left:auto; right:100%; }

/* Status message
=============================== */
.ts-forms .error-message,
.ts-forms .success-message,
.ts-forms .info-message,
.ts-forms .warning-message {
	border:2px solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display:block;
	font:16px/24px 'Open Sans',Helvetica,Arial,sans-serif;
	padding:15px;
}
.ts-forms .error-message i,
.ts-forms .success-message i,
.ts-forms .info-message i,
.ts-forms .warning-message i {
	font-size:18px;
	float:left;
	height:24px;
	line-height:24px;
	padding-right:10px;
}
.ts-forms .error-message ul,
.ts-forms .success-message ul,
.ts-forms .info-message ul,
.ts-forms .warning-message ul { margin:0; }

.ts-forms span.error-view,
.ts-forms span.success-view,
.ts-forms span.warning-view,
.ts-forms span.info-view {
	display:block;
	font-size:14px;
	height:14px;
	line-height:14px;
	margin-top:5px;
	padding:0 2px;
}
.ts-forms span.hint {
	display:block;
	font-size:13px;
	color:inherit;
	height:13px;
	line-height:13px;
	margin-top:5px;
	padding:0 2px;
}

/* Disabled state
=============================== */
.ts-forms .widget.disabled-view,
.ts-forms .input.disabled-view,
.ts-forms .select.disabled-view,
.ts-forms .checkbox.disabled-view,
.ts-forms .radio.disabled-view,
.ts-forms .checkbox-toggle.disabled-view,
.ts-forms .radio-toggle.disabled-view,
.ts-forms .primary-btn.disabled-view,
.ts-forms .secondary-btn.disabled-view,
.ts-forms .file-button.disabled-view { cursor:default; opacity:.5; }

.ts-forms .input.disabled-view input[type="file"] { cursor:default; }

.ts-forms .widget.disabled-view input,
.ts-forms .input.disabled-view input,
.ts-forms .input.disabled-view textarea,
.ts-forms .select.disabled-view select { border-color:rgba(0,0,0,.12) !important; }

.ts-forms .checkbox.disabled-view i,
.ts-forms .radio.disabled-view i,
.ts-forms .checkbox-toggle.disabled-view i,
.ts-forms .radio-toggle.disabled-view i { border-color:rgba(0,0,0,.26) !important; }

.ts-forms .primary-btn.disabled-view,
.ts-forms .secondary-btn.disabled-view,
.ts-forms .disabled-view .file-button { background:#303f9f; }

.ts-forms .widget.disabled-view .addon-btn:hover,
.ts-forms .widget.disabled-view .addon-btn:focus { background:#e0e0e0; cursor:default; color:rgba(0,0,0,.56); }

.ts-forms .widget.disabled-view .addon-btn i { color:rgba(0,0,0,.24) !important; }

/* Error state
=============================== */
.ts-forms .error-view .checkbox i,
.ts-forms .error-view .radio i,
.ts-forms .error-view .checkbox-toggle i,
.ts-forms .error-view .radio-toggle i,
.ts-forms .error-view input,
.ts-forms .error-view select,
.ts-forms .error-view textarea { background:#ffebee !important; }

.ts-forms .select.error-view i {
	background-color:#ffebee;
	-webkit-box-shadow:0 0 0 12px #ffebee;
	-moz-box-shadow:0 0 0 12px #ffebee;
	-o-box-shadow:0 0 0 12px #ffebee;
	box-shadow:0 0 0 12px #ffebee;
}
.ts-forms .error-view .icon-left,
.ts-forms .error-view .icon-right { border-color:#e57373; }

.ts-forms .error-view .icon-left,
.ts-forms .error-view .icon-right,
.ts-forms span.error-view,
.ts-forms .error-message i { color:#b71c1c; }

.ts-forms .error-message { background:#ffebee; border-color:#b71c1c; color:#b71c1c; }

/* Success state
=============================== */
.ts-forms .success-view .checkbox i,
.ts-forms .success-view .radio i,
.ts-forms .success-view .checkbox-toggle i,
.ts-forms .success-view .radio-toggle i,
.ts-forms .success-view input,
.ts-forms .success-view select,
.ts-forms .success-view textarea { background:#e8f5e9 !important; }

.ts-forms .select.success-view i {
	background-color:#e8f5e9;
	-webkit-box-shadow:0 0 0 12px #e8f5e9;
	-moz-box-shadow:0 0 0 12px #e8f5e9;
	-o-box-shadow:0 0 0 12px #e8f5e9;
	box-shadow:0 0 0 12px #e8f5e9;
}
.ts-forms .success-view .icon-left,
.ts-forms .success-view .icon-right { border-color:#81c784; }

.ts-forms .success-view .icon-left,
.ts-forms .success-view .icon-right,
.ts-forms span.success-view,
.ts-forms .success-message i { color:#1b5e20; }

.ts-forms .success-message { background:#e8f5e9; border-color:#1b5e20; color:#1b5e20; }

/* Warning state
=============================== */
.ts-forms .warning-view .checkbox i,
.ts-forms .warning-view .radio i,
.ts-forms .warning-view .checkbox-toggle i,
.ts-forms .warning-view .radio-toggle i,
.ts-forms .warning-view input,
.ts-forms .warning-view select,
.ts-forms .warning-view textarea { background:#fff8e1 !important; }

.ts-forms .select.warning-view i {
	background-color:#fff8e1;
	-webkit-box-shadow:0 0 0 12px #fff8e1;
	-moz-box-shadow:0 0 0 12px #fff8e1;
	-o-box-shadow:0 0 0 12px #fff8e1;
	box-shadow:0 0 0 12px #fff8e1;
}
.ts-forms .warning-view .icon-left,
.ts-forms .warning-view .icon-right { border-color:#f9a825; }

.ts-forms .warning-view .icon-left,
.ts-forms .warning-view .icon-right,
.ts-forms span.warning-view,
.ts-forms .warning-message i { color:#f57f17; }

.ts-forms .warning-message { background:#fff8e1; border-color:#f57f17; color:#f57f17; }

/* Info state
=============================== */
.ts-forms .info-view .checkbox i,
.ts-forms .info-view .radio i,
.ts-forms .info-view .checkbox-toggle i,
.ts-forms .info-view .radio-toggle i,
.ts-forms .info-view input,
.ts-forms .info-view select,
.ts-forms .info-view textarea { background:#e1f5fe !important; }

.ts-forms .select.info-view i {
	background-color:#e1f5fe;
	-webkit-box-shadow:0 0 0 12px #e1f5fe;
	-moz-box-shadow:0 0 0 12px #e1f5fe;
	-o-box-shadow:0 0 0 12px #e1f5fe;
	box-shadow:0 0 0 12px #e1f5fe;
}
.ts-forms .info-view .icon-left,
.ts-forms .info-view .icon-right { border-color:#0288d1; }

.ts-forms .info-view .icon-left,
.ts-forms .info-view .icon-right,
.ts-forms span.info-view,
.ts-forms .info-message i { color:#01579b; }

.ts-forms .info-message { background:#e1f5fe; border-color:#01579b; color:#01579b; }

/* Ratings
==================================== */
.ts-forms .rating-group { color:rgba(0,0,0,.87); height:30px; line-height:30px; margin-bottom:4px; }

.ts-forms .rating-group:last-child { margin-bottom:0; }

.ts-forms .rating-group .label { float:left; font-size:16px; height:30px; line-height:30px; margin-bottom:0; }

.ts-forms .rating-group .ratings { float:right; height:30px; line-height:30px; }

.ts-forms .ratings input { left:-9999px; position:absolute; }

.ts-forms .ratings input + label {
	color:rgba(0,0,0,.26);
	cursor:pointer;
	font-size:20px;
	float:right;
	padding:0 2px;
	-webkit-transition:color.2s;
	-moz-transition:color.2s;
	-ms-transition:color.2s;
	-o-transition:color.2s;
	transition:color.2s;
}
.ts-forms .ratings input + label:hover,
.ts-forms .ratings input + label:hover ~ label,
.ts-forms .ratings input:checked + label,
.ts-forms .ratings input:checked + label ~ label { color:#303f9f; }

/* Social links
==================================== */
.ts-forms .social-btn,
.ts-forms .social-icon { margin-bottom:6px; position:relative; }

.ts-forms .social-icon { display:inline-block; margin-left:2px; margin-right:2px; }

.ts-forms .social-center { text-align:center; }

.ts-forms .social-btn i,
.ts-forms .social-icon i {
	background-color:rgba(0,0,0,.15);
	color:#fff;
	cursor:pointer;
	font-size:22px;
	left:0;
	line-height:48px;
	position:absolute;
	text-align:center;
	width:48px;
	z-index:2;
}
.ts-forms .social-btn i {
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
.ts-forms .social-icon i {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.ts-forms .social-btn button,
.ts-forms .social-icon button {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	border:none;
	color:#fff;
	cursor:pointer;
	font:16px 'Open Sans',Helvetica,Arial,sans-serif;
	padding:0 0 0 48px;
	outline:none;
	overflow:hidden;
	height:48px;
	white-space:nowrap;
	-webkit-transition:background.2s;
	-moz-transition:background.2s;
	-ms-transition:background.2s;
	-o-transition:background.2s;
	transition:background.2s;
}
.ts-forms .social-btn button { width:100%; }

.ts-forms .social-icon button { width:48px; }

.ts-forms .social-btn.vk button,
.ts-forms .social-icon.vk button { background:rgb(47,80,112); }
.ts-forms .social-btn.vk:hover button,
.ts-forms .social.vk:hover button { background:rgba(47,80,112,.85); }

.ts-forms .social-btn.skype button,
.ts-forms .social-icon.skype button { background:rgb(19,176,237); }
.ts-forms .social-btn.skype:hover button,
.ts-forms .social-icon.skype:hover button { background:rgba(19,176,237,.85); }

.ts-forms .social-btn.yahoo button,
.ts-forms .social-icon.yahoo button { background:rgb(112,14,156); }
.ts-forms .social-btn.yahoo:hover button,
.ts-forms .social-icon.yahoo:hover button { background:rgba(112,14,156,.85); }

.ts-forms .social-btn.flickr button,
.ts-forms .social-icon.flickr button { background:rgb(254,59,147); }
.ts-forms .social-btn.flickr:hover button,
.ts-forms .social-icon.flickr:hover button { background:rgba(254,59,147,.85); }

.ts-forms .social-btn.tumblr button,
.ts-forms .social-icon.tumblr button { background:rgb(56,72,83); }
.ts-forms .social-btn.tumblr:hover button,
.ts-forms .social-icon.tumblr:hover button { background:rgba(56,72,83,.85); }

.ts-forms .social-btn.google button,
.ts-forms .social-icon.google button { background:rgb(8,104,185); }
.ts-forms .social-btn.google:hover button,
.ts-forms .social-icon.google:hover button { background:rgba(8,104,185,.85); }

.ts-forms .social-btn.twitter button,
.ts-forms .social-icon.twitter button { background:rgb(44,168,210); }
.ts-forms .social-btn.twitter:hover button,
.ts-forms .social-icon.twitter:hover button { background:rgba(44,168,210,.85); }

.ts-forms .social-btn.youtube button,
.ts-forms .social-icon.youtube button { background:rgb(206,51,44); }
.ts-forms .social-btn.youtube:hover button,
.ts-forms .social-icon.youtube:hover button { background:rgba(206,51,44,.85); }

.ts-forms .social-btn.facebook button,
.ts-forms .social-icon.facebook button { background:rgb(48,88,145); }
.ts-forms .social-btn.facebook:hover button,
.ts-forms .social-icon.facebook:hover button { background:rgba(48,88,145,.85); }

.ts-forms .social-btn.linkedin button,
.ts-forms .social-icon.linkedin button { background:rgb(68,152,200); }
.ts-forms .social-btn.linkedin:hover button,
.ts-forms .social-icon.linkedin:hover button { background:rgba(68,152,200,.85); }

.ts-forms .social-btn.pinterest button,
.ts-forms .social-icon.pinterest button { background:rgb(200,40,40); }
.ts-forms .social-btn.pinterest:hover button,
.ts-forms .social-icon.pinterest:hover button { background:rgba(200,40,40,.85); }

.ts-forms .social-btn.google-plus button,
.ts-forms .social-icon.google-plus button { background:rgb(206,77,57); }
.ts-forms .social-btn.google-plus:hover button,
.ts-forms .social-icon.google-plus:hover button { background:rgba(206,77,57,.85); }

/* Captcha
=============================== */
.ts-forms .captcha-group { position: relative; }

.ts-forms .captcha-group .captcha {
	background-color:#e0e0e0;
	border:none;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
	height:48px;
	line-height:48px;
	position:absolute;
	outline:none;
	text-align:center;
	top:0;
	width:90px;
}
.ts-forms .captcha-group .input { padding-left:90px; }

.ts-forms .captcha-group .input input {
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-o-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}

/* Stepper
=============================== */
.ts-forms .stepper { position:relative; padding-right:40px; }

.ts-forms .stepper input {
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}

.ts-forms .stepper .stepper-wrapper {
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-o-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
	bottom:0;
	outline:none;
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	width:40px;
}
.ts-forms .stepper input::-webkit-inner-spin-button,
.ts-forms .stepper input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }

.ts-forms .stepper .stepper-arrow {
	background-color:#e0e0e0;
	cursor:pointer;
	display:block;
	height:50%;
	-webkit-transition:background-color.4s;
	-moz-transition:background-color.4s;
	-ms-transition:background-color.4s;
	-o-transition:background-color.4s;
	transition:background-color.4s;
}
.ts-forms .stepper .stepper-arrow:hover { background-color:#d6d6d6; }

.ts-forms .stepper .stepper-arrow.down { bottom: 0; }

.ts-forms .stepper .stepper-arrow.up:after,
.ts-forms .stepper .stepper-arrow.down:after {
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	content:'';
	position:absolute;
	right:16px;
	-webkit-transition:all.4s;
	-moz-transition:all.4s;
	-ms-transition:all.4s;
	-o-transition:all.4s;
	transition:all.4s;
}
.ts-forms .stepper .stepper-arrow.down:after { border-top:7px solid rgba(0,0,0,.56); bottom:13px; }

.ts-forms .stepper .stepper-arrow.up:after { border-bottom: 7px solid rgba(0,0,0,.56); top:13px; }

.ts-forms .stepper .stepper-arrow:hover.down:after { border-top:7px solid rgba(0,0,0,.87); }

.ts-forms .stepper .stepper-arrow:hover.up:after { border-bottom: 7px solid rgba(0,0,0,.87); }



/* jQuery Slider
=============================== */
.ui-slider { position:relative; }

.ui-slider .ui-slider-range {
	border:none;
	display:block;
	font-size:11px;
	position:absolute;
	overflow:hidden;
	z-index:1;
}
.ui-slider .ui-slider-handle {
	background-color:#f00;
	border:1px solid #f00;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
	height:16px;
	position:absolute;
	outline:none;
	left:-5px;
	width:16px;
	z-index:2;
}
.ui-slider-horizontal { height:7px; }

.ui-slider-vertical { height:100px; width:7px; }

.ui-slider-horizontal .ui-slider-handle { top:-5px; margin-left:-10px; }

.ui-slider-horizontal .ui-slider-range { top:0; height:100%; }

.ui-slider-horizontal .ui-slider-range-min { left:0; }

.ui-slider-horizontal .ui-slider-range-max { right:0; }

.ui-slider-vertical .ui-slider-range-min { bottom:0; }

.ui-slider-vertical .ui-slider-range { left:0; width:100%; }

.ui-slider.ui-widget-content {
	background-color:#fff;
	border:2px solid #e0e0e0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.ui-slider-vertical .ui-widget-header,
.ui-slider-horizontal .ui-widget-header { background-color:#f0f0f0; }

.ts-forms .slider-group {
	font:15px 'Open Sans',Helvetica,Arial,sans-serif;
	height:48px;
	line-height:48px;
	padding:0 2px;
	margin-bottom:5px;
	white-space:nowrap;
}
.ts-forms .slider-group label { display:inline-block; color:rgba(0,0,0,.87); padding:0 4px; }

/* Multistep form
=============================== */
.ts-forms fieldset {
	border:none;
	outline:none;
	margin:0;
	padding:0;
	position:absolute;
	opacity:0;
	left:-9999px;
	top:0;
	-webkit-transform:translateY(-4%);
	-moz-transform:translateY(-4%);
	-ms-transform:translateY(-4%);
	-o-transform:translateY(-4%);
	transform:translateY(-4%);
	-webkit-transition:opacity.3s, -webkit-transform.3s;
	-moz-transition:opacity.3s, -moz-transform.3s;
	-ms-transition:opacity.3s, -ms-transform.3s;
	-o-transition:opacity.3s, -o-transform.3s;
	transition:opacity.3s, transform.3s;
}
.ts-forms .steps {
	border:1px solid rgba(0,0,0,.12);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	margin-bottom:25px;
	text-align:center;
	-webkit-transition:all.3s;
	-moz-transition:all.3s;
	-ms-transition:all.3s;
	-o-transition:all.3s;
	transition:all.3s;
	padding:4px 0;
}
.ts-forms .active-fieldset {
	left:0;
	position:relative;
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}
.ts-forms fieldset .tsbox,
.ts-forms fieldset .ts-row { display:none; }

.ts-forms .active-fieldset .tsbox,
.ts-forms .active-fieldset .ts-row { display:block; }

.ts-forms .steps p { color:rgba(0,0,0,.56); font-size:16px; height:36px; line-height:36px; margin:0; padding:0; }

.ts-forms .active-step span {font-size:13px; height:13px; line-height:13px; color:#FFF !important; }

.ts-forms .steps span { color:rgba(0,0,0,.56); font-size:13px; height:13px; line-height:13px; }

.ts-forms .active-step .steps p {color:#FFF; }

.ts-forms .active-step .steps { background-color:#f00; border:1px solid #e8eaf6;  }

.ts-forms .passed-step .steps { border:1px solid #e8eaf6; background-color:#CCC; }

.ts-forms.j-multistep .input textarea:focus { height:112px; }

/* Modal form
=============================== */
/* Settings for block with links */
.modal-block {
	background-color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.4);
	-o-box-shadow:0 0 15px rgba(0,0,0,.4);
	box-shadow:0 0 15px rgba(0,0,0,.4);
	color:rgba(0,0,0,.54);
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:15px;
	margin:0 auto;
	max-width:320px;
	outline:medium none;
	padding:20px;
}
.modal-block .modal-link {
	border-bottom:1px solid #90caf9;
	color:#1e88e5;
	font-size:14px;
	line-height:inherit;
	text-decoration:none;
}
.modal-block .modal-link:hover { border-bottom:none; }

/* Settings for modal form directly */
.modal-form { display:none; position:fixed; width:100%; z-index:1200; }

.modal-fill {
	background-color:rgba(103,119,129,.5);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:1100;
}
.ts-forms .modal-close {
	background-color:rgba(0,0,0,.3);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	position:absolute;
	right:8px;
	top:11px;
	-webkit-transition:background-color.15s;
	-moz-transition:background-color.15s;
	-ms-transition:background-color.15s;
	-o-transition:background-color.15s;
	transition:background-color.15s;
}
.ts-forms .modal-close:hover,
.ts-forms .modal-close:focus { background-color:rgba(0,0,0,.6); }

.ts-forms .modal-close i { display:block; height:22px; width:23px; }

.ts-forms .modal-close i:before,
.ts-forms .modal-close i:after {
	background-color:#fff;
	content:'';
	height:3px;
	position:absolute;
	right:1px;
	top:10px;
	width:21px;
}
.ts-forms .modal-close i:before{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.ts-forms .modal-close i:after{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* Pop-up form
=============================== */
/* Popup menu forms */
.popup-menu { padding:0 15px; }

.popup-list {
	background-color:#f9fafd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.4);
	-o-box-shadow:0 0 15px rgba(0,0,0,.4);
	box-shadow:0 0 15px rgba(0,0,0,.4);
	max-width:100%;
	position:relative;
}
.popup-list:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.popup-list > ul { font-size:0; float:right; outline:none; padding:5px; }

.popup-list > ul > li {
	border-left:1px solid rgba(0,0,0,.12);
	display:inline-block;
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:45px;
	padding:0 20px;
	list-style-type:none;
}
.popup-list > ul > li:hover { background-color:#e8eaf6; }

.popup-list-open { position:relative; }

.popup-list-open .ts-forms { margin:10px auto 0; z-index:999; }

.popup-list-open .ts-forms .input textarea:focus { height:112px; }

.popup-list-open .popup-list-wrapper {
	display:none;
	opacity:0;
	position:absolute;
	left:-9999px;
	width:400px;
	-webkit-animation:popup-list-open.4s both;
	-moz-animation:popup-list-open.4s both;
	-ms-animation:popup-list-open.4s both;
	-o-animation:popup-list-open.4s both;
	animation:popup-list-open.4s both;
}
@-webkit-keyframes popup-list-open {
	from { -webkit-transform:translate(0,-10px); transform:translate(0,-10px); }
	to { -webkit-transform:translate(0,0); transform:translate(0,0); }
}
@-moz-keyframes popup-list-open {
	from { -moz-transform:translate(0,-10px); transform:translate(0,-10px); }
	to { -moz-transform:translate(0,0); transform:translate(0,0); }
}
@-ms-keyframes popup-list-open {
	from { -ms-transform:translate(0,-10px); transform:translate(0,-10px); }
	to { -ms-transform:translate(0,0); transform:translate(0,0); }
}
@-o-keyframes popup-list-open {
	from { -o-transform:translate(0,-10px); transform:translate(0,-10px); }
	to { -o-transform:translate(0,0); transform:translate(0,0); }
}
@-keyframes popup-list-open {
	from { transform:translate(0,-10px); }
	to { transform:translate(0,0); }
}

/* Popup bottom form */
.popup-btm-400,
.popup-btm-640 {
	bottom:0;
	position:fixed;
	-webkit-transition:width.3s;
	-moz-transition:width.3s;
	-ms-transition:width.3s;
	-o-transition:width.3s;
	transition:width.3s;
	right:1%;
	z-index:1000;
}
.popup-btm-400 { width:400px; }

.popup-btm-640 { width:640px; }

.popup-btm-400 #popup-input-open,
.popup-btm-400 #popup-input-close,
.popup-btm-640 #popup-input-open,
.popup-btm-640 #popup-input-close { display:none; }

.popup-btm-400 .popup-btm-wrapper,
.popup-btm-640 .popup-btm-wrapper {
	bottom:-500px;
	height:auto;
	position:absolute;
	right:0;
	-webkit-transition:all.4s ease-in-out;
	-moz-transition:all.4s ease-in-out;
	-ms-transition:all.4s ease-in-out;
	-o-transition:all.4s ease-in-out;
	transition:all.4s ease-in-out;
	width:100%;
	z-index:1000;
}
.popup-btm-400 input#popup-input-open:checked ~ .popup-btm-label,
.popup-btm-640 input#popup-input-open:checked ~ .popup-btm-label { opacity:0; cursor:default; }

.popup-btm-400 input#popup-input-close:checked ~ .popup-btm-wrapper,
.popup-btm-640 input#popup-input-close:checked ~ .popup-btm-wrapper,
.popup-btm-400 .popup-btm-wrapper,
.popup-btm-640 .popup-btm-wrapper {
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
	transform:translateY(100%);
}
.popup-btm-400 input#popup-input-open:checked ~ .popup-btm-wrapper,
.popup-btm-640 input#popup-input-open:checked ~ .popup-btm-wrapper {
	bottom:5px;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
}
.popup-btm-400 .ts-forms .input textarea:focus,
.popup-btm-640 .ts-forms .input textarea:focus { height:112px; }

.popup-btm-400 .popup-btm-label,
.popup-btm-640 .popup-btm-label {
	background-color:#f9fafd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 15px rgba(0,0,0,.4);
	-o-box-shadow:0 0 15px rgba(0,0,0,.4);
	box-shadow:0 0 15px rgba(0,0,0,.4);
	bottom:0;
	cursor:pointer;
	color:rgba(0,0,0,.87);
	display:block;
	font:16px 'Open Sans',Helvetica,Arial,sans-serif;
	height:35px;
	text-align:center;
	opacity:1;
	line-height:35px;
	padding:0 30px;
	position:fixed;
	right:1%;
	-webkit-transition:opacity.4s ease-in-out.05s;
	-moz-transition:opacity.4s ease-in-out.05s;
	-ms-transition:opacity.4s ease-in-out.05s;
	-o-transition:opacity.4s ease-in-out.05s;
	transition:opacity.4s ease-in-out.05s;
	white-space:nowrap;
	z-index: 9999;
}
.popup-btm-400 .popup-btm-close,
.popup-btm-640 .popup-btm-close {
	background-color:rgba(0,0,0,.6);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	position:absolute;
	right:0;
	top:-25px;
	-webkit-transition:background-color.15s;
	-moz-transition:background-color.15s;
	-ms-transition:background-color.15s;
	-o-transition:background-color.15s;
	transition:background-color.15s;
}
.popup-btm-400 .popup-btm-close:hover,
.popup-btm-400 .popup-btm-close:focus,
.popup-btm-640 .popup-btm-close:hover,
.popup-btm-640 .popup-btm-close:focus { background-color:rgba(0,0,0,.8); }

.popup-btm-400 .popup-btm-close i,
.popup-btm-640 .popup-btm-close i { display:block; height:22px; width:23px; }

.popup-btm-400 .popup-btm-close i:before,
.popup-btm-400 .popup-btm-close i:after,
.popup-btm-640 .popup-btm-close i:before,
.popup-btm-640 .popup-btm-close i:after {
	background-color:#fff;
	content:'';
	height:3px;
	position:absolute;
	right:1px;
	top:10px;
	width:21px;
}
.popup-btm-400 .popup-btm-close i:before,
.popup-btm-640 .popup-btm-close i:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.popup-btm-400 .popup-btm-close i:after,
.popup-btm-640 .popup-btm-close i:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/*=================================================================*/
/* Grid layout */
/*=================================================================*/
.ts-forms [class*="span"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.ts-forms .span1 { width:8.3333%; }
.ts-forms .span2 { width:16.6666%; }
.ts-forms .span3 { width:25%; }
.ts-forms .span4 { width:33.3333%; }
.ts-forms .span5 { width:41.6666%; }
.ts-forms .span6 { width:50%; }
.ts-forms .span7 { width:58.3333%; }
.ts-forms .span8 { width:66.6666%; }
.ts-forms .span9 { width:75%; }
.ts-forms .span10 { width:83.3333%; }
.ts-forms .span11 { width:91.6666%; }
.ts-forms .span12 { width:100%; }

.ts-forms .offset1 { margin-left:8.3333%; }
.ts-forms .offset2 { margin-left:16.6666%; }
.ts-forms .offset3 { margin-left:25%; }
.ts-forms .offset4 { margin-left:33.3333%; }
.ts-forms .offset5 { margin-left:41.6666%; }
.ts-forms .offset6 { margin-left:50%; }
.ts-forms .offset7 { margin-left:58.3333%; }
.ts-forms .offset8 { margin-left:66.6666%; }
.ts-forms .offset9 { margin-left:75%; }
.ts-forms .offset10 { margin-left:83.3333%; }
.ts-forms .offset11 { margin-left:91.6666%; }
.ts-forms .offset12 { margin-left:100%; }

.ts-forms .ts-row{ margin:0 -10px; }

.ts-forms .ts-row:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Responsiveness
==================================== */
/* Wrapper-640 */
@media all and (max-width:620px) {

	.wrapper-640 .ts-forms [class*="span"] { margin-right:0; width:100%; }

	.wrapper-640 .ts-forms [class*="offset"] { margin-left:0; }

	.wrapper-640 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; }

	.wrapper-640 .ts-forms .radio:last-child,
	.wrapper-640 .ts-forms .checkbox:last-child,
	.wrapper-640 .ts-forms .radio-toggle:last-child,
	.wrapper-640 .ts-forms .checkbox-toggle:last-child { margin-bottom:4px; }

	/* Popup menu forms*/
	.popup-list-open > .popup-list-wrapper { width:100%; }
	.popup-list-open { position:static; }
}

/* Wrapper-400 */
@media all and (max-width:380px) {

	.wrapper-400 .ts-forms [class*="span"] { margin-right:0; width:100%; }

	.wrapper-400 [class*="offset"] { margin-left:0;	}

	.wrapper-400 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; }

	.wrapper-400 .ts-forms .radio:last-child,
	.wrapper-400 .ts-forms .checkbox:last-child,
	.wrapper-400 .ts-forms .radio-toggle:last-child,
	.wrapper-400 .ts-forms .checkbox-toggle:last-child { margin-bottom:4px; }

	/* Responsiveness inside popup menu forms */
	.popup-list-wrapper .ts-forms [class*="span"] { margin-right:0; width:100%; }

	.popup-list-wrapper .ts-forms [class*="offset"] { margin-left:0; }

	.popup-list-wrapper .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; }
}

/* Popup bottom form 400 px*/
@media all and (max-width:410px) {

	.popup-btm-400 { width: 320px; }

	.popup-btm-400 .ts-forms [class*="span"] { margin-right:0; width:100%; }

	.popup-btm-400 .ts-forms [class*="offset"] { margin-left:0; }

	.popup-btm-400 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; }
}

/* Popup bottom form 640 px*/
@media all and (max-width:650px) {

	.popup-btm-640 { width: 320px; }

	.popup-btm-640 .ts-forms [class*="span"] { margin-right:0; width:100%; }

	.popup-btm-640 .ts-forms [class*="offset"] { margin-left:0; }

	.popup-btm-640 .ts-forms .label-center { height:14px; line-height:14px; text-align:left; padding-bottom:3px; }
}

/* Bootstrap compatibility
=============================== */
.ts-forms .radio,
.ts-forms .checkbox,
.ts-forms .radio-toggle,
.ts-forms .checkbox-toggle { margin-top:0; }

.ts-forms .label {
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.ts-forms .radio,
.ts-forms .checkbox,
.ts-forms .radio-toggle,
.ts-forms .checkbox-toggle,
.ts-forms .radio *,
.ts-forms .checkbox *,
.ts-forms .radio-toggle *,
.ts-forms .checkbox-toggle *,
.ts-forms .radio i:after,
.ts-forms .checkbox i:after,
.ts-forms .radio-toggle i:after,
.ts-forms .checkbox-toggle i:after,
.ts-forms .radio i:before,
.ts-forms .checkbox i:before,
.ts-forms .radio-toggle i:before,
.ts-forms .checkbox-toggle i:before {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

span.error-view{
background: rgba(0, 0, 0, 0) url("../images/Error-128.png") no-repeat scroll right center;
float: right;
height: 26px !important;
margin: 0 !important;
padding: 0;
position: relative;
right: 10px;
text-indent: -99999px;
top: -37px;
width: 26px !important;

}

.error_none span.error-view{
	display:none;
}

.cloneya .primary-btn, .cloneya .secondary-btn {
  padding: 0 20px;
}


/* Cloned elements
=============================== */
.ts-forms .content .clone-btn-right,
.ts-forms .content .clone-btn-left {
	font-size:14px;
	height:48px;
	padding:0;
	position:absolute;
	margin:0;
	width:47px;
}
.ts-forms .ts-row>.clone-btn-right { bottom:25px; right:10px; }

.ts-forms .ts-row>.clone-btn-right.delete { right:60px; }

.ts-forms .tsbox>.clone-btn-right { bottom:0; right:0; }

.ts-forms .tsbox>.clone-btn-right.delete { right:50px; }

.ts-forms .ts-row>.clone-btn-left { bottom:25px; left:10px; }

.ts-forms .ts-row>.clone-btn-left.delete { left:60px; }

.ts-forms .tsbox>.clone-btn-left { bottom:0; left:0; }

.ts-forms .tsbox>.clone-btn-left.delete { left:50px; }

.toclone-widget-right { padding-right:100px; position:relative; }

.toclone-widget-left { padding-left:100px; position:relative; }

.ts-forms .toclone .link { display:inline-block; padding-bottom:3px; margin:0 5px 5px 0; }

.cloneya a.clone{
	background:#ff0000;
	color:#fff;
	padding:15px 12px !important;
}

.cloneya a.delete{
	background:#ff0000;
	color:#fff;
	padding:15px 12px !important;
}

.sp-replacer {
  top: 29px !important;
   padding-left: 10px !important;

}


.datepic .fa.fa-caret-left {
  color: #f00;
}

.datepic .fa.fa-caret-right{
  color: #f00;
}

.fa.fa-caret-left {
  color: #f00;
}

 .fa.fa-caret-right{
  color: #f00;
}



/**new_laftmenu*/

.sitebar-sticky {
    position: fixed;
    width:100px;
    background: #1d252c;
    height: 100%;
    left: 0;
    z-index: 9991;
    padding: 15px 0;
    text-align: center;
}
.wht_menu h4 {
    color: #2d3a45;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.wht_menu {
    padding: 15px;
}
.wht_menu h3 {
    color: #536677;
    font-weight: 400;
    font-size: 15px;
	padding:10px 0;
}
.wht_menu ul li a:hover, .wht_menu ul li.active a:hover, .wht_menu ul li.active a{
    color: #1071e3;
}
.wht_menu ul li:last-child a {
    padding-bottom: 0;
}
.wht_menu ul li:first-child a {
    padding-top: 0;
}
.wht_menu ul {
    border-left: 1px solid #ced5db;
}
.wht_menu ul li a {
    color: #536677;
    font-weight: 500;
    font-size: 13.2px;
    letter-spacing: 0.3px;
    padding: 9px 0;
    display: block;
	position:relative;
	padding-left:15px;
}
.wht_menu ul li a::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    left:-1px;
    background: #1071e3;
    opacity: 0;
	transition:opacity 0.3s ease-in;
	top:0;
}
.wht_menu ul li a:hover::before, .wht_menu ul li.active a:hover::before,  .wht_menu ul li.active a::before{
	transition:opacity 0.3s ease-in;
	opacity:1;
	}
.left-iconbar {
    padding-top: 25px;
}
.left-iconbar ul li a {
    display: block;
    color: #fff;
    opacity: 0.6;
    margin: 0px 5px;
    font-family: 'Montserrat', sans-serif;
	position:relative;
}
.left-iconbar ul li a .stick-ico {
    font-size: 18px;
	padding: 5px 0 0;
}
.left-iconbar ul li a span {
    display: block;
}
.left-iconbar ul li a .stick-name {
    font-size: 11px;
    padding: 0 0 5px;
    letter-spacing: 0.4px;
    font-weight: 400;
}
.left-iconbar ul li a:hover{opacity:1;}
.left-iconbar ul li.active a {
    opacity: 1;
}
.left-iconbar ul li.active a{opacity:1;}
.left-iconbar ul li.active a::before {
	opacity:1;
}
.left-iconbar ul li a::before {
    background: #2bbf57;
    opacity: 1;
    border-radius: 8px;
    content: "";
    width: 3px;
    left: -5px;
    height: 100%;
    position: absolute;
	opacity:0;
}
.left-iconbar .nav-tabs {
    border: 0;
}
.fadder-close.active {
    display: block;
}
.fadder-close {
    position: fixed;
    background: transparent;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 998;
    display: none;
}

.check_repeat {
    margin: 0;
}

.check_repeat {
    margin: 0;
}.check_repeat.modul_head p, .module_rows p {
    margin: 0;
    padding: 12px 0;
    text-transform: capitalize;
    letter-spacing: 0.2px;
    color: #1d252c;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
}
.check_repeat.modul_head {
    margin: 0;
    background: #f9f9f9;
    margin-bottom: 10px;
}
.check_repeat label .icheckbox_square-green {
    margin-right: 5px;
}
.check_repeat label {
    margin: 0;
    padding: 12px 0;
    letter-spacing: 0.2px;
    color: #6f7479;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
}
.inside-row {
    width:100%;
    margin: auto 0 auto auto;
}
.inside-row .inside_c{margin-left: 20px;}
.module_rows:nth-child(odd) {
    background: #f9f9f9;
}
/*dashboard page*/
.top4_box .counter{
    width: 60px;
    height: 60px;
    text-align: center;
    display: inline-block;
    line-height: 60px;
    background: #F3F3F3;
    border-radius: 50%;
}
.top4_box h2{
	vertical-align: middle;
    line-height: 60px;
	margin:0;
	}
.top4_box .analytics-sparkle-line .analytics-content .tuition-fees {
	display: inline-table;
    margin: 0px 5px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
    float: right;
    width: calc(100% - 70px);
    line-height: 18px;
    vertical-align: middle;
    margin-top: 14px;
	text-align:right;
}
.top4_box .analytics-sparkle-line .analytics-content .tuition-fees b {
    display: block;
    color: #2e2f38;
    font-size: 22px;
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 9px;
}
.top4_box .analytics-sparkle-line {
    border: 0 solid #fff;
    box-shadow: 2px 3px 10px 0px rgba(119,119,119,0.1);
    transition: all .5s ease-in-out;
    border-radius: 4px;
	padding: 10px;
}
.top4_box .analytics-sparkle-line:hover{
	box-shadow: 0 2rem 2rem rgba(0,0,0,0.1);
	}
.top4_box .analytics-sparkle-line .analytics-content .tuition-fees b small {
    color: #6a7073;
    font-weight: 500;
    display: inline-block;
    font-size: 9px;
    margin-left: 10px;
}
.graph-rp-dl .form-control {
    height: 35px;
    padding: 4px 12px;
    border: 1px solid #2899fe;
    background: #2899fe;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    border-radius: 2px;
    display: inline-block;
    width: auto;
    font-weight: 600;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    text-transform: capitalize;
}
.graph-rp-dl .form-control option {
    background: #fff;
    color: #0a2662;
    border: 0;
    outline: 0;
}
.graph-rp-dl span.col-md-6.col-sm-6.col-xs-12 {
    padding: 0 0 0 8px;
}
.graph-rp-dl .input-group-addon {
    border: 0;
    text-transform: capitalize;
}
.chart_title .caption-subject b {
    font-weight: 500;
    color: #000;
    padding-top: 10px;
    display: inline-block;
    position: relative;
}
.chart_title .caption-subject {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
}

.analytics-sparkle-area4 .top4_box .analytics-sparkle-line{min-height: 475px;padding:0;}



/*dashboard-design*/
.top4_box .line-1 .counter{
    background:#e5f3fe;
    color:#0086fe;
}

.top4_box .line-2 .counter{
   background:#e5f3fe;
    color:#0086fe;}
.top4_box .line-3 .counter{
     background:#e5f3fe;
    color:#0086fe;
}
.top4_box .line-4 .counter{
   background:#e5f3fe;
    color:#0086fe;
}
.line-1, .line-2, .line-3, .line-4 {
    position: relative;
}
.line-1::before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #0086fe;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: -2px 4px 10px #33333338;
    font-size: 17px;
    font-weight: bold;
    content: "\f013";
    font-family: "Fontawesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.top4_box .analytics-sparkle-line.line-1 span.tuition-fees{
    color: #0086fe;
    letter-spacing: 0px;
    font-weight: 800;
}
.line-2::before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #0086fe;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: -2px 4px 10px #33333338;
    font-size: 17px;
    font-weight: bold;
    content: "\f013";
    font-family: "Fontawesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.top4_box .analytics-sparkle-line.line-2 span.tuition-fees{
   color: #0086fe;
   font-weight: 800;
   letter-spacing: 0px;
}
.line-3::before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #0086fe;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: -2px 4px 10px #33333338;
    font-size: 17px;
    font-weight: bold;
    content: "\f013";
    font-family: "Fontawesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.top4_box .analytics-sparkle-line.line-3 span.tuition-fees{
   color: #0086fe;
   font-weight: 800;
   letter-spacing: 0px;
}
    
.line-4::before {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: 0;
    color: #0086fe;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: -2px 4px 10px #33333338;
    font-size: 17px;
    font-weight: bold;
    content: "\f013";
    font-family: "Fontawesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.top4_box .analytics-sparkle-line.line-4 span.tuition-fees{
   color: #0086fe ;
   font-weight: 800;
   letter-spacing: 0px;
}
.breadcome-area .breadcome-list {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #0a2662;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 24px;
    margin-top: 15px;
    box-shadow: 0px 10px 10px 0 rgba(141, 155, 168, 0.08);
}
.breadcome-area .breadcome-list ul.breadcome-menu li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.breadcome-area .breadcome-list span.bread-slash {
    font-size: 14px;
    margin: 0 5px;
    color: #fff;
}
.breadcome-area .breadcome-list span.bread-blod {
    border-radius: 50px;
    padding: 8px 15px;
    background: #ffffff;
    font-weight: 600;
    color: #0a2662;
}.sr-input-func a{color: #0a2662 !important;}
.breadcome-heading .form-control, .sr-input-func .form-control:focus{background:#fff !important;}.breadcome-heading .form-control::placeholder{color: #0a2662;font-weight:600;}
.header-right-info .admin-name{
        color: #23294b !important;
        font-weight: 600!important;
}

.analytics-sparkle-line .portlet-title {
    padding: 12px 15px;
    min-height: 60px;
    box-shadow: 1px 5px 10px rgba(201, 205, 220, 0.58);
}
.chart_title .caption-subject b::before {
    width: 25px;
    height: 25px;
    background: #2899fe;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    right: -30px;
    box-shadow: -2px 4px 10px rgb(216, 226, 236);
    content: "\f080";
    font-family: "Fontawesome";
}
.actions.graph-rp.graph-rp-dl {
    float: right;
}