/*
=================================================================
 NAVIGATION - MENU
=================================================================
*/
.navbar {
    line-height: 24px;
    min-height: 12px;
    margin-bottom: 0px;
}

.navbar-inner {
    line-height: 24px;
    min-height: 12px;
    height: 24px;
}

.navbar .nav > li {
    line-height: 14px;
}

    .navbar .nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar .nav > li.dropdown {
        height: 24px;
    }

        .navbar .nav > li.dropdown > a {
            padding-top: 5px;
            padding-bottom: 4px;
        }
/*
=================================================================
 TABLE
=================================================================
*/
.table {
    line-height: 20px;
}

    .table thead th, .table thead td {
        padding-bottom: 0px;
        padding-top: 0px;
        border: 1px solid #eee;
    }

    .table tbody th, .table tbody td {
        padding-bottom: 0px;
        padding-top: 0px;
        border: 1px solid #eee;
    }

.modal-footer {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom-width: 5px;
    border-width: 5px;
}

table tbody tr.even {
}

table tbody tr.odd {
}

.table tbody th.center, .table tbody td.center {
    text-align: center;
}

.table thead th.center, .table thead td.center {
    text-align: center;
}
/*
=================================================================
 MODAL
=================================================================
*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.3;
}
/*
=================================================================
 MODAL Login
=================================================================
*/
.modalLoginBackground {
    background: #393939 url('/Images/template/bg.png') top left repeat;
    color: #333;
    filter: alpha(opacity=50);
    opacity: 1;
}
/*
=================================================================
 Icon %
=================================================================
*/
.icon-percent::before {
    content: '%';
    font-weight: bold;
}
/*
=================================================================
 TextArea Sizes %
=================================================================
*/

/*
=================================================================
 Grid %
=================================================================
*/
.gridviewCenter {
    text-align: center !important;
}

.gridviewRight {
    text-align: right !important;
}


.checkBoxListWrap {
    width: 500px;
}

    .checkBoxListWrap input {
        margin-left: 5px;
    }

    .checkBoxListWrap label {
        position: relative;
        float: left;
        margin-left: 25px;
    }

/*
=================================================================
 CAM CSS's %
=================================================================
*/

.radioButtonGroupBox {
    display:inline-block;
    margin-left: 30px;
}

.radioButtonGroupBox > label {
    float:left;
}

.radioButtonGroupBox > input {
    float:left;
}

.radioButtonGroupItem{
    display:inline-block;
    margin-left:10px;
}

.radioButtonGroupItem > label {
    float:left;
    margin-left:5px;
}

.radioButtonGroupItem > input {
    float:left;
    margin-left:5px;
}

.radioButtonAlone{
    width:100%;
    display:inline-block;
    margin-left:10px;
}

.radioButtonAlone > label {
    float:left; 
    margin-left:5px   
}

.radioButtonAlone > input {
    float:left;
    margin-left:35px
}

.lblDatePicker{
    margin-left:75px;
    color:#555555 !important;
}

.lblDatePicker label{
    float: left;
    margin-left: 10px;
    color:#333;
}

.lblDatePicker div.add-on{
    display:none !important;
}

.lblDatePicker .icon-remove{
    display:none;
}

.lblDatePicker input{
    margin-left: 10px;
    width: 190px;
    color:#555555 !important;
    border: 1px solid #ccc;
}

.lblDatePicker .icon-calendar{ 
    color: #555555;
}

    .lblDatePicker > .control-group.error input{
        border: 1px solid #ccc;
    }

    .lblDatePicker > .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
        border: 1px solid #ccc;
    }

input{
    padding-left:5px;
}

.requiredErrorCAMField input{
    border-color:#ed4747 !important;
    border-width:1px !important;
    color: #ed4747 !important;
}

.requiredErrorCAMField textarea{
    border-color:#ed4747 !important;
    border-width:1px !important;
    color: #ed4747 !important;
}

.requiredErrorCAMField label {
    color: #ed4747 !important;
    margin-top: 0px !important;
    padding: 5px 0 0 5px !important;
}

.requiredErrorCAMField2 label {
    color: #ed4747 !important;
    margin-top: 1px !important;
    width: 160px !important;
    margin-left: 0px;
}

.requiredErrorCAMField2 input{
    border-color:#ed4747 !important;
    border-width:1px !important;
    color: #ed4747 !important; 
}

.requiredErrorCAMField2{
    float:left;
    width:100%;
}

.requiredErrorCAMField .icon-calendar{ 
    color: #ed4747
}

.requiredErrorCAMField span.add-on {
    border-color:#ed4747 !important;
    border-width:1px !important;
    color: #ed4747 !important;
}


label{
    margin-top:4px !important;
}

.datePickerDisable > div.form-controls span.add-on{
    display:none !important;
}

.custom-cell{
    white-space: nowrap;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c2{
    width: 100%;
    float:left;
}

.c1{
    width: 100%;
    float:left;
}



/*MY PEUGEOT*/

.onefield input.input-xxxlarge {
    width: 600px !important;
}

.twofields input.input-xxlarge {
    width: 600px !important;
}

.btnMain{   
    display: inline-block;
}

.btnMain > .btn-inverse{
    background-color:#007EDB !important;
    border: 1px solid #0D5FCB !important;
}

.btnMain > .btn-inverse:hover{
    background-color:#0D5FCB !important;
}

.edit-icon-fix{
    margin-right: 8px;
    font-size: 12px;
    margin-left: 5px;
}

.report{
    border-radius: 0px;
    background-color: AliceBlue;
    color: #0072bc
}

.report:hover{
    background-color: AliceBlue;
    opacity:0.7;
}

.floatLeft{
    float:left;
}

form {
    margin: 0 0 19px !important;
}

.accordionPanel{
    background-color: #F0F0F0 !important;
}

.accordionBtn{
    width: 100.7%;
    margin-left: -15px;
    margin-bottom: -9px;
    border-radius: 0px;
}

.accordionMarketing div.accordion-group div.accordion-heading{
    font-size:12px;
}

.accordionMarketing > a.accordion-toggle:link,a.accordion-toggle:visited,a.accordion-toggle:hover,a.accordion-toggle:active{
    text-decoration:none !important;
    font-size:12px;
}

div.campaign-dialog div.modal-body {
    height:656px !important;
}

.custom-foot{
    background-color: #ccc;
}

.arrow-fix{
    font-size:80px;
    color:#444;
}

.divArrow{
    position: relative;
    margin-top: 43px;
    margin-left: 40px;
}


#divRbOperations > div > label{
    width:100% !important;
}

.confirmBox-fix > div{
    margin-left: 25%;
    margin-top: 5%;
}

.confirmBox-fix .modal-body{
    padding: 45px;
    font-size: 12px;
}

.confirmBox-fix{
        background-color: rgba(0,0,0,0.3);
}

.custom-confirmBox > .modal{
    font-size:12px;   
}



/* unvisited link */
a.noeff:link {
    color: #005f9c;
    text-decoration: none;
}

/* visited link */
a.noeff:visited {
    color: #005f9c;
    text-decoration: none;
}

/* mouse over link */
a.noeff:hover {
    color: #005f9c;
    text-decoration: none;
}

/* selected link */
a.noeff:active {
    color: #005f9c;
    text-decoration: none;
}


/* unvisited link */
a.noeffCitro:link {
    color: #b23636;
    text-decoration: none;
}

/* visited link */
a.noeffCitro:visited {
    color: #b23636;
    text-decoration: none;
}

/* mouse over link */
a.noeffCitro:hover {
    color: #b23636;
    text-decoration: none;
}

/* selected link */
a.noeffCitro:active {
    color: #b23636;
    text-decoration: none;
}


/* unvisited link */
a.noeffDS:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a.noeffDS:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a.noeffDS:hover {
    color: black;
    text-decoration: none;
}

/* selected link */
a.noeffSpoticar:active {
    color: #13d0ca;
    text-decoration: none;
}


/* unvisited link */
a.noeffSpoticar:link {
    color: #13d0ca;
    text-decoration: none;
}

/* visited link */
a.noeffSpoticar:visited {
    color: #13d0ca;
    text-decoration: none;
}

/* mouse over link */
a.noeffSpoticar:hover {
    color: #13d0ca;
    text-decoration: none;
}

/* selected link */
a.noeffSpoticar:active {
    color: #13d0ca;
    text-decoration: none;
}