﻿

/* =================================================
  Tabs
 */
.tab {
}

.tab-block {
    display: inline-block;
    min-width:100%;
}

    /*.tab-block .ajax__scroll_none 
    {
        overflow: auto !important;
    }*/
/*.tab-report table{
    width:100%;
}*/
    /*.tab-report table:first-child  tr:last-child td {
        float:left;
        padding:20px;
    }*/
.tab .ajax__tab_header {
    border-bottom: solid 3px #e25d29;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    /*height: 34px;*/
}

    .tab .ajax__tab_header .ajax__tab_outer {
        float: left;
        margin: 0 -15px 0 0;
        color: #fff;
    }

    .tab .ajax__tab_header .ajax__tab_tab {
        float: left;
        position: relative;
        padding: 0px 20px;
        height: 0;
        line-height: 30px;
        min-width: 100px;
        text-decoration: none;
        color: #fff !important;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #3D3D3D;
        border-bottom-color: #777;
        overflow: visible;
    }

    .tab .ajax__tab_header .ajax__tab_default .ajax__tab {
        display: block;
        float: left;
        height: 30px;
        margin-top: 1px;
    }

.tab .ajax__tab_hover .ajax__tab_outer {
    background-color: transparent;
}

.tab .ajax__tab_active .ajax__tab_tab {
    z-index: 3;
    border-bottom-color: #e25d29;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff !important;
}

.tab .ajax__tab_active .ajax__tab_outer {
    float: left;
    margin: 0 -15px 0 0;
    color: #fff !important;
}

.tab .ajax__tab_body,
.tab .ajax__tab_xp .ajax__tab_body {
    /*min-height: 500px;*/
    padding: 0px;
    background-color: #fff; /*border: solid 1px #337ab7;*/
    border-top-width: 0px;
    /*height:calc(100vh - 30px);*/
}
.tab  .ajax__tab {
    display: inline-block;
    /* float: left; */
    height: 30px !important;
    margin-top: 1px;
}
.tab .ajax__tab_active .ajax__tab_tab {
    border-bottom-color: #008FC3;
}

.tab .ajax__tab_header {
    border-bottom: solid 3px #008FC3;
}
/* =============================================== */
/* modal                                           */
/*=================================================*/
.modal-close {
    position: absolute;
    right: 0px;
    margin-top: -15px;
    margin-right: -15px;
    z-index: 9999;
    cursor: pointer;
}

.mp_bg_modal {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.mp_modal_content {
    position: absolute;
    border: 5px solid #777;
    margin: 25px;
    background: #fff;
    width: 600px;
    height: 400px;
    top: 20%;
    left: 20%;
    padding: 10px;
    z-index: 1;
}

.mp_modal_title {
    position: relative;
    left: 0;
    margin: 0;
    padding: 5px;
    color: #000;
    background-color: #293138;
    height: 25px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #eee;
}

.mp_modal_close {
    position: absolute;
    border: 0px;
    margin: 0px;
    background: transparent;
    top: -20px;
    right: -20px;
    z-index: 1000;
    cursor: pointer;
}

.mp_modal_progress {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: White;
    z-index: 1;
}

.mp_modal_progress_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 14px;
    z-index:1;
}
/* ============  CALEBNDAR ===================*/
.form_calendar .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
    width: 120px;
}

.form_calendar .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.form_calendar .ajax__calendar_title, .form_calendar .ajax__calendar_next, .form_calendar .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.form_calendar .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.form_calendar .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.form_calendar .ajax__calendar_day {
    text-align: center;
}

.form_calendar .ajax__calendar_hover .ajax__calendar_day, .form_calendar .ajax__calendar_hover .ajax__calendar_month, .form_calendar .ajax__calendar_hover .ajax__calendar_year, .form_calendar .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.form_calendar .ajax__calendar_today {
    font-weight: bold;
}

.form_calendar .ajax__calendar_other, .form_calendar .ajax__calendar_hover .ajax__calendar_today, .form_calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.web-datepicker {
    z-index: 100002;
}

    .web-datepicker .ajax__calendar_container {
        background-color: #fff;
        border: 1px solid #9fa8bc;
        font-family: inherit;
        font-size: inherit;
        padding: 10px;
        margin: 1px 0 0;
        border-radius: 2px;
        width: auto !important;
        max-width: 300px;
        border-color: #bdc3d1;
        z-index: 99;
        position: fixed;
        cursor: default;
        text-align: center;
        font-family: tahoma,verdana,helvetica;
    }

    .web-datepicker .ajax__calendar_body {
        height: 210px;
        width: 220px;
        position: relative;
        overflow: hidden;
        margin: auto;
    }

    .web-datepicker .ajax__calendar_days table tr td {
        padding: 1px;
        border: none;
        background-color: #eee;
    }

    .web-datepicker .ajax__calendar_days table tbody tr td {
        padding: 1px;
        border: none;
        font-weight: bold;
    }

    .web-datepicker .ajax__calendar_container table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

        .web-datepicker .ajax__calendar_container table thead th {
            padding: .7em .3em;
            text-align: center;
            font-weight: bold;
            border: 0;
            width: 28px;
        }

        .web-datepicker .ajax__calendar_container table tbody td {
            border: 0;
            padding: 1px;
            width: 28px;
        }

    .web-datepicker .ajax__calendar_container td span, .web-datepicker .ajax__calendar_container td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }

    .web-datepicker .ajax__calendar_day {
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        padding: 5px 8px;
        background-color: #f6f7f8;
        color: #696c74;
        padding: 6px 10px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        border: 0;
        height: 27px;
        width: 28px;
        text-align: right;
        cursor: pointer;
    }

    .web-datepicker .ajax__calendar_days table tbody tr td.ajax__calendar_today .ajax__calendar_day {
        background-color: #e25d29;
        color: #eee;
    }
    .web-datepicker .ajax__calendar_days table tbody tr td.ajax__calendar_invalid .ajax__calendar_day {
        background-color: #eef;
        color: red;
        cursor:default;
       /* font-style:italic;*/
    }
    .web-datepicker .ajax__calendar_other {
        width: 27px;
    }

    .web-datepicker .ajax__calendar_dayname {
        height: 27px;
        width: 27px;
        text-align: right;
        padding: 6px 10px;
        font-size: 12px;
    }

    .web-datepicker .ajax__calendar_month, .web-datepicker .ajax__calendar_year {
        height: 44px;
        width: 50px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        font-size: 12px;
    }

    .web-datepicker .ajax__calendar_today {
        cursor: pointer;
        color: #259dab;
    }

    .web-datepicker .ajax__calendar_title {
        line-height: 1.8em;
        text-align: center; /*margin: 0 2.3em;*/
        line-height: 1.8em;
        color: #259dab;
        height: 20px;
        width: 100%;
        font-size: 12px;
    }

    .web-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .web-datepicker .ajax__calendar_footer {
        font-size: 12px;
        height: 15px;
    }


    .web-datepicker .ajax__calendar_hover .ajax__calendar_day, .web-datepicker .ajax_web_calendar .ajax__calendar_hover .ajax__calendar_month, .web-datepicker .ajax_web_calendar .ajax__calendar_hover .ajax__calendar_year, .web-datepicker .ajax_web_calendar .ajax__calendar_active {
        background-color: #259dab;
        border-color: #daf2fc;
        color: #fff;
    }

    .web-datepicker .ajax__calendar_dayname {
        height: 27px;
        width: 27px;
        text-align: right;
        padding: 6px 10px;
        font-size: 12px;
    }

  
/* =================================================
  Tabs
 */
.bootstraptab {
    width: 100%;
}

    .bootstraptab .ajax__tab_header {
        border-bottom: solid 3px #e25d29;
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .bootstraptab .ajax__tab_header .ajax__tab_outer {
            float: left;
            color: #fff;
        }

        .bootstraptab .ajax__tab_header .ajax__tab_tab {
            float: left;
            position: relative;
            padding: 0px 10px;
            height: 40px;
            line-height: 30px;
            min-width: 150px;
            text-decoration: none;
            color: #000 !important;
            background-color: transparent;
            overflow: visible;
            padding: 5px;
        }

    .bootstraptab .ajax__tab_hover .ajax__tab_outer {
        background-color: transparent;
    }

    .bootstraptab .ajax__tab_active .ajax__tab_tab {
        z-index: 3;
        border-bottom-color: #e25d29;
        opacity: 1;
        filter: alpha(opacity=100);
        color: #fff !important;
        border-bottom: solid 2px #e25d29;
        background-color: #e25d29;
        padding: 5px;
    }

    .bootstraptab .ajax__tab_active .ajax__tab_outer {
        float: left;
        color: #fff;
    }

    .bootstraptab .ajax__tab_body {
        min-height: 300px;
        padding: 0px;
        background-color: #fff; /*border: solid 1px #337ab7;*/
        border-top-width: 0px;
    }
