/*
 * Base structure
*/

/* Move down content because we have a fixed navbar that is 50px tall */
html{
    min-height: 100%;
} 


body {
    padding:0;
    margin:0;
    font-family: 'Arial', sans-serif;
}

a:link,
a:visited,a:hover,a:active{
    color:#ffb60c;
}

/*****************************************************************************/
/**************************dash***************************************************/
/*****************************************************************************/
.header-dash-container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; }
.header-dash {
    padding:5px 15px 20px 15px;
    position: fixed; /* needed for stacking */
    height: 35px;
    width: 100%;
    /*background-color:#222222;*/
    background-color:#ffffff;
    z-index:99;
    border-bottom:1px solid #CCCCCC;
    /*-webkit-box-shadow: 0 8px 6px -5px #666;
    -moz-box-shadow: 0 8px 6px -5px #666;
    box-shadow: 0 8px 6px -5px #666;*/
    top: 0;
    left: 0;
}

.header-dash img{
    float:left;
    border:none;
    padding-left:40px;
}
.header-dash img.clogo{
    float:right;
    border:none;
    width:25px;
    height:25px;
    padding-top: 12px;
}
.header-dash span{
    float:right;
    border:none;
    padding: 0 10px 0 5px;
    top:8px;
    position:relative;
    cursor:pointer;
}
.header-dash span#uname{
    color: #428bca;
    /*opacity:0.5;
        filter:alpha(opacity=50);*/
}
.header-dash span#uname:hover{
    color: #ffb60c;
    /*opacity:1;
        filter:alpha(opacity=100);*/
}

.header-dash span.header-client-icon{
    display: inline-block;
    background: transparent url(images/client_icon.png) no-repeat 0 2px;
}
.header-dash span.header-down-arrow{
    display: inline-block;
    background: transparent url(images/down_arrow.png) no-repeat 0 7px;
}

.container-dash{
    width:100%;
    background-color:#ffffff;
}

.content-popup{
    padding:15px;
    width: auto;
    position: relative;
    background: #ff0;
    overflow-y: auto;
    z-index: 1;
    top:80px;
    height:auto;
    background-color:#ffffff;
}

.aaa-logo{
    background: transparent url(images/aaa-logo.png) no-repeat 11% 20px fixed; 
    /* Set rules to fill background */
    min-height: 49px;
    min-width:92px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    display:inline-block;
    /* Set up positioning */
    position: inherit;
    top: 0;
    left: 0;
}
.logo-cont{
    position: absolute;
    top:20px;
    z-index:100;

    width:80%;
    background-color:#fff;
    border-bottom:1px solid #999;
    text-align:right;
}
.pop-content{
    position: relative;
    top:82px;

}




.sidebar-dash {
    width: 250px;
    /*background-color:#222222;*/
    background-color:#e4e4e4;
    padding-bottom: 25px;
    position:fixed;
    z-index:100;
    float: left;
    top:61px;
    color:#ffffff;
    height:100%;
    /*overflow-y:auto !important;*/
    border-right:1px solid #CCCCCC;
    /* -webkit-box-shadow: 2px 0px 2px 0px rgba(50, 50, 50, 0.75);
     -moz-box-shadow:    2px 0px 2px 0px rgba(50, 50, 50, 0.75);
     box-shadow:         2px 0px 2px 0px rgba(50, 50, 50, 0.75);*/
    left: 0;
}

.content-dash{
    margin-left: 250px;
    padding:15px;
    width: auto;
    position: relative;
    background: #ff0;
    overflow-y: auto;
    z-index: 1;
    top:80px;
    height:auto;
    background-color:#ffffff;
}


ul.tb-list{
    list-style: none;
    padding:0;
    margin: 0;
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
}

ul.tb-list li div.ribbon{
    position: absolute;
    background: rgba(255,0,0,0.5);
    color: white;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    text-align: center;
    left: -12px;
    width:50px;
    margin-top:7px;
    font-size:8px;
    font-weight:bold;
    padding:0; 
    letter-spacing: 2px;
}

ul.tb-list li{
    position:relative;
    overflow: hidden;
}

ul.tb-list li table.dashtb:hover{
    background-color:#ffffcb;
    cursor:pointer;
}

ul.tb-list li table.div-tb:hover, ul.tb-list li table.div-tb:active, ul.tb-list li table.div-tb:focus{
    cursor: pointer;/*#f5f5f5 green*/
    background-color:#f5f5f5;/*transparent;*/
}

ul.tb-list li:nth-child(even) {/*#f9f9f9	orange*/
    background-color:#f9f9f9 ;

}
ul.tb-list li ul{
    list-style: none;
    padding:0;
}
ul.tb-list li div.loadeddiv{/*#c8c6c6 yellow*/
    overflow:auto;
    background-color:#c8c6c6;
    height:auto;
}
ul.tb-list li ul li{
    background-color:#c8c6c6;
}

/***************************right menu*********************************************/

#aaa-menu { 
    width: 160px;
    border:1px solid #D9D9DB;
    background-color:#fff;
    display:none;
    position:fixed;
    right:5px;
    top:60px;
    text-align:left;
    z-index:9999999;
    overflow:hidden;
    white-space:nowrap;
    float:right;
    -webkit-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.10);
    box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.10);
}

#aaa-menu ul {
    list-style: none;
    padding: 2px;
    margin: 0px;
    position:relative;
    z-index:1000000000;
}
#aaa-menu li a {
    height: 14px;
    text-decoration: none;
    color:#6D6E70;
    font-weight: normal;
    padding: 10px;
}
#aaa-menu li a:link,
#aaa-menu li a:visited {
    display: block;
}
#aaa-menu li a:hover {
    background-color:#EFEFEF;
    color:#ffb60c;
}
#aaa-menu li a:active {
}

/********************************left nav dash***********************************************************/

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav-dash {
    padding:0;
    list-style: none; /* this removes the list marker */
    border-top: 0px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 100px; /* this creates the space between the navigation on the content below */
    color:#999999;
    text-align:left;
    left:0;
    overflow: auto !important;
}
ul.nav-dash li a{
    border-bottom: 1px solid #d6d4d0; /* this creates the button separation */
    color: #525252;
    padding-left:5px;
    font-weight: bold;  
}



ul.nav-dash li ul{
    border:0px solid red;
    list-style: none; /* this removes the list marker */
    padding:0;
    margin:0;
    background-color:#ecebeb;

}
ul.nav-dash li ul li{
    border:0px solid green;
    color: #428bca;
    border-bottom: 1px solid #e7e7e7; /* this creates the button separation */
}
ul.nav-dash li ul li a{
    border:0px solid red;
    padding: 15px 0 15px 30px;
    width:auto;
}
ul.nav-dash li ul li a:hover, ul.nav-dash  li ul li  a:active, ul.nav-dash  li ul li  a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #eeeeee;
    color: #ffb60c;
    width:auto;
}


ul.nav-dash-second-level{	display:none;}



ul.nav-dash a, ul.nav-dash a:visited { 
    padding: 15px 60px 15px 15px;
    display: block; 
    width: 185px; 
    text-decoration: none;

}
ul.nav-dash a:hover, ul.nav-dash a:active, ul.nav-dash a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #eeeeee;
    color: #ffb60c;
}






ul.list-tab{ 
    list-style:none; 
    border:0px solid red;
    margin:0;
    padding:0;

}
ul.list-tab li {
    position:relative;
    display: inline;
    padding:0 5px 5px 5px;
    border:0px solid green;
    top:-23.5px;

}
ul.list-tab li a{
    position:relative;
    border-top:0px solid #004080;
    text-decoration:none;
    color: #666;
    text-align: center;
    font-weight: bold;
    padding:8px;
    background-color:#8FC9F3;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity:0.5;
}
ul.list-tab li a.current{
    background-color:#56AEEF;
    color:#fff;
    opacity:1;
}

.submitted{color:#4e911e;}
.served{color:#90888e;}
.filed{	color:#f2b74e;}
.obtained{color:#4687b1;}
.cancelled{color:#e85d55;}
.pending{color:#0000FF;}
.requesttofile{color:#F90;}

/*******************************************************************************************************/
/***********************************Menu ICONS*******************************************************/
/*******************************************************************************************************/

#modalloadersrc {


}

.logout-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/logout.png) no-repeat 10px 50%;
}
.user-profile-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/client_gray_icon.png) no-repeat 10px 50%;

}
/*******************************************************************************************************/
/***********************************SIDEBAR ICONS*******************************************************/
/*******************************************************************************************************/
.arrow-down-icon{
    position:relative;
    display: inline-block;
    float:right;
    width:16px;
    top:15px;
    padding-right:5px;
    border:0px solid green;
    background: transparent url(images/arrow_down_icon.png) no-repeat 0px 50%;
}
.arrow-up-icon{
    position:relative;
    display: inline-block;
    float:right;
    width:16px;
    top:15px;
    padding-right:5px;
    border:0px solid green;
    background: transparent url(images/arrow_up_icon.png) no-repeat 0px 50%;
}
.arrow-side-icon{
    position:relative;
    display: inline-block;
    float:right;
    width:16px;
    top:15px;
    padding-right:5px;
    border:0px solid green;
    background: transparent url(images/arrow_side_icon.png) no-repeat 0px 50%;
}

.opacity-5{opacity:0.5;filter:alpha(opacity=50); /* For IE8 and earlier */}
.opacity-10{opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}
.home-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/home.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.report-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/pdf_icon.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.team-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/team.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.client-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/client.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.search-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/search.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.import-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/import.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.pending-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/pending.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.prepare-new{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/prepare_new.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.neweviction-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/eviction.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.othernotice-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/othernotices.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.court-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/courtrecord.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.newsettings-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/settings_new.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.fiveday-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/5day.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16.png) no-repeat 15px 50%;*/
}
.propertylease-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/propertylease.png) no-repeat 15px 50%;
}
/*.home-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/home_16_hover.png) no-repeat 15px 50%;
    /*background: transparent url(images/home_16_hover.png) no-repeat 15px 50%;
}*/


.prev-nav
{
    position: relative;
    display: inline-block;
    width:25px; 
    height:25px; 
    top:0px;
    background: transparent url(images/prev_nav.png) no-repeat 0 0;
}
.first-nav
{
    position: relative;
    display: inline-block;
    width:25px; 
    height:25px; 
    top:0px;
    background: transparent url(images/first_nav.png) no-repeat 0 0;
}
.next-nav
{
    position: relative;
    display: inline-block;
    width:25px; 
    height:25px;
    top:0px;
    background: transparent url(images/next_nav.png) no-repeat 0 0;
}
.last-nav
{
    position: relative;
    display: inline-block;
    width:25px; 
    height:25px; 
    top:0px;
    background: transparent url(images/last_nav.png) no-repeat 0 0;
}

.notice-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/notice_16.png) no-repeat 15px 50%;
}
.notice-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/notice_16_hover.png) no-repeat 15px 50%;
}
.eviction-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/eviction_16.png) no-repeat 15px 50%;
}

.eviction-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/eviction_16_hover.png) no-repeat 15px 50%;
}

.judge-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/judge_16.png) no-repeat 15px 50%;
}

.judge-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/judge_16_hover.png) no-repeat 15px 50%;
}


.new-member-icon{
    background: transparent url(images/user_16.png) no-repeat 15px 50%;
    padding-left:25px;
    display: inline-block;
    width:10px; 
}
.new-member-icon:hover{
    background: transparent url(images/user_16_hover.png) no-repeat 15px 50%;
    padding-left:25px;
    display: inline-block;
    width:10px; 
}
.all-property-lease-icon{
    background: transparent url(images/all_property_lease.png) no-repeat 15px 50%;
    padding-left:25px;
    display: inline-block;
    width:10px; 
}
.new-property-lease-icon{
    background: transparent url(images/property_lease.png) no-repeat 15px 50%;
    padding-left:25px;
    display: inline-block;
    width:10px; 
}
.all-member-icon{
    background: transparent url(images/teammembers.png) no-repeat 15px 50%;
    padding-left:25px;
    display: inline-block;
    width:10px; 
}
.team-member-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/teammembers.png) no-repeat 15px 50%;
}
.team-member-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:23px; 
    background: transparent url(images/teammembers.png) no-repeat 15px 50%;
}
.property-lease-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/all_property_lease.png) no-repeat 15px 50%;
}
.property-lease-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/all_property_lease.png) no-repeat 15px 50%;
}
.notices-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/property_lease.png) no-repeat 15px 50%;
}
/*.eviction-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/property_lease.png) no-repeat 15px 50%;
}*/
.post-judgement-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/property_lease.png) no-repeat 15px 50%;
}

.settings-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/settings.png) no-repeat 15px 50%;
}

.billing-icon{
    padding-left:25px;
    display: inline-block;
    width:16px; 
    background: transparent url(images/billing.png) no-repeat 15px 50%;
}

.settings2-icon{
    display: inline-block;
    width:16px; 
    height:16px; 
    position:relative;
    background: transparent url(images/settings.png) no-repeat 0 0;
}
.settings2-icon:hover{
    background: transparent url(images/settings-hover.png) no-repeat 0 0;
}
.settings-active-icon{
    display: inline-block;
    width:16px; 
    height:16px; 
    position:relative;
    background: transparent url(images/settings-hover.png) no-repeat 0 0;
}

.view-icon{
    display: inline-block;
    width:26px; 
    height:16px; 
    position:relative;
    background: transparent url(images/view.png) no-repeat 0 0;
}
.view-icon-active{
    display: inline-block;
    width:26px; 
    height:16px; 
    position:relative;
    background: transparent url(images/view-hover.png) no-repeat 0 0;
}

.view-icon:hover{
    background: transparent url(images/view-hover.png) no-repeat 0 0;
}

.individual-settings{
    /*text-decoration:none;
        list-style: none;
        text-align:left;
        padding:0;
        font-size:9pt;
        border-top:1px solid #CCCCCC;
        border-left:1px solid #CCCCCC;
        border-right:1px solid #CCCCCC;
        background:#FFFFFF;
        position:absolute;
        top:131px;
        left:30px;
        z-index:99;
        margin:8px 0 0 15px;*/
    text-decoration:none;
    list-style: none;
    text-align:left;
    padding:0;
    font-size:9pt;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background:#FFFFFF;
    position:absolute;
    z-index:99;

    margin:0px 0 0 25px;
}
ul.individual-settings li{
    padding:5px;
    margin:0;
    border-bottom:1px solid #CCCCCC;
}
ul.individual-settings li:hover{
    color:#ffb60c;
    cursor:pointer;
}
#individual-settings{
    display:none;
}
#view-page-options{
    display:none;
}

.view-page-options{



    text-decoration:none;
    list-style: none;
    text-align:left;
    padding:0;
    font-size:9pt;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background:#FFFFFF;
    position:absolute;
    /*top:199px;*/
    left:298px;
    z-index:99;

    margin:0px 0 0 25px;
}
ul.view-page-options li{
    padding:5px  50px 5px 5px;
    margin:0;
    border-bottom:1px solid #CCCCCC;
}
ul.view-page-options li:hover{
    color:#ffb60c;
    cursor:pointer;
}

#view-invoice-page-options{
    display:none;
}

.view-invoice-page-options{



    text-decoration:none;
    list-style: none;
    text-align:left;
    padding:0;
    font-size:9pt;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background:#FFFFFF;
    position:absolute;
    /*top:199px;*/
    left:298px;
    z-index:99;

    margin:0px 0 0 25px;
}
ul.view-invoice-page-options li{
    padding:5px  50px 5px 5px;
    margin:0;
    border-bottom:1px solid #CCCCCC;
}
ul.view-invoice-page-options li:hover{
    color:#ffb60c;
    cursor:pointer;
}


#view-zipcode-page-options{
    display:none;
}

.view-zipcode-page-options{



    text-decoration:none;
    list-style: none;
    text-align:left;
    padding:0;
    font-size:9pt;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background:#FFFFFF;
    position:absolute;
    /*top:199px;*/
    left:298px;
    z-index:99;

    margin:0px 0 0 25px;
}
ul.view-zipcode-page-options li{
    padding:5px  50px 5px 5px;
    margin:0;
    border-bottom:1px solid #CCCCCC;
}
ul.view-zipcode-page-options li:hover{
    color:#ffb60c;
    cursor:pointer;
}





.selected{color:#F60;}

.hide{display:none;}

.orders-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/orders.png) no-repeat 15px 50%;
}

.orders-pending-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/orders_pending.png) no-repeat 15px 50%;
}

.orders-completed-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/orders_completed.png) no-repeat 15px 50%;
}
.edit-icon{

    display: inline-block;
    width:16px; 
    height:16px; 
    background: transparent url(images/edit_icon.png) no-repeat 0 0;
}


.edit-icon:hover{

    display: inline-block;
    width:16px; 
    height:16px; 
    background: transparent url(images/edit_icon_gray.png) no-repeat 0 0;
}
.check-icon{

    display: inline-block;
    width:16px; 
    height:16px; 
    background: transparent url(images/check_icon.png) no-repeat 0 0;
}


.check-icon:hover{

    display: inline-block;
    width:16px; 
    height:16px; 
    background: transparent url(images/check_icon_gray.png) no-repeat 0 0;
}

.trash-blue-icon{

    display: inline-block;
    width:16px; 
    height:22px; 
    background: transparent url(images/trash_can_icon_blue.png) no-repeat 0 0;
}


.trash-blue-icon:hover{

    display: inline-block;
    width:16px; 
    height:22px; 
    background: transparent url(images/trash_can_icon_gray.png) no-repeat 0 0;
}

/*******************************************************************************************************/
/***********************************ICONS*******************************************************/
/*******************************************************************************************************/

.add-icon{
    display: inline-block;
    height:15px;
    width:13px;
    background: transparent url(images/add-icon.png) no-repeat 0 0;
}

.add-icon:hover{
    display: inline-block;
    height:15px;
    width:13px;
    background: transparent url(images/add-icon_hover.png) no-repeat 0 0;
}

.add-user-icon{
    display: inline-block;
    width:28px; 
    background: transparent url(images/adduser.png) no-repeat 0 0;
}


.add-user-icon:hover{
    display: inline-block;
    width:28px; 
    background: transparent url(images/adduser_hover.png) no-repeat 0 0;
}

table.dashtb-no-border{	
    border-collapse:collapse; 
    border-top:1px solid  #ddd !important;
}

table.dashtb-no-border th{
    /*border: 1px solid #ddd !important;*/
}
table.dashtb-no-border td {
    height:25px;
    /*border-bottom:1px solid  #ddd !important;
        border-left:1px solid  #ddd !important;
        border-right:1px solid  #ddd !important;*/
    /*border: 1px solid #ddd !important;*/
}

table.dashtb-no-border th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}
table.dashtb-no-border tr:not(:first-child):hover {
    background-color:transparent;
}

table.dashtb-no-border th{
    font-weight:bold;
    text-align:left;
    padding:10px;
    background-color:#ffffff;
    color:#428bca;
}

table.dashtb-no-border tr:nth-child(even) {
    background-color: #f9f9f9;

}
table.dashtb{	border-collapse:collapse;}

table.dashtb th{
    border: 1px solid #ddd !important;
}
table.dashtb td {
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
    /*border: 1px solid #ddd !important;*/
}

table.dashtb th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}
table.dashtb tr:not(:first-child):hover {
    background-color:transparent;

}

table.dashtb th{
    font-weight:bold;
    text-align:left;
    padding:10px;
    background-color:#ffffff;
    color:#428bca;
}

table.dashtb tr:nth-child(even) {
    background-color: #f9f9f9;

}

table.dashtb5{	border-collapse:collapse; border:0px solid red;}

table.dashtb5 th{
    border: 1px solid #ddd !important;
    text-align: center !important;
}
table.dashtb5 td {
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
    text-align: center !important;
    /*border: 1px solid #ddd !important;*/
}

table.dashtb5 th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}

table.dashtb5 tr:not(:first-child):hover {
    background-color:#FFFF99;
}

table.dashtb5 th{
    font-weight:bold;

    margin:0px;
    text-wrap:none;
    padding:5px;
    background-color:#ffffff;
    color:#428bca;
    font-size:9pt;
}

table.dashtb5 tr:nth-child(even) {
    background-color: #f9f9f9;

}


table.dashtb6{	border-collapse:collapse; border:0px solid red;}

table.dashtb6 th{
    border: 1px solid #ddd !important;
    text-align: center;
}
table.dashtb6 td {
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
    text-align: center;
    /*border: 1px solid #ddd !important;*/
}

table.dashtb6 th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}

table.dashtb6 tr:hover {
    background-color:#FFFF99;
}

table.dashtb6 th{
    font-weight:bold;

    margin:0px;
    text-wrap:none;
    padding:5px;
    background-color:#ffffff;
    color:#428bca;
    font-size:9pt;
}



table.dashtb-billing{	border-collapse:collapse;}

table.dashtb-billing th{
    border: 1px solid #eeeeee !important;
    background-color:#F3F2F2 !important;
    text-align:center !important;

    font-weight:bold;
    text-align:left;
    padding:5px;
    background-color:#ffffff;
    color:#000;
}
table.dashtb-billing td {
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
    /*border: 1px solid #ddd !important;*/
}

table.dashtb-billing th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}

table.dashtb-billing tr:not(:first-child) td {

    border: 1px solid #eeeeee !important;

}

.hover-row{
    background-color: #FFFF99;
}
.font-wrap-text{
    word-wrap: break-word;
}
.ul-billing{
    padding:0;
    margin:0;
}
.ul-billing{
    list-style:none;
}



table.form-tb{
    padding-top:10px!important;
    border-bottom:1px solid  #ddd;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
}

table.form-tb th{
    border: 1px solid #ddd !important;

}
table.form-tb td {
    /*border-bottom:1px solid  #ddd !important;
        border-left:1px solid  #ddd !important;
        border-right:1px solid  #ddd !important;
border: 1px solid #ddd !important;*/
}






/*****************************************************************************/
/**************************dash***************************************************/
/*****************************************************************************/

/*****************************************************************************/
/**************************login***************************************************/
/*****************************************************************************/
.text-welcome-login{
    position:relative !important;
    top:86px !important; 
    *top:61px !important; /* IE7 and below */
    _top:61px !important; /* IE6 */

}
.container-login{
    width: 35%;
    height: 500px;
    display:inline-block;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    *position:relative; /* IE7 and below */
    _position:relative; /* IE6 and below */





    /*position:absolute;
                width:40%;
                top:40%;
                margin-left: -15px;
                margin-top: -15px;
                left:40%; */
}

/*****************************************************************************/
/**************************login end***************************************************/
/*****************************************************************************/


.container{
    margin-top:15px;
    width:840px;
    /*background-color:#ffffff;*/
}
.header {
    position: relative; /* needed for stacking */
    height: auto;
    width: 100%;
    padding-left:5px;
    line-height: 1;
}
.header img{
    float:left;
    border:none;
}
.header span.tab-left{
    position:relative;
    top:80px;  /* standard */
    left:-5px;
    top:80px\9; /* IE8 and below */
    *top:100px; /* IE7 and below */
    _top:80px; /* IE6 */
}

.right{
    float:right;
}

.menu-header ul
{
    margin: 0;
    padding: 0 15px 0 0;
}

.menu-header ul li
{
    list-style-type: none;
    display: inline;

}

.menu-header li:before {
    content: " | ";
    padding: 0 15px;
}

.menu-header li:first-child:before {
    content: none;
}

.content {
    position: relative; /* needed for stacking */
    width: 100%;
    background-color:#ffffff;
    height:auto;
    border-top:1px solid #8a898b;
}
.round-corner-3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.round-corner-5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.round-top-corner{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.round-bottom-corner{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.round-not-left{
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}
div.content div.content-inner{
    background-color:#ffffff;
    margin:0 1px 0 5px;
    border:0px solid green;
    position:relative;
    float:right;
    width:77%;
}

div.content div.sidebar{
    background-color:#ffff;
    margin:0 0;
}

.page-title{
    color:#F27900;
    font-weight:bold;
}


div.list-tab-cont{
    background-color:#fff;
    border:1px solid #ececec;
}

div.tabulated{
    position:relative;
    width:25%;
}

.orange-gradient{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FF8000 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FF8000 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #FF8000 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FF8000));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FF8000 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FF8000 100%);/*background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.16, #FFE4D6),
        color-stop(1, #FFCCA4)
    );
    background-image: -o-linear-gradient(bottom, #FFE4D6 16%, #FFCCA4 100%);
    background-image: -moz-linear-gradient(bottom, #FFE4D6 16%, #FFCCA4 100%);
    background-image: -webkit-linear-gradient(bottom, #FFE4D6 16%, #FFCCA4 100%);
    background-image: -ms-linear-gradient(bottom, #FFE4D6 16%, #FFCCA4 100%);
    background-image: linear-gradient(to bottom, #FFE4D6 16%, #FFCCA4 100%);*/





}

input[type=text]
{  
    border:solid 1px #808080;
    color: #000;
    height:25px;
    padding-left:5px;
    vertical-align:middle;
    width: 180px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline-color:#FF8000;
    line-height: 10px;
    line-height:25px\9; /* IE8 and below */
    *line-height: 25px;
    _line-height: 25px;
}

input[type=password]
{  
    border:solid 1px #808080;
    color: #000;
    height:25px;
    padding-left:5px;
    vertical-align:middle;
    width: 180px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline-color:#FF8000;
    line-height: 10px;
    line-height:25px\9; /* IE8 and below */
    *line-height: 25px;
    _line-height: 25px;

}

.shadow{
    -webkit-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.3);
}

.background-lightgray{ background-color:#F2F2F2;}
.background-orange{ background-color:#ff7811;}
.background-red{ background-color:#ff1111;}
.background-logoyellow{ background-color:#ffb60c;}
.background-brown{ background-color:#816b54;}
.background-lightorange{ background-color:#ffc3a3;}
.background-gray{ background-color:#eeeeee;}
.background-white{ background-color:#ffffff;}
.background-blue{ background-color:#69b6e6;}
.background-lightblue{ background-color:#C1E1F4;}
.background-darkergray{ background-color:#e2dfdf;}
.background-lightbrown{ background-color:#ede0be;}
.background-lightyellow{ background-color:#FFFF99;}
.text-no-wrap{white-space:nowrap;}


.space { display: block; height: 5px; clear: both; }
.space10 { display: block; height: 10px; clear: both; }
.space15 { display: block; height: 15px; clear: both; }
.space30 { display: block; height: 30px; clear: both; }

.font-7{font-size:7pt;}
.font-8{font-size:8pt;}
.font-9{font-size:9pt;}
.font-10{font-size:10pt;}
.font-11{font-size:11pt;}
.font-12{font-size:12pt;}
.font-14{font-size:14pt;}
.font-16{font-size:16pt;}
.font-18{font-size:18pt;}

.font-darkorange{ color:#FF5C0F}
.font-gray{color:#6D6D6D;}
.font-blue{ color:#385189;}
.font-green{ color:#2d945c;}
.font-red{ color:#b53a3d;}
.font-black{ color:#000;}
.font-brown{ color:#900}
.font-orange{ color:#f7962b}
.font-white{ color:#ffffff}
.font-cyan{color:#428bca;}

.font-bold{font-weight:bold;}
.font-italic{font-style:italic;}

.font-no-decoration{ text-decoration:none;}

.font-caps{ text-transform:capitalize;}
.font-uppercase{ text-transform:uppercase;}

.pad-top-7{ padding-top:7px;}
.pad-top-10{ padding-top:10px;}
.pad-top-15{ padding-top:15px;}
.pad-top-18{ padding-top:18px;}
.pad-top-20{ padding-top:20px;}
.pad-top-40{ padding-top:40px;}
.pad-top-80{ padding-top:80px;}
.pad-top-120{ padding-top:120px;}

.pad-bottom-10{ padding-bottom:10px;}

.pad-left-5{ padding-left:5px;}
.pad-left-10{ padding-left:10px;}
.pad-left-20{ padding-left:20px;}
.pad-left-40{ padding-left:40px;}
.pad-left-50{ padding-left:50px;}
.pad-left-100{ padding-left:100px;}
.pad-left-110{ padding-left:110px;}

.pad-right-40{ padding-right:40px;}
.pad-right-30{ padding-right:30px;}
.pad-right-20{ padding-right:20px;}
.pad-right-10{ padding-right:10px;}
.pad-right-5{ padding-right:5px;}

.pad-lr-5{ padding:0 5px;}

.padd-10{ padding:10px;}
.padd-15{ padding:15px;}
.padd-20{ padding:20px;}
.padd-5{ padding:5px;}

.margin-left-10{ margin-left:10px;}
.margin-right-10{ margin-right:10px;}

.margin-left-25{ margin-left:25px;}
.margin-right-25{ margin-right:25px;}

.border-gray{	border:1px solid #E1E1E1;}
.border-gray-not-top{
    border-bottom:1px solid  #E1E1E1 !important;
    border-left:1px solid  #E1E1E1 !important;
    border-right:1px solid  #E1E1E1 !important;
}
.border-bottom{	border-bottom:1px solid #E1E1E1;}
.border-top{	border-top:1px solid #E1E1E1;}

.height-25{height:25px;}

.border-box-gray{
    border-bottom:1px solid  #ddd !important;
    border-left:1px solid  #ddd !important;
    border-right:1px solid  #ddd !important;
}

hr.vertical
{
    position:absolute;
    display:inline-block;

    border:none;
    margin:0;
    padding:0;	
    width:1px; 
    height:180px !important; 
    left:70%;
    top:160px; 
    *top:190px; 
    _top:190px; 
    background-color:#E2E2E2;

} 
hr.gray{
    color: #E1E1E1;
    background-color: #747474;
    height: 2px;
    border:none;
    margin:0;
}
hr.gray-1{
    color: #E1E1E1;
    background-color: #E1E1E1;
    height: 1px;
    border:none;
    margin:0;
}
hr.black{
    color: #000;
    background-color: #000000;
    height: 1px;
    border:none;
    margin:0;
}

hr.orange{
    color: #FF8000;
    background-color: #FF8000;
    height: 1px;
    border:none;
    margin:0;
}
hr.red{
    color: red;
    background-color: red;
    height: 1px;
    border:none;
    margin:0;
}


.gray2-btn {

    /*-webkit-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
        -moz-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
        box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);*/


    background-color:#f5f4f5;
    /*-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;*/
    cursor:pointer;
    text-indent:0;
    border:1px solid #666666;
    display:inline-block;
    color:#333333;
    font-family:Arial;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    padding:5px 10px;
    margin:5px 5px;
    font-weight:bold;
}
.gray2-btn:hover,.gray2-btn:link,.gray2-btn:visited,.gray2-btn:hover,.gray2-btn:active {
    background-color:#fff;
    color: #333333;
}

.gray-btn {
    /*
        -webkit-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
        -moz-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
        box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);*/


    background-color:#ebebeb;

    /*-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;*/

    text-indent:0;
    border:1px solid #adadad;
    display:inline-block;

    color:#333333;

    font-family:Arial;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    padding:5px 10px;
    margin:5px 5px;
    cursor:pointer;
}

.gray-btn:hover,.gray-btn:link,.gray-btn:visited,.gray-btn:hover,.gray-btn:active {
    background-color:#fff;
    color:#333333;
}
.orange1-btn {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9009), color-stop(1, #ff9009) );
    background:-moz-linear-gradient( center top, #ff9009 5%, #ff9009 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9009', endColorstr='#ff9009');
    background-color:#ff9009;
    text-indent:0;
    font-weight:bold;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cc9f52;
    padding:5px 10px;
    margin:5px 5px;
}
.orange1-btn:hover,.orange1-btn:link,.orange1-btn:visited,.orange1-btn:hover,.orange1-btn:active {
    color:#ffffff;
    cursor: pointer;
}


.orange-btn {
    -webkit-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9009), color-stop(1, #ff9009) );
    background:-moz-linear-gradient( center top, #ff9009 5%, #ff9009 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9009', endColorstr='#ff9009');
    background-color:#ff9009;
    text-indent:0;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cc9f52;
    padding:5px 15px;
    margin:15px 5px;
}


.red-btn {
    -webkit-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0909), color-stop(1, #ff0909) );
    background: -moz-linear-gradient( center top, #ff9009 5%, #ff9009 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9009', endColorstr='#ff9009');
    background-color: #ff0909;
    text-indent: 0;
    border: 1px solid #f55c3c;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc5252;
    padding: 5px 15px;
    margin: 15px 5px;
}
.yellow-btn {
    -webkit-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 1px -3px rgba(0,0,0,0.3);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb60c), color-stop(1, #de9c01) );
    background: -moz-linear-gradient( center top, #ff9009 5%, #ff9009 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9009', endColorstr='#ff9009');
    background-color: #ffb200;
    text-indent: 0;
    border: 1px solid #eaae20;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #564418;
    padding: 5px 15px;
    margin: 15px 5px;
}

/*.orange-btn:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
        background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
        background-color:#fb9e25;
}.orange-btn:active {
        position:relative;
        top:1px;
}*/

/***************************************************************************************************************************/
/**************************************roda additional style (atty)******************************************/
/***************************************************************************************************************************/

select
{  
    border:solid 1px #808080;
    color: #000;
    height:25px;
    vertical-align:middle;
    width: 191px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline-color:#FF8000;
    line-height: 22px;
}

/***************************************************************************************************************************/
/**************************************Nic additional style (client)******************************************/
/***************************************************************************************************************************/
.rightsidebar-dash {
    width: 375px;
    /*background-color:#222222;padding-bottom: 25px;
        background-color:#f8f8f8;*/

    position:relative;
    z-index:100;
    float: right;
    top:110px;
    right:30px;
    color:#ffffff;
    height:100%;
    overflow:auto;
    color:#999999;

    -webkit-box-shadow: 2px 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 0px 2px 0px rgba(50, 50, 50, 0.75);
}

table.tblsty{	border-collapse:collapse;}

table.tblsty th,
table.tblsty td {
    border: 1px solid #ddd !important;
    width:50%;
    padding:10px;
}

table.tblsty th{
    font-weight:bold;
    text-align:left;
    background-color:#ffffff;
    color:#428bca;
}

/*****************************************************************************************/
/*******************************PAGINATION************************************************/
/*****************************************************************************************/
.tabs-aaa{
    margin:0;
    padding:0;
    position:relative;
    z-index:9;
    top:4px;
    top:4px\9;
    *top:-5px;
    _top:-5px;
}
.tabs-aaa ul{
    list-style:none;
    padding:0;
    margin:0px;  
    border:none;
    position: relative;
    display: inline-table;
}
.tabs-aaa ul li{

    display:inline; 
    margin:0 8px 0 0;
    background-color:#f07902;
    font-size:9pt;
    color:#FFF;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding:5px 15px;
    border-bottom:1px solid #f2902e;
    border-left:1px solid #f2902e;
    border-right:1px solid #f2902e;
}

.tabs-aaa ul li a{
    color:#FFF;
    text-decoration:none;
    padding:10px 10px;
}


.tabs-aaa ul li.active-tab a{
    color:#000;
    text-decoration:none;
    padding:10px 10px;
}
.tabs-aaa ul li.active-tab{
    color:#000;
    padding:5px 15px;
    background-color:#eeeeee;
    border-bottom:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
}



.pagination-horiz ul{
    list-style:none;
    padding:0;
    margin:0;


}
.pagination-horiz ul li{
    display:inline; 
}
.pagination-blue  ul li a.paginationActive{
    color:#ffffff;
    background-color:#42a5dc;
    border: 1px solid #ddd;
    text-decoration:none;
    padding:5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top:25px;
}

.pagination-blue  ul li a.paginationInactive{
    color:#42a5dc;
    background-color:transparent;
    border: 1px solid #ddd;
    text-decoration:none;
    padding:5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top:25px;
}

.pagination-blue ul li a{
    color:#42a5dc;
    background-color:transparent;
    border: 1px solid #ddd;
    text-decoration:none;
    padding:5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top:25px;
}
/*
.pagination-horiz ul li a :first-child:before {
        content:"|";
-webkit-border-radius: 5px;
        -moz-border-radius:  5px;
        border-radius: 5px;
}
*/
.pagination-orange ul li a{
    color:#fd8d50;
    text-align:top;
    background-color:#dddddd;
    text-decoration:none;
    padding:5px 10px;  /* standard */
    *padding:5px 10px 25px 10px; /* IE7 and below */
    _padding:5px 10px; /* IE6 */	
    margin-bottom:25px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/************************************************************************************************************/
/**********************************APPLICATION MESSAGE*******************************************************/
/************************************************************************************************************/
.error{
    font-size: 8pt;
    color:#AE0000;
}

.valid{
    color:#000000;
}

.error-text{
    border:solid 1px #AE0000!important;
}



.valid-text{
    border:solid 1px #808080!important;
    color:#000000;
}



.success-message{
    font-size:12px;
    padding:20px;
    border:1px solid #34b65c;
    color:#34b65c;
    margin:2px;
    text-align:left;
    width:30%;
    padding-left:45px;
    background-color: #e8f8ee ;/*url(images/teammembers.png) no-repeat 15px 50%;*/
}
.warning-message{
    padding:20px;
    border:1px solid #fbe29e;
    margin:2px;
    text-align:left;
    width:30%;
    padding-left:45px;
    background-color: #fcf8e3 ;/*url(images/teammembers.png) no-repeat 15px 50%;*/
}
.error-message{
    font-size:12px;
    color:#d36b6c;
    text-align:left;
    width:30%;
    padding:10px 25px;
    border:1px solid #e2a8a7;
    margin:10px;
    background-color: #fdf1f1 /*url(images/teammembers.png) no-repeat 15px 50%*/;
}
.application-msg-close{
    position:relative;
    float:right;
    display: inline-block;
    width:16px; 
    background: transparent url(images/close_icon.png) no-repeat 0px 50%;
}
.application-msg-close:hover{
    opacity:0.5;
    cursor:pointer;
    filter:alpha(opacity=50);
}
/************************************************************************************************************/
/**********************************APPLICATION MESSAGE*******************************************************/
/************************************************************************************************************/


/* --- AUTOCOMPLETE CSS --- */

.autocomplete {
    position: absolute;
    /*color: #333;*/
    /*background-color: #fff;*/
    /*border: 1px solid #666;*/
    font-family: Arial;
    overflow: hidden;

    color:#999999;
    background-color:#F5F5F5;
    /*border:#00FF00 1px solid;*/
    border:#999999 1px solid;
}

.autocomplete ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
}

.autocomplete li {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #fff;
}

.autocomplete li.selected {
    background-color: #cef;
    border-top: 1px solid #9bc;
    border-bottom: 1px solid #9bc;
}


/*************** Uploader CSS ***************/
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
.pdf-logo {
    position:relative;
    display: inline-block;
    width:25px;
    height:25px; 
    border:0px solid red;
    background: transparent url(images/pdf_logo.png) no-repeat 0px 0;
}

.pdf-logo-mini {
    position:relative;
    display: inline-block;
    width:15px;
    height:15px; 
    border:0px solid red;
    background: transparent url(images/pdf_logo_mini.png) no-repeat 0px 0;
}

.pdffile-cont{
    width:50%;
    padding:4px;
    border:0px solid #808080;
}

#filename-cont{
    top:5px;
    position:relative;
}

.center-text{ text-align:center !important;}
.actions{display:none;}
#mult-button, #mult-button-submit, #mult-button-prior, #mult-button-cncl, #mult-button-property, #mult-button-member, #mult-button-attyClient, #mult-button-court, #mult-button-procServerClient{display:none;}

table.dashtb-hist th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}

table.dashtb-hist tr:not(:first-child):hover {
    background-color:transparent;

}

table.dashtb-hist th{
    font-weight:bold;
    text-align:left;
    margin:0px;
    text-wrap:none;
    padding:10px;
    background-color:#ffffff;
    color:#428bca;
}
table.dashtb-hist td.head{
    font-weight:bold;
}
table.dashtb-hist tr:not(:first-child):nth-child(even) {
    background-color: #dce6ef;
}

table.dashtb-hist tr:not(:first-child):nth-child(odd) {
    background-color: #ecf1f5;
}

.aaaloaderimg{
    display: inline-block;
    width:92px;
    height:49px;
    border:0px solid red;
    background: transparent url(images/aaa-logo-animation.gif) no-repeat 0 0;
}

.ajaxloaderimg{
    display: inline-block ;
    text-align: center ;
    width:16px;
    height:11px;

    background: transparent url(images/ajax-loader.gif) no-repeat 0 0;
}

.aaaloader2img{
    display: inline-block ;
    text-align: center ;
    width:92px;
    height:49px;

    background: transparent url(images/loaderhome.gif) no-repeat 0 0;
}


.display-none{
    display: none;
}

.fade {
    display: block; 
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: #000;
    -moz-opacity: 0.5; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    z-index: 99999; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

.overlay {
    display: block; 
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 40%; /* positions the div half way horizontally */
    top: 35%; /* positions the div half way vertically */
    background-color: #ffffff;
    width: 350px;
    height: auto;
    z-index: 999999; /* makes the div the top layer, so it’ll lay on top of the other content */
}

.dialog-btn-left{
    float:left;
    position:relative;
    border-right:1px solid #CCC;
    text-align:center;
    width:49%;
}
.dialog-btn-right{
    float:right;
    position:relative;
    text-align:center;
    width:50.7%;
}
#ok-btn-dialog:hover{
    background-color:#CCC;
    color:#fff;
}
#cancel-btn-dialog:hover{
    background-color:#CCC;
    color:#fff;
}
.pdfviewer{
    width:910px;
    height:auto;
}
.pdfvieweroverlay {
    display: block; 
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 25%; /* positions the div half way horizontally */
    top: 10%; /* positions the div half way vertically */
    background-color: #ffffff;
    height: auto;
    z-index: 999999; /* makes the div the top layer, so it’ll lay on top of the other content */
}
.close-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/close_icon2.png) no-repeat 15px 50%;
}
.close-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    cursor:pointer;
    background: transparent url(images/close_icon2_hover.png) no-repeat 15px 50%;
}

.download-icon{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    background: transparent url(images/download_icon.png) no-repeat 15px 50%;
}
.download-icon:hover{
    padding-left:25px;
    display: inline-block;
    width:10px; 
    cursor:pointer;
    background: transparent url(images/download_icon_hover.png) no-repeat 15px 50%;
}

.showhidepwd{
    background: transparent;
    border: 0;
    border-radius: 0.25em;
    color: #888;
    cursor: pointer;
    font-size: 0.75em;
    font-weight: bold;
    margin-right: 0.5em;
    padding: 0.5em;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.loaderoverlay {
    display: block; 
    position: absolute; 
    left: 50%; 
    top: 50%;
    background-color: #ffffff;
    width: auto;
    height: auto;
    z-index: 999999; 
}

.confirmoverlay {
    display: block; 
    position: absolute; 
    left: 40%;
    top: 35%;
    background-color: #ffffff;
    width: 350px;
    height: auto;
    z-index: 999999; 
}

.fomroverlay {
    display: block; 
    position: absolute;
    left: 50%; 
    top: 50%;
    background-color: #ffffff;
    width: auto;
    height: auto;
    z-index: 9999999;
}


.confirmdialog-title{
    position:relative; 
    top:-5px;
    padding-left:10px;
    white-space:normal;
}




.confirmoverlay a:link,.confirmoverlay a:visited, 
.loaderoverlay a:link,.loaderoverlay a:visited,
.fomroverlay a:link,.fomroverlay a:visited{
    display: block;
    color:#000000;
}
.confirmoverlay a:hover,
.loaderoverlay a:hover,
.fomroverlay a:hover{
    color:#fc4949;
}
.confirmoverlay a:active,
.loaderoverlay a:active,
.fomroverlay a:active{
    color:#000000;
}
.round-bottom-left-5{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.round-bottom-right-5{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

/*.paginationActive{
    color:#fff;
    background-color:#42a5dc;
}

.paginationInactive{
    color:#42a5dc;
    background-color:#fff;
}*/




/********************      PAGINATION      *****************************************/
.containerpagination-cl{
    float: right;
    text-align: right;
    position: relative;
    top:-7px;
}
.containerpagination-cl .pagination ul li.active,
.containerpagination-cl .pagination ul li.active:hover{
    cursor: pointer;
    color: #FF8000;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
    background-color: #fff;
    font-weight:bolder;
}
.containerpagination-cl .pagination ul li.inactive,
.containerpagination-cl .pagination ul li.inactive:hover{
    background-color:#e3e2e2 !important;
    color:#d5d4d4 !important;
    border-left: 1px solid #d7d7da !important;
    border-top: 1px solid #d7d7da !important;
    border-bottom: 1px solid #d7d7da !important;
    cursor: default !important;
}
.containerpagination-cl .data ul li{
    list-style: none;
    font-family: verdana;
    margin: 5px 0 5px 0;
    color: #FFFBF0;
    font-size: 9pt;
}

.containerpagination-cl .pagination{
    height: 25px;
    margin:0;
}
.containerpagination-cl .pagination ul li{
    list-style: none;
    float: left;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
    padding: 4px 15px 4px 15px;
    margin-top:5px;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    background-color: #f2f0f0;
}
.containerpagination-cl .pagination ul li:hover{
    color: #000;
    background-color: #fff;
    cursor: pointer;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
}

.containerpagination-cl .pagination ul li.ulnotnumber{
    background-color: #FF8000;
    color: #ffffff;
    border-left: 1px solid #f2902e;
    border-top: 1px solid #f2902e;
    border-bottom: 1px solid #f2902e;
    font-weight:bold;
}
.containerpagination-cl .pagination ul li.ulnotnumber:hover{
    background-color: #f07902;
    border-left: 1px solid #E87400;
    color: #ffffff;
    border-left: 1px solid #E87400;
    border-top: 1px solid #E87400;
    border-bottom: 1px solid #E87400;
}


#loading{
    width: 100%;
    position: absolute;
    top: 100px;
    left: 100px;
    margin-top:200px;
}
#pagination-main-cont{
    position:relative; 
    display:inline-block; 
    border:none; 
    padding:10px 0;
    margin: 0 ;
    width:100%;
}
#containerpagination{
    float: right;
    text-align: right;
    position: relative;
    top:-7px;
}
#containerpagination .pagination ul li.active,
#containerpagination .pagination ul li.active:hover{
    cursor: pointer;
    color: #FF8000;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
    background-color: #fff;
    font-weight:bolder;
}
#containerpagination .pagination ul li.inactive,
#containerpagination .pagination ul li.inactive:hover{
    background-color:#e3e2e2 !important;
    color:#d5d4d4 !important;
    border-left: 1px solid #d7d7da !important;
    border-top: 1px solid #d7d7da !important;
    border-bottom: 1px solid #d7d7da !important;
    cursor: default !important;
}
#containerpagination .data ul li{
    list-style: none;
    font-family: verdana;
    margin: 5px 0 5px 0;
    color: #FFFBF0;
    font-size: 9pt;
}

#containerpagination .pagination{
    height: 25px;
    margin:0;
}
#containerpagination .pagination ul li{
    list-style: none;
    float: left;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
    padding: 4px 15px 4px 15px;
    margin-top:5px;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    background-color: #f2f0f0;
}
#containerpagination .pagination ul li:hover{
    color: #000;
    background-color: #fff;
    cursor: pointer;
    border-left: 1px solid #d7d7da;
    border-top: 1px solid #d7d7da;
    border-bottom: 1px solid #d7d7da;
}

#containerpagination .pagination ul li.ulnotnumber{
    background-color: #FF8000;
    color: #ffffff;
    border-left: 1px solid #f2902e;
    border-top: 1px solid #f2902e;
    border-bottom: 1px solid #f2902e;
    font-weight:bold;
}
#containerpagination .pagination ul li.ulnotnumber:hover{
    background-color: #f07902;
    border-left: 1px solid #E87400;
    color: #ffffff;
    border-left: 1px solid #E87400;
    border-top: 1px solid #E87400;
    border-bottom: 1px solid #E87400;
}

.go_button
{
    background-color:#f2f2f2;border:1px solid #428bca;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
}
.total
{
    float:right;font-family:arial;color:#999;
}

#pdflist ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#pdflist ul li { 
    padding-right: 20px;
    display: inline; 
}

.last-printed{
    text-align:left !important;
    color:#2d945c;
    font-size:8pt;
    padding-left:5px;
}

.not-printed{
    text-align:left !important;
    color:#b53a3d;
    font-size:8pt;
    padding-left:5px;
}

.search-container{
    border:1px solid #EBEBEB; 
    background-color:#F7F7F7; 
    padding:8px 10px;
}



/*************** CS STYLE ******************/
#simpleTable
{
    width:100%;
    color:#999999;
    border:#CCCCCC 1px solid;
}

#simpleTable th
{
    background-color:#E0E0E0;
    margin-left:5px;
    padding: 2px;
    border:#CCCCCC 1px solid;
}

#simpleTable td
{
    background-color:#EEEEEE;
    padding: 2px;
    border:#CCCCCC 1px solid;
}

#simpleTable input.text
{
    width:100%;
}

#simpleTable .headerText
{
    color:#666666;
}

/**************************table hover******************************************/
.clickable{
    cursor:pointer;
}

.clickable-header{
    cursor:pointer;
}

.clickable-header:hover{background:#C0C0C0;}

.atty-searche-opt{ 
    list-style:none;
    padding:0;
}

.atty-searche-opt li{ 
    padding:2px 0 0 0;
}

.orange-bar-5{border-left:5px solid #fd8d50;}
.gray-bar-5{border-left:5px solid #808080;}
.red-bar-5 {
    border-left: 5px solid #ff0000;
}
.yellow-bar-5 {
    border-left: 5px solid #ffb60c;
}


/********** Open Tip *****************/
input[type="text"][readonly]{  
    border:solid 1px #808080;
    color: #666;
    height:25px;
    padding-left:10px;
    vertical-align:middle;
    width: 191px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline-color:#FF8000;
    line-height: 22px;
}

input[type="text"][readonly]:hover{  
    cursor:pointer;
}

.info-icon{
    position: relative;
    display: inline-block;
    width:16px; 
    height:16px; 
    top:5px;
    background: transparent url(images/info_icon_13.png) no-repeat 0 0;
}

.info-icon:hover{

    display: inline-block;
    width:16px; 
    height:16px; 
    top:5px;
    cursor: pointer;
    background: transparent url(images/info_hover_icon_13.png) no-repeat 0 0;
}


table.dashtb-no-bottom-border{	border-collapse:collapse; }

table.dashtb-no-bottom-border th{
    border: 1px solid #ddd !important;
}
table.dashtb-no-bottom-border td {
    border-top:0px dashed #000;
    border-bottom:0px solid  #FAFAFA !important;
    border-left:0px solid  #ddd !important;
    border-right:0px solid  #ddd !important;
    /*border: 1px solid #ddd !important;*/
}

table.dashtb-no-bottom-border th:hover {
    cursor: pointer;
    background-color:#f5f5f5;
}
table.dashtb-no-bottom-border tr:hover {
    cursor:pointer;

}

table.dashtb-no-bottom-border th{
    font-weight:bold;
    text-align:left;
    margin:0px;
    text-wrap:none;
    padding:10px;
    background-color:#ffffff;
    color:#428bca;
}

table.dashtb-no-bottom-border tr:nth-child(even) {
    background-color: #f9f9f9;

}

.img-logo {
    position:relative;
    display: inline-block;
    width:25px;
    height:25px; 
    border:0px solid red;
    background: transparent url(images/picture.png) no-repeat 0px 0;
}
.add-email-icon{
    display: inline-block;
    width:78px; 
    height:20px; 
    background: transparent url(images/add_email.png) no-repeat 0 0;
}
.add-email-icon:hover{
    cursor:pointer;
    /*background: transparent url(images/add_email_hover.png) no-repeat 0 0;*/
}
.delete_email_icon{
    position:relative;
    display: inline-block;
    width:16px; 
    height:14px; 
    top:5px;
    margin-left:4px;
    background: transparent url(images/delete_email_icon.png) no-repeat 0 0;
}
.delete_email_icon:hover{
    cursor:pointer;
}

.border-green{ border:1px solid #009B00;}
.border-red{ border:1px solid #9B0000;}

.aaa-simple-menu{
    margin:0;
    padding:0;
    list-style-type: none;
}
.aaa-simple-menu li{
    padding-top:8px;
}

.refresh-icon
{
    background: transparent url(../images/refresh_icon.png) no-repeat;
    width: 25px;
    border: none;
    height: 19px;
    margin:0;
    padding:0;
    position:relative;
    top:30px;
    left:210px;
    cursor:pointer;
}

/* PASSWORD */
#passwordStrength
{
    height:6px;
    display:block;
    float:left;
}

.strength
{
    width:269px;
    background:#e7e5e5;
}

.strength0
{
    width:69px;
    background:#fd3030;
}

.strength1
{
    width:119px;
    background:#ff5f5f;
}

.strength2
{
    width:169px;
    background:#60a437;
}

.strength3
{
    background:#538b31;
    width:219px;
}

.strength4
{
    background:#307605;
    width:269px;
}

.rotate_left_button {
    background-image:url(../images/arrows/rotate_left.png);
    background-repeat:no-repeat;
    height:26px;
    width:26px;
}
.rotate_right_button {
    background-image:url(../images/arrows/rotate_right.png);
}

.header_stripes
{
    background-image:url(../images/box/stripes.jpg);
    background-repeat:repeat-x;
    height:25px;

}

.headerText{
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 18px;
    color : #000000;
    padding-left:10px;
    padding-right:10px;

}

.controlPanelText{
    color:black;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    text-align:justify;

}

.td-right-border{
    border-right-width:1px; 
    border-right-style:solid; 
    border-right-color:#6c6d71;

}
.td-left-border{
    border-left-width:1px; 
    border-left-style:solid; 
    border-left-color:#6c6d71;
}

.table-bottom-border{
    border-bottom-width:1px; 
    border-bottom-style:solid; 
    border-bottom-color:#6c6d71;
}

.table-corner-top-left{
    border-left-width:1px; 
    border-left-style:solid; 
    border-left-color:#6c6d71;
    border-top-width:1px; 
    border-top-style:solid; 
    border-top-color:#6c6d71;
    height:5px;
    width:10px;
}

.table-corner-top-right{
    border-right-width:1px; 
    border-right-style:solid; 
    border-right-color:#6c6d71;
    border-top-width:1px; 
    border-top-style:solid; 
    border-top-color:#6c6d71;
    height:5px;
    width:100%;
}
.box-header-text{
    text-align:left;
    font-style:italic; 
    font-size:12px; 
    font-weight:450; 
    color:#6c6d71;
    font-weight:bold;
}

table.notesDash {
    border-collapse: collapse;
    width: 100%;
}

table.notesDash th{
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

table.notesDash tr {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
table.notesDash tr:hover {background-color: #f5f5f5}

.noBorderTb{
    background-color: transparent;
    border: 0px solid;
}
.noBorderTb:focus {
    outline:none;
}

::-webkit-input-placeholder {
    font-style: italic;
}
:-moz-placeholder {
    font-style: italic;  
}
::-moz-placeholder {
    font-style: italic;  
}
:-ms-input-placeholder {  
    font-style: italic; 
}

.login-ratio4-3 {
    width: 100%;
    background-image: url(../images/aaa.svg);
    background-size: contain;
    height: auto;
    padding: 0;  
    padding-bottom: calc(100% * 0.25);
    background-repeat: no-repeat;
}


ul.closableList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.closableList li {
    border: 1px solid #ddd;
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6;
    padding: 12px;
    text-decoration: none;
    font-size:12px;
    color: black;
    display: block;
    position: relative;
}

ul.closableList li:hover {
    background-color: #eee;
}

.close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0%;
    padding: 12px 16px;
    transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}

.form-container {
        width: 50%;
        margin: 20px 0;
        border: 1px solid #ccc;
        padding: 20px;
        border-radius: 8px;
        font-family: sans-serif;
      }

      .form-group {
        margin-bottom: 1rem;
      }

      .form-group label {
        display: block;
        margin-bottom: 4px;
        font-weight: normal;
      }

      .form-row {
        display: flex;
        align-items: center;
      }

      .form-control {
        flex: 1;
        padding: 6px;
        font-size: 14px;
      }

      .error-placeholder {
        min-width: 180px;
        margin-left: 10px;
        color: red;
        font-size: 0.875rem;
      }

      .button {
        margin-top: 10px;
        padding: 6px 14px;
        font-size: 14px;
      }

.form-input  {
    width: 100%;
    padding: 6px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: white;
    color: black;
    border-radius: 4px;
    box-sizing: border-box; 
    appearance: none; 
}
.form-textarea {
    width: 100%;
    padding: 6px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: white;
    color: black;
    border-radius: 4px;
    box-sizing: border-box;
    height: 80px;
}

.form-select {
    width: 100%;
    padding: 0px 10px; /* 6px top/bottom, 10px left/right */
    margin-bottom: 0px;
    border: 1px solid #ccc;
    background: white;
    color: black;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px; /* Make sure font size isn't tiny */
    height: 30px; /* SET a fixed height if needed */
    appearance: none; /* Optional: for consistent look */
}




/*
.attempt-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.attempt-table th, .attempt-table td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}*/

.attempt-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    table-layout: fixed;
}

.attempt-table th, .attempt-table td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}

.attempt-table th:nth-child(4),
.attempt-table td:nth-child(4) {
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.invalid-feedback {
      display: inline;
      color: red;
      margin-left: 10px;
      font-size: 0.875rem;
}

.modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.3);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.modal-content {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #333;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    margin: auto;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}



.section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 10px 0;
}

.section-divider::before,
.section-divider::after {
    content: '';
    flex: 1;
    border-top: 1px solid #ccc;
}

.section-divider span {
    padding: 0 15px;
    background: white;
    font-weight: bold;
    font-size: 1.2em;
}

#attemptsNotice {
    margin-top: 20px;
    color: red;
    font-weight: bold;
}