span.required{
    color: #B94A48;
}
.search_records input[type="text"]{
    width: 100px;
}
.search_records select{
    width: 110px;
}
.search_rec input[type="text"]{
    width: 140px;
}
.search_rec select{
    width: 150px;
}
.search_record input[type="text"]{
    width: 170px;
}
.search_record select{
    width: 180px;
}
a.enable-disable-record:hover{
    text-decoration: none;
}
.records_no_found{
    color:#B94A48;
    text-align: center !important;
    font-weight: bold;
}
.margin-icon{
    margin-left: 10px !important;
}
.alert-modal {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-modal-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-modal-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.checkbox-inline {
    display: block !important;
    margin-bottom: 5px !important;
}
.label-error {
    background-color:  #FF4500;
}
.label-locked {
    background-color:  #FAA732;
}
#balance-top{
    float:right; 
    margin:10px; 
    font-weight: bold; 
    font-size: 15px
}
.sorting_desc {
    background: url("../img/sort_desc.png") no-repeat scroll right center transparent;
}
.sorting_asc {
    background: url("../img/sort_asc.png") no-repeat scroll right center transparent;
}
.sorting {
    background: url("../img/sort_both.png") no-repeat scroll right center transparent;
}
.auto-flow-div{
    padding-top: 10px;
    height: 160px; 
    overflow-y: auto;
}
.dashboard{
    margin-top: 24px;
}
.dashboard td{
    line-height: 19px !important;
}
.live td{
    line-height: 0px !important;
}
.auto-flow{
    height: 470px; 
    overflow-y: auto;
}

.auto-flow-x{
    overflow-x: auto !important;
}

#prefix_billing .error{
    border-color: #b94a48;
    color: #b94a48;
}
/*================================Icons CSS===================================*/
.icon-home-new, .icon-home-new:hover, .active .icon-home-new{
    background: url("../img/home.png") no-repeat scroll right center transparent;
}
.icon-stats, .icon-stats:hover, .active .icon-stats{
    background: url("../img/stats.png") no-repeat scroll right center transparent;
}
.icon-pie-chart, .icon-pie-chart:hover{
    background: url("../img/pie-chart.png") no-repeat scroll right center transparent;
}
.icon-line-chart, .icon-line-chart:hover{
    background: url("../img/line-chart.png") no-repeat scroll right center transparent;
}
.icon-phonebook, .icon-phonebook:hover, .active .icon-phonebook{
    background: url("../img/phonebook.png") no-repeat scroll right center transparent;
}
.icon-contact, .icon-contact:hover{
    background: url("../img/contact.png") no-repeat scroll right center transparent;
}
.icon-import, .icon-import:hover{
    background: url("../img/import.png") no-repeat scroll right center transparent;
}
.icon-export, .icon-export:hover{
    background: url("../img/export.png") no-repeat scroll right center transparent;
}
.icon-dnc, .icon-dnc:hover, .active .icon-dnc{
    background: url("../img/dnc.png") no-repeat scroll right center transparent;
}
.icon-audio-list, .icon-audio-list:hover, .active .icon-audio-list{
    background: url("../img/audio-list.png") no-repeat scroll right center transparent;
}
.icon-audio-new, .icon-audio-new:hover{
    background: url("../img/audio.png") no-repeat scroll right center transparent;
}
.icon-audio-listen, .icon-audio-listen:hover{
    background: url("../img/audio-listen.png") no-repeat scroll right center transparent;
}
.icon-campaign, .icon-campaign:hover, .active .icon-campaign{
    background: url("../img/campaign.png") no-repeat scroll right center transparent;
}
.icon-refresh-new, .icon-refresh-new:hover{
    background: url("../img/refresh.png") no-repeat scroll right center transparent;
}
.icon-stop-campaign, .icon-stop-campaign:hover{
    background: url("../img/stop-campaign.png") no-repeat scroll right center transparent;
}
.icon-cdr-list, .icon-cdr-list:hover, .active .icon-cdr-list{
    background: url("../img/cdr-list.png") no-repeat scroll right center transparent;
}
.icon-user-new, .icon-user-new:hover, .active .icon-user-new{
    background: url("../img/user.png") no-repeat scroll right center transparent;
}
.icon-settings, .icon-settings:hover{
    background: url("../img/settings.png") no-repeat scroll right center transparent;
}
.icon-email-alert, .icon-email-alert:hover{
    background: url("../img/email-alert.png") no-repeat scroll right center transparent;
}
.icon-add-balance, .icon-add-balance:hover{
    background: url("../img/add-balance.png") no-repeat scroll right center transparent;
}
.icon-balance-history-list, .icon-balance-history-list:hover{
    background: url("../img/balance-history-list.png") no-repeat scroll right center transparent;
}
.icon-balance-history, .icon-balance-history:hover{
    background: url("../img/balance-history.png") no-repeat scroll right center transparent;
    height: 14px; 
    width: 14px;
}
.icon-gateway, .icon-gateway:hover, .active .icon-gateway{
    background: url("../img/gateway.png") no-repeat scroll right center transparent;
}
.icon-config, .icon-config:hover, .active .icon-config{
    background: url("../img/config.png") no-repeat scroll right center transparent;
}
.icon-node, .icon-node:hover, .active .icon-node{
    background: url("../img/node.png") no-repeat scroll right center transparent;
}
.icon-email, .icon-email:hover, .active .icon-email{
    background: url("../img/email.png") no-repeat scroll right center transparent;
}
.icon-email-sender, .icon-email-sender:hover{
    background: url("../img/email-sender.png") no-repeat scroll right center transparent;
}
.icon-test-call, .icon-test-call:hover{
    background: url("../img/test-call.png") no-repeat scroll right center transparent;
}
.icon-duplicate, .icon-duplicate:hover{
    background: url("../img/duplicate.png") no-repeat scroll right center transparent;
}
/*================================Progress Bar CSS============================*/
.meter { 
        height: 12px;  /* Can be anything */
        position: relative;
        background: #555;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        padding: 3px;
        -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
        -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
        box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
        display: block;
        height: 100%;
           -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
               -moz-border-radius-topright: 20px;
            -moz-border-radius-bottomright: 20px;
                   border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            -webkit-border-top-left-radius: 20px;
         -webkit-border-bottom-left-radius: 20px;
                -moz-border-radius-topleft: 20px;
             -moz-border-radius-bottomleft: 20px;
                    border-top-left-radius: 20px;
                 border-bottom-left-radius: 20px;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(43,194,83)),
          color-stop(1, rgb(84,240,84))
         );
        background-image: -moz-linear-gradient(
          center bottom,
          rgb(43,194,83) 37%,
          rgb(84,240,84) 69%
         );
        -webkit-box-shadow: 
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow: 
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        box-shadow: 
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
}
.meter > span:after, .animate > span > span {
        content: "";
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image: 
           -webkit-gradient(linear, 0 0, 100% 100%, 
              color-stop(.25, rgba(255, 255, 255, .2)), 
              color-stop(.25, transparent), color-stop(.5, transparent), 
              color-stop(.5, rgba(255, 255, 255, .2)), 
              color-stop(.75, rgba(255, 255, 255, .2)), 
              color-stop(.75, transparent), to(transparent)
           );
        background-image: 
                -moz-linear-gradient(
                  -45deg, 
              rgba(255, 255, 255, .2) 25%, 
              transparent 25%, 
              transparent 50%, 
              rgba(255, 255, 255, .2) 50%, 
              rgba(255, 255, 255, .2) 75%, 
              transparent 75%, 
              transparent
           );
        z-index: 1;
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        -webkit-animation: move 2s linear infinite;
           -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
               -moz-border-radius-topright: 20px;
            -moz-border-radius-bottomright: 20px;
                   border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            -webkit-border-top-left-radius: 20px;
         -webkit-border-bottom-left-radius: 20px;
                -moz-border-radius-topleft: 20px;
             -moz-border-radius-bottomleft: 20px;
                    border-top-left-radius: 20px;
                 border-bottom-left-radius: 20px;
        overflow: hidden;
}
.animate > span:after {
        display: none;
}
@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 80%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }