@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

body {
    position: relative;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 1.2;
    background-color: #f2f2f2;
    padding: 0;
    margin: 0;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

*:focus,
*:focus:active {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

a {
    text-decoration: none !important;
}

.icheckbox_minimal-orange {
    background-color: #fff;
}

.form-control {
    -webkit-box-shadow: none !important;
    border-radius: 0;
    height: auto;
}

.btn {
    border-radius: 0;
}

.btn-default {
    background: #999;
    border-color: #999;
    color: #fff !important;
}

.btn-default:hover {
    background: #777;
}

.card {
    margin-top: 150px;
    background: rgba(255,255,255,0.9);
}

.card-tracking {
    margin-top: 5%;
}

.card-body .content-left {
    padding: 15px;
}

.card-body .content-right {
    background: #333;
    color: #fff;
    padding: 15px 30px;
    position: inherit;
    left: 2px;
    right: 15px;
    top: 0;
    bottom: 0;
    min-height: 400px;
}

.contacts li {
    line-height: 11px;
    font-size: 16px;
    width: 32%;
}

.contacts.address li {
    width: 100% !important;
}

.contacts li h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.contacts li h4 small {
    margin-left: 20px;
    line-height: 26px;
    font-size: 15px;
    text-transform: none !important;
}

.logo {
    margin-top: -5px;
    padding: 0 5px 20px;
    height: 60px;
    border-bottom: 1px solid #bbb ;
    margin-bottom: 20px;
}

.logo img {
    max-height: 65px;
}

.reset-password {
    color: rgba(255,255,255,0.5);
}

.reset-password:hover,
.reset-password:active,
.reset-password:focus{
    color: rgba(255,255,255,1);
}

.credits {
    padding: 5px;
    text-align: left;
    margin-top: -35px;
    margin-left: 10px;
    font-size: 13px;
    color: #777;
    border-top: 1px solid #bbb;
}

header {
    background: #fff;
    padding: 15px 30px;
    border-bottom: 5px solid #FF7400;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px #ccc;
}

header img.header-logo {
    max-height: 45px;
}

header .title {
    margin: 10px 0;
    font-size: 28px;
}

.container.container-account-default {
    background: #fff;
    padding-top: 15px;
    margin-bottom: 50px;
    border-radius: 3px;
}


.home-alerts .notice {
    margin-top: -15px;
    margin-bottom: 15px;
    padding: 0;
    color: #fff;
    background: transparent;
    border-left: none;
    box-shadow: none;
}
.home-alerts .notice.notice-danger {  color: red; }
.home-alerts .notice.notice-success{ color: #7cba11; }

/**
 * Panels
 */
.panel {
    background: transparent !important;
    border: none
}

.panel-heading {
    padding: 0;
    border: none;
}

.panel-body {
    background: #f2f2f2;
    border-radius: 0 3px 3px 3px;
    border: 1px solid #ddd;
    margin-top: -1px;
}

/*.panel-heading h4 {
    background: #F3821E;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    z-index: 11;
}

.panel-heading h4:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 0px;
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-bottom: 37px solid #F3821E;
}*/

.panel-heading.panel-heading-sm h4{
    font-size: 13px;
}
.panel-heading.panel-heading-sm h4:before {
    border-bottom-width: 33px !important;
}

.panel.panel-gray .panel-body{
    background: #EFF0F0;
}




.panel.panel-gray .panel-heading h4:first-child{
    background: #58595B;
}
.panel.panel-gray .panel-heading h4:first-child:before {
    border-bottom-color: #58595B;
}

.panel.panel-gray .panel-heading h4{
    background: #999;
}

.panel.panel-gray .panel-heading h4:before{
    border-bottom: 37px solid #58595B;
}


@media (min-width: 768px) and (max-width: 991px)  {
    .card {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px)  {
    .card {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .contacts li {
        width: 48% !important;
    }

    .contacts li.email {
        width: 100% !important;
    }
}

/**
 * Orange
 */
.skin-yellow header { border-bottom-color: #ffcc00;  }
.skin-yellow .btn-primary {
    background-color: #ffcc00;
    border-color: #ffcc00;
    color: rgba(0,0,0,0.7);
}
.skin-yellow .text-primary { color: #ffcc00; }
.skin-yellow .bg-primary { background: #ffcc00; }

.skin-yellow .panel-heading h4 { background: #ffcc00; }
.skin-yellow .panel-heading h4:before {  border-bottom: 37px solid #ffcc00; }

/**
 * Orange
 */
.skin-orange header { border-bottom-color: #FF7400;  }
.skin-orange .btn-primary {
    background-color: #FF7400;
    border-color: #FF7400;
}
.skin-orange .text-primary { color: #FF7400; }
.skin-orange .bg-primary { background: #FF7400; }

.skin-orange .panel-heading h4 { background: #F3821E; }
.skin-orange .panel-heading h4:before {  border-bottom-color: #F3821E; }
.skin-orange .modal-header { background: #F3821E; color: #fff }
/**
 * Red
 */
.skin-red header { border-bottom-color: #CF000F;  }
.skin-red .btn-primary {
    background-color: #CF000F;
    border-color: #CF000F;
}
.skin-red .text-primary { color: #CF000F; }
.skin-red .bg-primary { background: #CF000F; }
.skin-red .panel-heading h4 { background: #CF000F; }
.skin-red .panel-heading h4:before {  border-bottom: 37px solid #CF000F; }
.skin-red .modal-header { background: #CF000F; color: #fff }

/**
 * Dark Blue
 */
.skin-dark-blue header { border-bottom-color: #0058aa;  }
.skin-dark-blue .btn-primary {
    background-color: #0058aa;
    border-color: #0058aa;
}
.skin-dark-blue .text-primary { color: #0058aa; }
.skin-dark-blue .bg-primary { background: #0058aa; }
.skin-dark-blue .panel-heading h4 { background: #0058aa; }
.skin-dark-blue .panel-heading h4:before {  border-bottom: 37px solid #0058aa; }
.skin-dark-blue .modal-header { background: #0058aa; color: #fff }

/**
 * Purple
 */
.skin-purple header { border-bottom-color: #622599;  }
.skin-purple .btn-primary {
    background-color: #622599;
    border-color: #622599;
}

.skin-purple .btn-primary:hover {
    background-color: #8532d3;
    border-color: #8532d3;
}
.skin-purple .text-primary { color: #8532d3; }
.skin-purple .bg-primary { background: #622599; }
.skin-purple .panel-heading h4 { background: #622599; }
.skin-purple .panel-heading h4:before {  border-bottom: 37px solid #622599; }
.skin-purple .modal-header { background: #622599; color: #fff }

/**
 * Turquoise
 */
.skin-turquoise header { border-bottom-color: #1abc9c;  }
.skin-turquoise .btn-primary {
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.skin-turquoise .btn-primary:hover {
    background-color: #16a085;
    border-color: #16a085;
}
.skin-turquoise .text-primary { color: #1abc9c; }
.skin-turquoise .bg-primary { background: #1abc9c; }
.skin-turquoise .panel-heading h4 { background: #1abc9c; }
.skin-turquoise .panel-heading h4:before {  border-bottom: 37px solid #1abc9c; }
.skin-turquoise .modal-header { background: #1abc9c; color: #fff }

/**
 * Turquoise Blue
 */
.skin-turquoise-blue header { border-bottom-color: #00aeb6;  }
.skin-turquoise-blue .btn-primary {
    background-color: #00aeb6;
    border-color: #00aeb6;
}

.skin-turquoise-blue .btn-primary:hover {
    background-color: #16a085;
    border-color: #16a085;
}
.skin-turquoise-blue .text-primary { color: #00aeb6; }
.skin-turquoise-blue .bg-primary { background: #00aeb6; }
.skin-turquoise-blue .panel-heading h4 { background: #00aeb6; }
.skin-turquoise-blue.panel-heading h4:before {  border-bottom: 37px solid #00aeb6; }
.skin-turquoise-blue .modal-header { background: #00aeb6; color: #fff }

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }