/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * Style of company web V4
 */

/* Box panel */
.x-panel .box-panel{
   border: #ccc 1px solid; 
   border-radius: 0.3125rem; 
   font-family: "Bariol",sans-serif;
   font-size: 0.95rem;
}

.box-panel .x-panel-header{   
    /*background-color: #0062bb;*/
    border-radius: 0.3125rem 0.3125rem 0 0;
    font-family: "Bariol",sans-serif;   
}

.box-panel .x-panel-header .right-text {
    padding-right: 5px;
    font-size: 14px;
}

.box-panel > .x-panel-header > .x-panel-header-text {
    font-size: 1.2em;
}

.x-panel .box-contact {
    
}

/* Bubble - green */
.x-bubble-green{
    background: #008000;
    border:#ccc 1px solid;   
    margin: 8px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    color: #fff;
}

.x-bubble-green h1{
    font-size: 1.3rem;
}
.x-bubble-green p{
    font-size: 1rem;
}

.x-bubble-green-tl, .x-bubble-green-tc, .x-bubble-green-tr,
.x-bubble-green-ml, .x-bubble-green-mc, .x-bubble-green-mr,
.x-bubble-green-bl, .x-bubble-green-bc, .x-bubble-green-br {
    background-color: #008000;
}

.x-bubble-green-tl {
   border-radius: 0.3125rem 0rem 0rem 0rem;
   
}

.x-bubble-green-mc .timer {

    padding-right: 39px;
}

.x-bubble-green-tl, .x-bubble-green-tc, .x-bubble-green-tr,
.x-bubble-green-bl, .x-bubble-green-bc, .x-bubble-green-br {
    height: 25px;   
}
.x-bubble-green .text {
    width: auto;
}

.x-bubble-green-body {
    height: 65px;
}

/* INPUT */
.x-form-text {
    height: auto;
}

.ext-strict .x-form-text {
    height: 35px;
}


/* Main Button*/
.x-btn-tl, .x-btn-tc, .x-btn-tr,
.x-btn-ml, .x-btn-mc, .x-btn-mr,
.x-btn-bl, .x-btn-bc, .x-btn-br
{    
   border-color: #0062bb;
   background-color: #0062bb; 
}

.x-btn-ml, .x-btn-mc, .x-btn-mr {
    width: 5px;
    height: 5px;
}

.x-btn-text {
    font-size: 17px;
}

.x-btn-over .x-btn-tl, .x-btn-over .x-btn-tc, .x-btn-over .x-btn-tr,
.x-btn-over .x-btn-ml, .x-btn-over .x-btn-mc, .x-btn-over .x-btn-mr,
.x-btn-over .x-btn-bl, .x-btn-over .x-btn-bc, .x-btn-over .x-btn-br 
{
   border-color: #0062ff;
   background-color: #0062ff;
}

.x-btn-tl {
    border-radius: 1.71875rem 0rem 0rem 0rem;
}

.x-btn-bl {
    border-radius: 0rem 0rem 0rem 1.71875rem;
}

.x-btn-tr {
    border-radius:  0rem 1.71875rem 0rem 0rem;
}

.x-btn-br {
    border-radius: 0rem 0rem 1.71875rem 0rem ;
}

.x-btn-noicon .x-btn-small .x-btn-text {
    height: 28px;
    font-size: 1.1rem;
}

/* Orange Button */

.x-btn button {
   text-transform: none; 
}

.x-btn.orange .x-btn-tl, .x-btn.orange .x-btn-tc, .x-btn.orange .x-btn-tr,
.x-btn.orange .x-btn-ml, .x-btn.orange .x-btn-mc, .x-btn.orange .x-btn-mr,
.x-btn.orange .x-btn-bl, .x-btn.orange .x-btn-bc, .x-btn.orange .x-btn-br
{
    border-color: #ff5b3a;
    background-color: #ff5b3a;
}

.x-ie-shadow {  
       /* IE10-only styles go here */
       background-color: transparent;
       box-shadow: 6px 6px 8px rgba(50, 50, 50, 0.5);
}

/*.x-btn.orange {
    width: inherit !important;
}*/

.x-btn.orange td,
.x-btn.x-btn-over.orange .x-btn-tl, .x-btn.x-btn-over.orange .x-btn-tc, .x-btn.x-btn-over.orange .x-btn-tr,
.x-btn.x-btn-over.orange .x-btn-ml, .x-btn.x-btn-over.orange .x-btn-mc, .x-btn.x-btn-over.orange .x-btn-mr, 
.x-btn.x-btn-over.orange .x-btn-bl, .x-btn.x-btn-over.orange .x-btn-bc, .x-btn.x-btn-over.orange .x-btn-br
{
    border-color: #ee4725;
    background-color: #ee4725;
}

.x-btn-click.orange td
{
    background-color: #ee4725;
}

.x-btn.x-btn-click.orange .x-btn-mc
{
    background-color: #ee4725;
    background-position: 0px -26px;
}
.x-btn.x-btn-click.orange button {
    color: #EEE;
}

.box-panel.expanded > .x-panel-header > .x-panel-header-text {
    text-decoration: none;
    cursor: pointer;
}

.x-fieldset-header-text {
    color: #0062bb;
}

.x-form-field {
    font-family: "Bariol",sans-serif;
}

/* Bubble green*/
/*.x-bubble-green {
    background: green;
    border:#ccc 1px solid;   
    margin: 8px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
}*/

/* Custom classes */
.total, .box-contact {
    font-size: 0.9em;
    text-align: center;
    padding: 5px;
}


/* Order component style */

.msg p {
    font-size: 17px;
}

.msg p > a {
    color: inherit;
    text-decoration: underline;
}

#summary-panel p {
    font-size: 17px;
}

.success{color: #2C7635;background-color: #DFF0D4; border-left: #2C7635 solid 3px;}