/*
* Site by: Connect Technologies (www.ctay.net)
*/

/*Colors
    blue: #313b47;
    hoverblue: #638ab9;

*/


/* -----------------------------------------------
    GLOBAL STYLES
–––––––––––––––––----------------------- */
body, html {
    height: 100%;
}
body {
    background: #eaeaea;
    color: #000;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
}

.non-bold {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, Arial, Helvetica, sans-serif;
    font-weight: 300;
}

a, a:link {
    color: #638ab9;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
a:hover, a:link:hover {
    color: #7ab6ff;
}
a.button,
a.button:link,
a.button:visited,
button.button,
input[type=button].button,
input[type=submit].button {
    display: inline-block;
    padding: 9px 35px 8px;
    margin: 0 20px 0 0;
    background: #e2e2e2;
    color: #333;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center; 
    border-radius: 2px;
    -webkit-transition: all .18s ease-out;
    -moz-transition: all .18s ease-out;
    -ms-transition: all .18s ease-out;
    -o-transition: all .18s ease-out;
    transition: all .18s ease-out;
    text-decoration: none;
}
a.button:hover,
button.button:hover,
input[type=button].button:hover,
input[type=submit].button:hover {
    background: #d2d2d2;
}
input[type=button].button,
input[type=submit].button {
    border: 0;
}
button.button {
    border: 0;
}
a.button.large,
button.button.large,
input[type=button].button.large,
input[type=submit].button.large {
    font-size: 30px;
    padding: 16px 75px;
}
a.button.medium,
button.button.medium,
input[type=button].button.medium,
input[type=submit].button.medium {
    font-size: 26px;
    padding: 8px 35px;
}
a.button.small,
button.button.small,
input[type=button].button.small,
input[type=submit].button.small {
    font-size: 14px;
    padding: 4px 15px 2px;
    text-transform: none;
    font-weight: 400;
}
a.button.blue,
a.button.blue:link,
a.button.blue:visited,
button.button.blue,
input[type=button].button.blue,
input[type=submit].button.blue {
    background: #313b47;
    color: #fff;
}
a.button.blue:hover,
button.button.blue:hover,
input[type=button].button.blue:hover,
input[type=submit].button.blue:hover {
    background: #638ab9;
}
a.button.lt-blue {
    background: #425472;
    color: #fff;
}
a.button.yellow,
a.button.yellow:link,
a.button.yellow:visited,
button.button.yellow,
input[type=submit].yellow {
    background: #f6d677;
    color: #000;
}
a.button.yellow:hover,
button.button.yellow:hover,
input[type=submit].yellow:hover {
    background: #ffe8a3;
}
a.button.clear,
button.button.clear,
input[type=submit].clear {
    background: none;
    color: #313b47;
    text-transform: none;
    font-weight:400;
    font-style: italic;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
a.button.clear:hover,
button.button.clear:hover,
input[type=submit].clear:hover {
    color: #638ab9;
}
a.button:last-child {
    margin-right: 0;
}

a.button i,
button.button i {
    margin-right: 8px;
    font-size: 86%;
}

.nm {
    margin: 0 !important;
}


h1 sup {
    font-size: 60%;
}
.gray-divider{
    border: solid 1px #9DA1A4;
    width:100%;
}

/* tooltips */
.ui-tooltip {
    background: rgba(0,0,0,0.6);
    color: #fff;    
    padding:4px 7px 2px;
    font-size: 13px;
    position:absolute;
    left: 150px;
    z-index:9999;
    max-width:300px;
    border: 0;
    -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.3);
    box-shadow:0 0 4px 0 rgba(0,0,0,0.3);
}
.ui-tooltip:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(0,0,0,0.55);
}
body .ui-tooltip {
    border: 0;
}

.no-bullets {
    list-style-type: none;
}

.temp-text {
    color: #c2c2c2;
    font-style: italic;
}
.temp-text i {
    color: #d2d2d2;
}
.sysmsg 
{
    color: #FF0000;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
}

/* CLEARING */
.cleared:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cleared {display:inline-block;}
/* Hides from IE-mac \*/
* html .cleared {height:1%;}
.cleared {display:block;}
/* End hide from IE-mac */
/* END CLEARING */

/* Fancybox Styling
----------------------------- */
#fancyConfirm_Box {
    width: 450px;
    min-height: 100px;
    padding: 0;
    border-radius: 0;
}
#fancyConfirm_Title {
    background: #e2e2e2;
    text-align: center;
    padding: 10px 25px;
    border-bottom:1px solid #c2c2c2;
    color: #313b47;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
#fancyConfirm_Inner {
    padding: 35px 25px;
    text-align: center;
    font-weight: bold;
}
#fancyConfirm_Buttons {
    padding: 0 25px 25px;
    text-align: center;
}
#fancyConfirm_Yes {    
    color: #fff;
    background:#313b47;
    border-radius: 3px;
    padding: 12px 20px 10px;
    font-size: 16px;
    margin: 15px;   
    outline: 0;
    border:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#fancyConfirm_Yes:hover {
    background: #638ab9;
    color:#fff;
}
#fancyConfirm_No {    
    color: #333;
    text-decoration: none;
    border-radius: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 15px;
    padding: 0;
    font-style: italic;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.back-button {
    margin: 60px 0 0;
}


/* -----------------------------------------------
    STRUCTURE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.big-wrap {
    min-height: 100%;
    margin-bottom: -62px;
}
.wrapper {
    max-width: 1002px;
    padding: 0 31px;
    margin: 0 auto;
    position: relative;
}



/* -----------------------------------------------
    HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Header & Logo
--------------------------- */
header {
    position: absolute;
    z-index: 900;
    /*background: url('../images/logo.jpg') center top repeat-x;*/
    height: 80px;
}
header a, header a:link, header a:visited {
    color: #638ab9;
    text-decoration: none;
}
header a:hover, header a:link:hover {
    color: #7ab6ff;
}
.header-title {
    float: left;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 7px 0 0;
}
.header-bar {
    position: fixed;
    left: 280px;
    right: 0;
    background-color: #fff;
    color: #131313;
    height: 65px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.35);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.35);
}
.header-bar .user{
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 11px;
    line-height: 20px;
    text-align: center;
    background-color: #fff;
}
.header-bar .fa-gear{
    font-size:18px;
    position: absolute;
    right: 500px;
    top:0;
    line-height:65px;

}
.header-breadcrumbs ul{
    list-style:none;
    padding-left:50px;
}
.header-breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 5px;
}
.header-breadcrumbs li:first-child{
    margin-left:-15px;
}
.header-breadcrumbs a {
    padding: 15px;    
    line-height:65px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight:700;
    text-decoration: none;
}
header #logo {
    float: right;
    width: 260px;
    margin-top: 5px
    
}
header #logo h1 {
    display:inline-block;
}
header #logo h1 a {
    display: block;
    text-indent: -9999px;
    background: url('../images/logo-header.png') left 50% no-repeat;
}
.header-top {
    height: 100px;
    background: rgba(255,255,255,0.77);
    border-bottom: 0px solid #fff;
}

.logo {
    display: inline-block;
    margin: 16px 0 0;
}

}

.hero-image-container {
    height: 280px;
}
.hero-image {
    width: 100%;
    height: 585px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    height: 280px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.hero-image img {
    width:100%;
}
.home.hero-image-container {
    height: 485px;
}
.home.hero-image-container .wrapper {
    position: relative;
    height: 100%;
}
.home.hero-image-container .rotator {
    position: absolute;
    width: 100%;
    height: 585px;
    top: 0;
    left: 0;
    z-index:-1;
}
.home.hero-image-container .hero-image {
    position: relative;
    height: 585px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.home.hero-image-container .hero-image img {
    width:100%;
}



/* -----------------------------------------------
    SIDEBAR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sidebar {
    position: fixed;
    width: 280px;
    height: 100%;
    background: url(/images/blue-pattern.jpg) repeat;    
}
.sidebar .logo-container {
    text-align: center;
}
.sidebar .logo {
    margin: 15px auto 0;
    display: inline-block;
    text-align:center;
}
.sidebar .logo img {
    max-width: 100px;
}
.sidebar nav {
    margin-top:30px;
}
.sidebar nav ul {
    list-style: none;
    padding: 0;
}
.sidebar nav ul li {
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.35);
}
.sidebar nav ul li:hover {
    border-color: #2d73af;
}
.sidebar nav ul li:last-child {
    border:0;
}
.sidebar nav a {
    text-transform:uppercase;
    background-color: #2e4976;
    display: inline-block;
    width:100%;
    padding: 20px 25px 18px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    color: #fff;
    font-weight:700;
    font-size: 14px;
    letter-spacing:1px;
    text-decoration: none;
}
.sidebar nav a:hover{
    background-color: #2D73AF;    
}
.mobile-trigger,.mobile-close {
    display: none;
}


/* -----------------------------------------------
    ADMIN
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.admin {
    margin: 75px 0;
}
.admin .app-listing {
    width: 100%;
    text-align: left;
}
.admin .app-listing i {
    margin-left: 7px;
}
.admin .app-listing tr:nth-child(odd) {
    background: #f9f9f7;
}
.admin .app-listing tr.table-header {
    background: none;
}


/* -----------------------------------------------
    MAIN CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––– */    
.main {
    margin-left: 280px;    
    padding: 115px 47px 115px 47px;
}

.page-title {
    font-size: 45px;
    font-weight: 300;
    color: #a7181c;
    padding: 0 0 0px;
    margin: 0 0 0px;

}

.content {
    font-size: 14px;
    margin: 30px 0 60px;
    min-height: 625px;
}
.content .page-title {
    display: inline-block;
    padding: 0 30px 20px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 40px;
}
.content .intro {
    text-align: center;
}
.content-block {
    padding: 30px 45px 30px 45px;
    background: #fff;
    margin: 0 0 40px;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,.35);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.35);    
}

.content-block .title {
    margin: 0 0 25px;
    padding: 0 0 22px;
    border-bottom: 1px solid #aaa;
}
.with-table .title {
    margin: 0 0 25px;
    border: 0;
    padding: 0;
}
.content-block .title .button {
    float: right;
    padding: 12px 30px;
    margin: -10px 0 10px 30px;
}
.content-block .title .button.small {
    padding: 8px 18px 6px;
    margin-top: 0;
}

/* -----------------------------------------------
    DASHBOARD
–––––––––––––––––––––––––––––––––––––––––––––––––– */    

.user-details {
    margin: 0 0 40px;
}
.user-details .title {
    font-weight: bold;
}



/* -----------------------------------------------
    EMAIL LIST PAGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.search .form-row.submit {
    display: inline-block;
}
.search .search-filters {
    background: #f5f5f5;
    padding: 15px 25px;
    margin: 20px 0 0;
}
.search .search-filters a {
    font-size: 16px;
    color: #313b47;
    display: inline-block;
    margin-right: 40px;
}
.search .search-filters a i {
    margin-right: 7px;
}
.search .search-filters a:hover {
    color: #638ab9;
}

.form-section.date-range {
    margin-top:15px;
}


.email-list .pagination-container {
    max-width: 375px;
    overflow: hidden;
    margin: 0 0 35px;
    text-align: center;
}
.email-list .pagination-info {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
}
.email-list .pagination a.button {
    padding: 4px 20px;
    text-align: center;
    margin: 0;    
    width: 60px;
}
.email-list .pagination.previous {
    float: left;
}
.email-list .pagination.next {
    float: right;
}
.email-list .pagination a.button.blue:hover {
    background: #313b47;
}
.email-list .pagination a.button.lt-blue {
}
.email-list .pagination.previous a.button.blue,
.email-list .pagination.next a.button.lt-blue {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.email-list .pagination.next a.button.blue,
.email-list .pagination.previous a.button.lt-blue {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.email-list .pagination a.button i {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin: 0;
}
.email-list .pagination.previous a.button i {
    left: -2px;
}
.email-list .pagination.next a.button i {
    left: 2px;
}


/* EMAIL TABLE */
.email-list .responseive table,
.email-list .responsive tr {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;    
}
.email-list .responsive tr {
    max-height: 38px;
}
.email-list .clickable-rows tr td a {
    padding: 0 10px;
    line-height: 38px;    
}
.email-list .responsive td {
    display: block;
}

.email-list .date {
    position: absolute;
    background: #fff;
    z-index: 2;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 175px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.email-list tr:nth-child(odd) .date {
    background-color: #f2f2f2;
}
.email-list .clickable-rows tr:hover .date {
    background: #e8f5ff;
}

.email-list .cb {
    float: left;
    width: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.email-list .case {
    float: left;
    width: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.email-list .case span {
    display: inline-block;
}
.email-list .to {
    float: left;
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.email-list .from {
    float: left;
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.email-list .clickable-rows tr td a.subject {
    padding-left: 485px;
    padding-right: 0;
    margin-left: 30px;
}
.email-list tr.table-header {
    font-size: 0;
    max-height: none;
}
.email-list tr.table-header th {
    border: 0;
    padding: 10px;
    display: inline-block;
}
.email-list tr.table-header {
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
}
.date-header {
    width: 175px;
    float: right;
}
.sel-emails-header {
    width: 30px;
}
.cb-header {
    width: 60px;
    font-size: 11px;
    line-height: 1;
}
.to-header {
    width: 180px;
}
.from-header {
    width: 180px;
}
.case-header {
    width: 75px;
}
.email-list .table-header th.subject-header {
    width: auto;
    padding-left: 0;
}

.email-list td a.date {

}

.email-list .sel-emails {
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 0 0 10px;
}

#multi-controls {
    float: right;
}



/* -----------------------------------------------
    EMAIL VIEW PAGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.view-email {
    margin: 0 0 150px;
}
.email-header {
    margin: 0 0 25px;
}
.email-info {
    margin: 0 0 8px;
}
.email-label {
    font-weight: bold;
}
.email-date {
    float: right;
    font-size: 16px;
    font-weight: bold;
}
.email-links {
    margin: 15px 0 40px;   
}

.email-details {
    margin :0 0 40px;
}

.email-attachment-filename {
    width: 700px;
}
.email-attachment-download {
    width: 300px;
}

.email-navigation {
    margin: 0 0 20px;
}
.email-navigation a.button {
    font-size: 13px;
}
.email-navigation a.button i {
    font-size: 80%;
    top: -1px;
    position: relative;
}

.body-toggle .button {
    margin:0;
}
.body-toggle .button.active {
    background: #313b47;
    color: #fff;
}
.email-details .input-container.textarea {
    border-color: #313b47;
}
#puReassign {
    width: 350px;
    padding: 10px 15px;
}

/* -----------------------------------------------
    CREATE ACCOUNT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.create-account {
    margin: 75px 0;
}

.admin-links {
    display: inline-block;
    float: right;
    font-size: 11pt;
    margin-top: 10px;
}

.login {
    margin: -30px auto 200px;
    max-width: 600px;
}
.login .content-block {
    min-height: 325px;
}
.login .logo {
    display: block;
    text-align: center;
    margin: 0 0 30px;
}
.login .logo img {
    max-width: 120px;
}

.new-account {
    margin-right: 10px;
}

.gray-box.login {
    margin: 50px auto 80px;
}
/* -----------------------------------------------
    CASE LISTINGS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.td-case {
    width:800px;
}
.td-edit,
.td-assoc,
.td-delete,
.td-sort {
    width: 75px;
}




/* -----------------------------------------------
    CASE KEYWORD ASSOCIATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* -----------------------------------------------
    ADD CASE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.list-cases.add-case .case-header{
    margin-bottom:8px;
}
.list-cases.add-case .form-row{
    margin: 50px 0 40px;
}
.list-cases.add-case .input-container{
    width:80%;
}
/* -----------------------------------------------
    TABLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
td,th {
    text-align: left;
    font-size: 13px;
    border:0;
}
thead tr th,
tr.table-header th {
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
}
tr:nth-child(odd) {
    background-color: #f2f2f2;
}
thead tr,
tr.table-header {
    background: none;
}

td {
    padding: 18px 15px;
}

td a.option {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    margin-right: 15px;
    line-height:0;
    color: #555;
}
td a.option:hover {
    color: #638ab9;
}
td a.option i.fa-edit {
    left: 1px;
    top: 1px;
}
td a.option:last-child {
    margin: 0;
}

.clickable-rows tr {
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;    
}
.clickable-rows tr:hover {
    background: #e8f5ff;
}
.clickable-rows tr.table-header:hover {
    background: none;
}
.clickable-rows td {
    padding: 0;
}
.clickable-rows td a {
    display: block;
    color: inherit;
    padding: 22px 15px;
}
.clickable-rows tr:hover a {
    color: #1d0fa1;
}
.clickable-rows td a.option {
    text-align: left;
}


/* -----------------------------------------------
    RESPONSIVE TABLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.responsive {
    width: 100%;
}
.responsive .hidden {
    display: none;
}


/* -----------------------------------------------
    FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
    background: #2b0607;
    padding: 15px 0 0;
    margin: 0;
    text-align: center;
}
footer, .footer-spacer {
    height: 70px;
}
footer a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}
footer a img {
    display: block;
}

/* END FOOTER */




/* -----------------------------------------------
    TABLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.full {
    width: 100%;
}


/* -----------------------------------------------
    FORMS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-container {
}
.form-row {
    margin: 0 0 10px;
}
.form-row.hidden {
    display: none;
}
.form-row.submit {
    margin: 25px 0 10px;
}
.form-row.submit.right {
    text-align: right;
}
.form-row.submit i {
    margin-left: 8px;
    font-size: 90%;
}
.form-row.small {
    max-width: 48%;
}
.form-row.indented {
    margin-left: 30px;
}
.error-msg {
    color: #ec1c24;
    margin-bottom: 25px;
}
.extra-links {
    margin: 30px 0 0;    
}

/* Generic Forms
--------------------------- */

.form-section {

}
.form-row {
    margin: 0 0 18px;
}
.form-row label {
    text-align: left;
    margin: 0 0 3px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
}
.form-row label.error {
    color: #ec1c24;
    font-size: 14px;
    margin: 4px 0;
}
.child-row .form-row {
    margin: 0 0 10px;
}
.child-row .form-row:last-child {
    margin: 0 0 18px;
}
.input-container {
    border: 1px solid #555;
    background: none;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.input-container.inline {
    width: auto;
    display: inline-block;
}
.input-container.focused {
    border-color: #000;
    background: #fff;
}
.input-container.w-icon {
    position: relative;
}
.input-container input,
.input-container textarea,
.input-container select {
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    line-height:1.6;
    font-family: Arial, Helvetica, sans-serif;
}
.input-container input::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color: #aaa;
}
.input-container input:-moz-placeholder { /* Firefox 18- */
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color: #aaa;
}
.input-container input::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color: #aaa;
}
.input-container input:-ms-input-placeholder {  
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    color: #aaa;
}
.input-container textarea {
    width: 99%;
    padding: 10px;
}
.input-container.w-icon input {
    padding-left: 30px;
}
.input-container.w-icon .input-icon {
    position: absolute;
    top: 5px;
    left: 9px;
    color: #aaa;
}
.input-container.select {
    position: relative;
}
.input-container.select.focused {
    
}
.input-container.select:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 24px;
    color: #444;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -21px;
    pointer-events: none;
}
.input-container.select select {
    width: 100%;
    border: 0;
    background: transparent;
    margin: 0;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";    
    padding: 7px 10px 7px;
    color: #000;
    cursor: pointer;
}
.input-container.select.small select {
    padding: 7px 0 6px 11px;
}
.input-container.checkbox {
    background: none;
    border: 0;
    display: inline-block;
}
.input-container.checkbox input {
    position: relative;
    top:2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
}
.input-container.checkbox label {
    display: inline-block;
    margin: 0;
}








.input-container.checkboxlist,
.input-container.radiobuttonlist {
    border: 0;
    background: none;
}
.input-container.checkboxlist table,
.input-container.radiobuttonlist table {
    margin: 0;
}
.input-container.checkboxlist tr,
.input-container.radiobuttonlist tr {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    background: none;
}
.input-container.checkboxlist.vertical tr,
.input-container.radiobuttonlist.vertical tr {
    display: block;
    margin: 0 0 7px;
    background: none;
}
.input-container.checkboxlist tr:last-child,
.input-container.radiobuttonlist tr:last-child {
    margin: 0;
}
.input-container.checkboxlist td,
.input-container.radiobuttonlist td {
    border: 0;    
    padding: 0;    
}
.input-container.checkboxlist input,
.input-container.radiobuttonlist input {
    position: relative;
    top: 2px;
    border: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 7px 0 0;
}
.input-container.checkboxlist label,
.input-container.radiobuttonlist label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

/* Select2 Styling
--------------------------- */
.select2-container {
    width: 100%;
    height: 30px;
}
.select2-container .select2-choice {
    border: 0;
    border-radius: 0;
    background: 0;
    color: #656565;
    padding: 4px 10px 4px;
    height: 30px;
}
.select2-container .select2-choice .select2-arrow {
    border: 0;
    border-radius: 0;
    background: none;
    display: none;
}
.select2-container .select2-choice .select2-arrow b {
    background-position:  -2px 6px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.select2-drop-active {
    -moz-transform: scale(1.005) translateY(2px);
    -webkit-transform: scale(1.005) translateY(2px);
    -o-transform: scale(1.005) translateY(2px);
    -ms-transform: scale(1.005) translateY(2px);
    transform: scale(1.005) translateY(2px);
    border: 1px solid #999;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.select2-search input,
.select2-search input:focus {
    border: 1px solid #555;
    color: #656565;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url(select2.png) no-repeat 100% -22px, 0 0;
}
.select2-results li {
    margin: 0 0 3px;
}
.select2-results .select2-result-label {
    padding: 2px 5px 0; 
    font-size: 14px;
}