.width-90p
{
    width: 90%;
}
.width-94p
{
    width: 94%;
}
.width-95p
{
    width: 95%;
}
.width-100p
{
    width: 100%;
}
.height-100p
{
    height: 100%;
}
.height-200
{
    height: 200px;
}
.max-width-100p
{
    max-width: 100%;
}
.min-height-100p
{
    min-height: 100%;
}
.width-65p
{
    width: 65%;
}
.values
{
    font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif;
    font-size: 10px;
    vertical-align: top;
    background-repeat: no-repeat;
    padding: 4px;
    color: #000;
    text-align: left;
}
.label-radio label
{
    padding-left: 5px;
    padding-right: 5px;
}
.label-checkbox label
{
    padding-left: 5px;
    padding-right: 5px;
}
.form-group input.remLen, .form-group input.remLength
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-style: none;
    border-width: 0;
    color: #333;
    padding: 6px 0;
    text-align: left;
    width: 25px;
}

#pageslide-left .user-profile h5, #pageslide-left .user-profile h6
{
    color: #ffffff;
    line-height: 20px;
}
#pageslide-left .user-profile h4
{
    color: #ff9900;
}
/*
.grid-search-criteria
{
    text-align: left;
    background: #256396;
    margin-top: 3px;
    padding: 5px;
    border: solid 1px #ddd;
    font-family: Arial;
    width: 100%;
    color: #fff;
}
*/
fieldset.nodesign, .validator-nodesign
{
    background: 0;
    border: 0;
    border-style: none;
    padding: 0;
}
.validator-nodesign
{
    background: url(../../../images/error-icon.gif) no-repeat 0% 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: inherit;
}
.error-text, .success-text, .alert-text
{
    padding: 3px 0 3px 0;
    color: #000;
    min-height: 30px;
    margin: 0 auto;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
    font-weight: bold;
    position: relative;
}
.error-text
{
    background: #fdd1d1;
    border: 1px solid #ff8f8f;
}
.success-text
{
    background: #fde9bf;
    border: 1px solid #f90;
}
.alert-text
{
    background: #ffffd1;
    border: 1px solid #ffcf0f;
}
.error-text a, .success-text a, .alert-text a
{
    position: absolute;
    top: 35%;
    right: 5px;
}
.error-text img, .success-text img, .alert-text img
{
    border-style: none;
    border: 0;
    border-collapse: collapse;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
}
.close-message
{
    border: 0;
    border-style: none;
    vertical-align: middle;
}
.textbox, .textarea, .CompletionProgress
{
    padding: 2px;
    color: #000;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #7f9db9;
    font-family: inherit;
    font-size: inherit;
}
.align-center
{
    text-align: center;
    margin: 0 auto;
}
.valign-top
{
    vertical-align: top !important;
}
.da-wizard-nav ul:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .da-wizard-nav ul
{
    height: 1%;
}

.da-wizard-nav
{
    display: block;
    clear: both; /*margin: 0 16px;*/
    position: relative;
    padding: 16px 0;
    background-color: #FFF;
}

.da-wizard-nav ul, .da-wizard-nav ul li
{
    left: -20px;
    margin: 0;
    list-style: none;
}

.da-wizard-nav ul
{
    position: relative;
}

.da-wizard-nav ul li
{
    display: block;
    z-index: 25;
    position: relative;
    float: left;
    background: url(../../../images/wizard-nav.png) no-repeat right center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}
.align-left
{
    text-align: left !important;
}
.align-right
{
    text-align: right !important;
}
.da-wizard-nav ul li span, .da-wizard-nav ul li a
{
    position: relative;
    text-align: center;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 4px 0;
    float: right;
    color: #545454;
    z-index: 20;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
    text-decoration: none;
}

.da-wizard-nav ul li.active span, .da-wizard-nav ul li.active a
{
    text-indent: -9999px;
    background: url(../../../images/CssSpriteImage/csg.png) no-repeat center center;
    background-position: -3525px -66px;
}

.da-wizard-nav ul li.done span, .da-wizard-nav ul li.done a
{
    text-indent: -9999px;
    background: url(../../../images/CssSpriteImage/csg.png) no-repeat center center;
    background-position: -3524px -39px;
}
.da-wizard-nav ul li.fail span, .da-wizard-nav ul li.fail a
{
    text-indent: -9999px;
    background: url(../../../images/CssSpriteImage/csg.png) no-repeat center center;
    background-position: -3524px -366px;
}
.da-wizard-nav ul li span img, .da-wizard-nav ul li a img
{
    max-width: 16px;
    max-height: 16px;
    margin: 8px;
}

.da-wizard-nav ul li.done div.da-wizard-label, .da-wizard-nav ul li.active div.da-wizard-label
{
    color: #444;
}

.da-wizard-nav ul li.active div.da-wizard-label
{
    font-weight: bold;
}

.da-wizard-nav ul li div.da-wizard-label
{
    display: block;
    margin: 0;
    line-height: 16px;
    clear: both;
    width: auto;
    height: auto;
    color: #868686;
    font-weight: normal;
    margin-bottom: -16px;
    background: none !important;
    text-align: right;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.da-wizard-nav .da-wizard-progress
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 16px 0;
    z-index: 15;
}

.da-wizard-nav .da-wizard-progress, .da-wizard-nav.green .da-wizard-progress
{
    background-color: #cef576;
}

.da-wizard-nav.red .da-wizard-progress
{
    background-color: #e67474;
}

.da-wizard-nav.blue .da-wizard-progress
{
    background-color: #85b8e6;
}

.da-wizard-form fieldset
{
    border-top: 0;
    border-bottom: 1px solid #d3d3d3;
}

.da-wizard-form
{
    margin-top: 16px;
    border-top: 1px solid #d3d3d3;
}

.msg
{
    text-align: left;
    margin-left: 5px;
}
.msg_icon
{
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
    width: 24px !important;
    height: 24px !important;
}
.msg_icon .new
{
    background-image: url(../../../images/zice/icon/38.png);
}
.msg_icon .open
{
    background-image: url(../../../images/zice/icon/25.png);
}
.msg_icon .ans
{
    background-image: url(../../../images/zice/icon/24.png);
}
.msg_topic
{
    float: left;
    font-family: "Roboto" ,sans-serif;
    font-size: 12px;
    margin-left: 10px;
}
.msg_topic span
{
    color: #aaaaaa;
}
.msg_date
{
    float: right;
    margin-right: 1px;
    font-size: 10px;
}
.msg_date span
{
    font-size: 10px;
    color: #CCC;
    display: block;
}
.captcha-img-container img
{
    max-width: 100%;
}
table.display
{
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    text-align: center; /*margin:10px auto !important;*/ /*	border : 1px solid #d6d6d6;*/ /*border-top:1px solid #c9c9c9;*/
    -moz-box-shadow: 0px 0px 4px #efefef;
    -webkit-box-shadow: 0px 0px 4px #efefef;
    box-shadow: 0px 0px 4px #efefef;
}

#news_update ul li .temp_news
{
    width: 130px;
    height: 98px;
    border: 1px #DDD solid;
    padding: 2px;
    background-color: #FFF;
    float: left;
    margin-top: 5px;
}
#news_update ul li .temp_news img
{
    width: 130px;
    vertical-align: middle;
    height: 98px;
}
#news_update ul li .detail_news
{
    border: 0px #DDD solid;
    margin-left: 145px;
    margin-bottom: 10px;
}
#news_update ul li .detail_news .datepost
{
    color: #BBB;
    margin-right: 2px;
}
#news_update ul li .detail_news .morelink
{
    display: inline-block;
    background-image: url(../../../images/zice/icon/link.png);
    height: 15px;
    background-position: right 2px;
    background-repeat: no-repeat;
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    border-left: 1px #DDD solid;
}
#news_update ul li .detail_news p
{
    height: 42px;
    overflow: hidden;
    padding: 0px;
    line-height: 20px;
    margin: 0;
}
table.display thead tr th, table.display tfoot tr th
{
    color: #1c1c1c;
}

table.display thead
{
    text-shadow: 1px 1px 1px #fff;
    background-image: url(../../../images/inner-shadow.png);
    background-color: #f2f2f2;
    background-repeat: repeat-x;
    background-position: left top;
}

table.display thead tr th
{
    border-top: 0px solid #d6d6d6;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 10px 8px;
    line-height: 25px;
}
table.display thead tr th:first-child
{
}
table.display thead tr th:last-child
{
    border-right: none;
}
table.display tbody td
{
    border-bottom: 1px solid #e6e6e6;
    border-right: none;
    border-left: none;
    padding: 15px 0 !important;
}

/*
table.display tbody td:first-child
{
    
}
table.display tbody td:last-child
{
    border-right: none;
}

table.display tbody tr.odd, table.display tbody tr.even
{
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}
table.display tbody tr.odd
{
    background-color: #fdfdfd;
}
table.display tbody tr.even
{
    background-color: #fafafa;
}

table.display tbody tr:hover
{
    background-color: #eaf7ff;
}
table.display tbody tr:last-child td
{
    border-bottom: 1px solid #EEEEEE;
}
table.display thead tr th.sorting
{
    background-image: url(../../../images/table-sort.png);
    background-repeat: no-repeat;
    background-position: right 15px;
}
table.display thead tr th.sorting_asc
{
    background: url(../../../images/table-sort.png) no-repeat right -13px;
}

table.display thead tr th.sorting_desc
{
    background: url(../../../images/table-sort.png) no-repeat right -45px;
}
*/
.boxtitle
{
    border-bottom: 1px #eeeeee solid;
    margin-bottom: 15px;
    color: #e66b6b;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 10px;
    width: 99%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boxtitle img
{
    margin-right: 3px;
    margin-bottom: -2px;
}
.boxtitle .min
{
    margin-bottom: 5px;
    height: 25px;
    line-height: 25px;
}

/*------------------------Code For JGrowl Notifications */

div.jGrowl
{
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    margin-top: 40px;
    position: absolute;
    padding: 10px;
}
div.ie6
{
    position: absolute;
}
div.ie6.top-right
{
    right: auto;
    bottom: auto;
}
div.ie6.center
{
    width: 100%;
}
body > div.jGrowl
{
    position: fixed;
}
div.jGrowl.top-left
{
    left: 0;
    top: 0;
}
div.jGrowl.top-right
{
    right: 0;
    top: 0;
}
div.jGrowl.bottom-left
{
    left: 0;
    bottom: 0;
}
div.jGrowl.bottom-right
{
    right: 0;
    bottom: 0;
}
div.jGrowl.center
{
    top: 0;
    width: 50%;
    left: 25%;
}
div.center div.jGrowl-notification, div.center div.jGrowl-closer
{
    margin-left: auto;
    margin-right: auto;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer
{
    background-color: #000;
    opacity: .85;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}
div.jGrowl div.jGrowl-notification
{
    min-height: 40px;
}
div.jGrowl div.jGrowl-notification div.jGrowl-header
{
    font-weight: 700;
    font-size: .85em;
}
div.jGrowl div.jGrowl-notification div.jGrowl-close
{
    z-index: 99;
    float: right;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
}
div.jGrowl div.jGrowl-closer
{
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: 700;
    text-align: center;
}
@media print
{
    div.jGrowl
    {
        display: none;
    }
}

/*-------------------jgrowl end here-----------------------*/

.breadcrumb
{
    margin-top: 0;
    letter-spacing: 0;
    font-weight: 600;
}
.company-logo
{
    display: inline-block;
    margin-left: 10px;
    width: 90%;
}
.company-logo span
{
    float: left;
    padding-left: 0;
    line-height: 40px;
    font-size: 20px;
}
.company-name
{
    margin: 0 5px;
    font-size: large;
    color: #000;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.background-red
{
    background-color: red;
}
.background-blue
{
    background-color: blue;
}
.right-sidebar-open .main-container
{
    left: -243px;
}
.toolbar
{
    height: auto;
    min-height: 40px;
}
.display-block
{
    display: block;
}
.display-inline-block
{
    display: inline-block;
}
.display-none
{
    display: none;
}

.GSet1R
{
    background: url(../../../images/icons/Genealogy/Set-1/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GSet2R
{
    background: url(../../../Images/icons/Genealogy/Set-2/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GSet3R
{
    background: url(../../../Images/icons/Genealogy/Set-3/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GSet4R
{
    background: url(../../../Images/icons/Genealogy/Set-4/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GSet5R
{
    background: url(../../../Images/icons/Genealogy/Set-5/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GDefaultR
{
    background: url(../../../Images/icons/Genealogy/Default/csg.png) no-repeat top center;
    width: 32px;
    height: 32px;
}
.GNextR
{
    background-image: url(../../../Images/icons/Genealogy/Default/csg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 40px;
}
.GPrevR
{
    background-image: url(../../../Images/icons/Genealogy/Default/csg.png);
    background-repeat: no-repeat;
    background-position: 0 -50px;
    width: 40px;
    height: 40px;
}
/*.grid-reload
{
    border: 0;
    background: url(../../../images/gridimg/tool_reload.gif) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
}
.grid-inline-left
{
    display: inline-block;
    float: left;
    line-height: 13px;
    vertical-align: middle;
    font-weight: normal;
}
.grid-inline-right
{
    display: inline-block;
    float: right;
    line-height: 13px;
    vertical-align: middle;
    font-weight: normal;
}
.grid-seperator-left
{
    line-height: 13px;
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float: left;
}
.grid-seperator-right
{
    line-height: 13px;
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    float: right;
}
.pg-PagerStyle td table tbody tr td
{
    width: 25px;
    height: 19px;
    font-weight: normal;
    color: #000;
    line-height: 19px;
    vertical-align: middle;
    text-align: center;
}
.pg-PagerStyle td table tbody tr td[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td span
{
    display: block;
    width: 25px;
    height: 19px;
    background: url(../../../images/gridimg/pager_bg_blue.gif) repeat-x center center;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border-left: 1px solid #90bfbc;
    border-right: 1px solid #90bfbc;
}
.pg-PagerStyle td table tbody tr td span[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td a
{
    display: block;
    width: 25px;
    height: 19px;
    font-weight: normal;
    color: #000;
}
.pg-PagerStyle td table tbody tr td a[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td a:hover
{
    background: url(../../../images/gridimg/pager_bg_mac.gif) repeat-x center center;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}
.PagerStyle td table tbody tr td span, .PagerStyle td table tbody tr td a:hover
{
    background-color: #c2e3f0;
    border: 1px solid #000;
    box-shadow: 1px 1px 2px #cccccc;
    color: #333333;
}
.PagerStyle span, .PagerStyle a
{
    background-color: #fdfdfd;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 1px 2px #f5f5f5;
    color: #999999;
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 4px 9px;
    position: relative;
}
.grid-export
{
    border: 0;
    background: url(../../../images/gridimg/tool_xls.gif) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
}
*/
.grid-inline-left
{
    display: inline;
    float: left;
    vertical-align: middle;
    font-weight: normal;
}
.img-valign-middle-helper
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.grid-inline-right
{
    display: inline;
    float: right;
    vertical-align: middle;
    font-weight: normal;
}
.grid-inline-right select
{
    padding: 2px;
}
.grid-seperator-left
{
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: left;
}
.grid-seperator-right
{
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: right;
}
.grid-inline-left, .grid-inline-left span, .grid-inline-left img, .grid-inline-right, .grid-inline-right span, .grid-seperator-left, .grid-seperator-right, .grid-export, .grid-reload
{
    font-size: 11px;
    line-height: 22px;
}
.HeaderStyle th, .RowStyle td, .AlternatingRowStyle td, .SortRowStyle td, .FooterStyle td, th.table-header, td.table-header
{
    border: 1px solid #d6d6d6;
    color: #000;
    line-height: 20px;
    padding: 3px;
    vertical-align: middle;
}
.grid-class td, .grid-class th
{
    white-space: nowrap;
    padding: 3px;
}
.HeaderStyle th, th.table-header, td.table-header, .HeaderStyle th a, th.table-header a, td.table-header a
{
    background-color: #444444;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.RowStyle td, .table-row
{
    background-color: #fff;
}
.RowStyle td input, .AlternatingRowStyle td input, .SortRowStyle td input, .table-row-alternate
{
    background-color: #fff;
    vertical-align: middle;
    line-height: 15px;
    color: #000;
    font-weight: normal;
    text-align: right;
    border: 1px solid #d6d6d6;
}
.RowStyle td .grid-amount, .AlternatingRowStyle td .grid-amount, .SortRowStyle td .grid-amount, .table-row-alternate
{
    background-color: #fff;
    vertical-align: middle;
    line-height: 16px;
    color: #000;
    text-align: right;
    border-collapse: collapse;
    border: 0;
    width: auto;
    height: 16px;
}
.RowStyle td .grid-amount, .AlternatingRowStyle td .grid-amount, .SortRowStyle td .grid-amount
{
    font-weight: bold;
}

.AlternatingRowStyle td, .table-row-alternate
{
    background-color: #f6f6f6;
}
.SortRowStyle td
{
    background-color: #f6f6f6;
}
.PagerStyle table
{
    width: auto;
    margin-top: 3px;
    margin-bottom: 3px;
}
.PagerStyle span, .PagerStyle a
{
    display: block;
    font-weight: normal;
    color: #000;
    vertical-align: middle;
    text-align: center;
    line-height: 19px;
    font-weight: normal;
    margin: auto 3px;
}
.PagerStyle span
{
    padding-left: 6px;
    padding-right: 6px;
}
.PagerStyle td table tbody tr td span
{
    /*background: url(../../../images/gridimg/pager_bg_blue.gif) repeat-x center center;     color: #fff;     text-align: center;     border-left: 1px solid #90bfbc;     border-right: 1px solid #90bfbc;     font-weight: bold;*/
    background-color: #666;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    display: block;
}
.PagerStyle td table tbody tr td a
{
    color: #333;
    border-radius: 4px;
    font-weight: bold;
    display: block;
    padding: 0 6px;
    padding-bottom: 1px;
}
.PagerStyle td table tbody tr td a:hover
{
    background-color: #666;
    color: #fff; /*background: url(../../../images/gridimg/pager_bg_mac.gif) repeat-x center center;     border-left: 1px solid #c1c1c1;     border-right: 1px solid #c1c1c1;*/
}
.FooterStyle tr
{
    border: 1px solid #d6d6d6;
}
.FooterStyle td
{
    font-weight: bold;
}
.FooterStyle td input
{
    border-collapse: collapse;
    border: 0;
    width: 50px;
    text-align: right;
    overflow: visible;
    font-weight: bold;
    color: inherit;
}
.grid-updateProgress
{
    border: 1px solid #000;
    background-color: #fff;
    position: relative;
    left: 50%;
    top: 10%;
    z-index: 100010;
}
.grid-updateProgressMessage
{
    margin: 3px;
    font-family: 'Open Sans' , 'Roboto' , Trebuchet MS, sans-serif;
    font-size: 13px;
    vertical-align: top;
    font-weight: bold;
    margin-top: 10px;
}
.grid-background
{
    background: #000;
    filter: alpha(opacity=50);
    opacity: .50;
}
.grid-export
{
    background: url(../../../images/gridimg/tool_xls.gif) no-repeat center center;
    border: 0;
    cursor: pointer; /*display: block;     height: 15px;*/
    width: 15px;
}
.grid-reload
{
    background: url(../../../images/gridimg/tool_reload.gif) no-repeat center center;
    border: 0;
    cursor: pointer; /*display: block;     height: 15px;*/
    width: 15px;
}
.grid-table
{
    font: 11px Tahoma, 'Lucida Grande' , 'Lucida Sans Unicode' ,Geneva,Verdana,sans-serif;
    color: #000;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 99%;
}
.grid-table-nobg
{
    background: 0;
    font: 11px Tahoma, 'Lucida Grande' , 'Lucida Sans Unicode' ,Geneva,Verdana,sans-serif;
    color: #000;
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 99%;
}
.grid-gotopage
{
    font-size: 11px;
    width: 20px;
}
.grid-msg
{
    padding: 3px;
    margin: 3px;
    width: inherit;
    padding-right: 10px;
    text-align: center;
}
.grid-msg[class]
{
    width: auto;
    min-width: 700px;
}
.grid-msg div
{
    background: #ffcece;
    border: 1px solid #df8f8f;
    color: #665252;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    line-height: 1.5em;
    text-align: center;
    width: 98%;
    font-weight: bold;
}
.grid-class
{
    width: 100%;
    margin-top: 3px;
}
.grid-search-criteria
{
    background-color: #FFE8E8;
    color: #333;
    padding: 5px;
    text-align: left;
    width: 100%;
}
#GridToolbar
{
    margin-top: 3px;
}
.MoveAllLeft
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveAllLeft.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: .5em .5em 0 .5em;
    cursor: pointer;
}
.MoveAllRight
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveAllRight.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: .5em .5em 0 .5em;
    cursor: pointer;
}
.MoveLeft
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveLeft.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: .5em .5em 0 .5em;
    cursor: pointer;
}
.MoveRight
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveRight.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: 0 .5em 0 .5em;
    cursor: pointer;
}
.MoveUp
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveUp.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: .5em 0 0 0;
    cursor: pointer;
}
.MoveDown
{
    border: 1px solid #999;
    background: #efefef url(../../../images/MoveDown.gif) no-repeat 50% 50%;
    width: 25px;
    height: 20px;
    margin: .5em 0 0 0;
    cursor: pointer;
}
.CompletionListCssClass
{
    background: #ffffdf;
    border: 1px solid #d6d6d6;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    max-height: 240px;
    overflow-y: auto;
    z-index: 10000;
    min-width: 170px;
    text-align: left;
    padding: 0;
}
.left_menu
{
    padding-top: 15px;
}
.quote-container
{
    width: 100%;
    padding: 0 5px;
    position: relative;
    padding-top: 5px;
}
.ps-container
{
    height: 557px;
}
.divNotification
{
    height: auto;
    line-height: 15px;
}
.ulMemNotification
{
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    max-height: 100%;
}

.iframe-website
{
    position: relative;
    width: 100%;
    height: 100em;
    padding: 0;
    margin: 0;
    margin-top: 49px;
    border: 0;
    background: #fff;
}
.medium
{
    font-size: medium;
}
.large
{
    font-size: large;
}
.x-large
{
    font-size: x-large;
}
.xx-large
{
    font-size: xx-large;
}
.larger
{
    font-size: larger;
}
.font-size-70p
{
    font-size: 70%;
}
.font-size-80p
{
    font-size: 80%;
}
.font-size-90p
{
    font-size: 90%;
}
.font-size-100p
{
    font-size: 100%;
}
.font-size-110p
{
    font-size: 110%;
}
.font-size-120p
{
    font-size: 120%;
}
.font-size-130p
{
    font-size: 130%;
}
.font-size-140p
{
    font-size: 140%;
}
.font-size-150p
{
    font-size: 150%;
}
/*  ------------  PRIYA -------------------    */

/*  ----------------------  RESPONSIVE TABLE CSS   --------------------------    */
/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */

@media (max-width: 41em)
{
    /*  White bg, large blue text for rank and title */
    .table-list tbody th, .table-list tbody td.title, .table-list tbody td.highlight-column, .table-list tbody td.serial-no
    {
        display: block;
        font-size: 1.2em;
        line-height: 110%;
        padding: 0.50em;
        background: #555555;
        background: linear-gradient(#666666, #333333) repeat scroll 0 0 #BBBBBB;
        border: 1px solid #BBBBBB;
        color: #FFBD21;
        font-weight: bold;
        text-shadow: 0 0 2px #000;
    }
    .table-list tbody td.title:before
    {
        content: "Bill No: ";
    }

    .table-list tbody td.serial-no:before
    {
        content: "Sr. No: ";
    }
    /*  Hide labels for rank and title */
    .table-list tbody th .ui-table-cell-label, .table-list tbody td.title .ui-table-cell-label, .table-list tbody td.highlight-column .ui-table-cell-label, .table-list tbody td.serial-no .ui-table-cell-label
    {
        display: none;
    }
    /*  Position the title next to the rank, pad to the left */
    .table-list tbody td.title, .table-list tbody td.highlight-column, .table-list tbody td.serial-no
    {
        /*margin-top: -2.1em;         padding-left: 2.2em;*/
        border-bottom: 1px solid rgba(0,0,0,.15);
    }
    /*  Make the data bold */
    .table-list th /*, .table-list td*/ /*, .table-list td*/
    {
        font-weight: bold;
    }
    /* Make the label elements a percentage width */
    .table-list td .ui-table-cell-label, .table-list th .ui-table-cell-label
    {
        min-width: 25%;
        text-align: left !important;
    }
    .table-list td
    {
        text-align: left;
    }
    .ui-table-cell-label
    {
        font-weight: bold;
    }
    /*  Negate the margin between sections */
    .table-list thead, .table-list tbody td.serial-no, .table-list tbody th
    {
        display: none;
    }
    .table-list tr.ui-bar-d td
    {
        width: 100%;
    }
    .table-list tbody th
    {
        margin-top: 0;
        text-align: left;
    }
    .table-list td.display-none, .table-list th.display-none, .table-list tbody th.display-none, .table-list tbody td.display-none, .table-list thead td.display-none, .table-list thead th.display-none
    {
        display: none;
    }
    .table
    {
        margin: 0 auto;
        max-width: 100%;
        width: 90%;
    }
    .msg_date
    {
        clear: left;
        float: left;
        margin-left: 42px;
    }
}
/* Media query to show as a standard table at wider widths */
@media ( min-width: 41em )
{
    .table-list thead th, .table-list tbody th
    {
        background-color: #2fa4e7;
        color: #ffffff;
    }
    .table-list thead th, .table-list tbody th
    {
        margin-top: 0;
        text-align: left;
    }
    /* Show the table header rows */
    .table-list td, .table-list th, .table-list tbody th, .table-list tbody td, .table-list thead td, .table-list thead th
    {
        display: table-cell;
        margin: 0;
    }
    .table-list td.display-none, .table-list th.display-none, .table-list tbody th.display-none, .table-list tbody td.display-none, .table-list thead td.display-none, .table-list thead th.display-none
    {
        display: none;
    }
    /* Hide the labels in each cell */
    .table-list td .ui-table-cell-label, .table-list th .ui-table-cell-label
    {
        display: none;
    }
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 41em )
{
    .table-list td, .table-list th
    {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

ul.shortcut
{
    list-style: none;
    display: block; /*padding-top: 0.7em;*/
    font-size: 11px;
    float: right;
    margin: 0 /*;line-height: 45px*/;
}
ul.shortcut li
{
    display: block;
    float: left;
    text-align: center;
}
ul.shortcut li a
{
    display: block; /*min-width:50px;*/
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    padding: 0 5px; /*background-color:#fff;-moz-box-shadow:1px 1px 2px #f5f5f5;-webkit-box-shadow:1px 1px 2px #f5f5f5;box-shadow:1px 1px 2px #f5f5f5;margin:0 5px 0 5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px*/
}
ul.shortcut li a img
{
    margin: 0 auto;
    display: block;
}
.shortcutmenu li ul li
{
    line-height: 20px;
}
ul.shortcut li .notification
{
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 0 0 #333333;
    background: transparent url('../../../images/zice/bg_notification.png') no-repeat center;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    position: absolute;
    margin-top: -75px;
    margin-left: 40px;
}
.topbar .container .topbar-tools > ul > li > a
{
    font-size: 12px;
}
.topbar .container .topbar-tools > ul > li > a:hover
{
    color: #f90;
}
.dropdown-menu.dropdown-dark::after
{
    top: -11px;
}
.navbar-right .dropdown-menu
{
    top: 49px;
}
/*DROPDOWN FUNCTIONALITY*/
/*set up ul tags*/
.shortcutmenu li ul li
{
    float: none;
}
/*position level 2 links vertically and hide*/
.shortcutmenu li ul
{
    display: none;
    position: absolute; /*  z-index: 1;*/
}
/*unhide level 2 links on li:hover from level 1*/
.shortcutmenu li:hover ul
{
    display: block;
    border: solid 1px #CCC;
    padding-left: 1px;
}
/*.shortcutmenu li:hover ul.sub-menu li span.caret-inner{border-left:solid 10px #CCC transparent;border-right:solid 10px #CCC transparent;}*/
ul.sub-menu li.da-dropdown-caret .caret-inner
{
    border-bottom: 10px solid gainsboro !important;
}
/*DROPDOWN STYLING:*/
.shortcutmenu li ul li a
{
    color: #09F; /*padding: 5px 10px 5px 10px;*/
    word-wrap: nowrap;
    line-height: 30px;
}
.shortcutmenu li ul li a:hover
{
    color: #0CF;
}
.shortcutmenu li ul li
{
    background-color: #FFF;
    margin-left: -1px;
}
.shortcutmenu li ul li:hover
{
    background-color: #fefefe;
}
ul.sub-menu
{
    min-width: 100px;
}


/*  ***************************    CSS MENU CSS    *************************** */
.cssmenu, .cssmenu ul, .cssmenu ul li, .cssmenu ul li a
{
    margin: 0;
    padding: 0; /* border: 0;*/
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cssmenu
{
    width: 100%;
}
.cssmenu ul ul
{
    display: none;
}
.cssmenu .align-right
{
    float: right;
}
.cssmenu > ul > li > a
{
    padding: 15px 15px; /*  border-top: 1px solid #1682ba;*/ /* border-top-color: #2d323e;*/
    cursor: pointer; /* z-index: 2;*/
    font-size: 14px;
    text-decoration: none;
    color: #ffffff; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);*/
}

.cssmenu > ul > li.open > a
{
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
}

.cssmenu > ul > li:last-child > a, .cssmenu > ul > li.last > a
{
    /* border-bottom: 1px solid #1682ba;*/
    border-bottom: 1px solid #2d323e;
}
.holder
{
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}
/*.holder::after, .holder::before*/
.holder::after
{
    display: block;
    position: absolute; /*content: "";*/
    content: "\203A";
    width: 6px;
    height: 6px;
    right: 0;
    z-index: 10;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 30px;
}
.holder::after
{
    top: 16px; /*border-top: 2px solid #ffffff;     border-left: 2px solid #ffffff;*/
}
.cssmenu > ul > li > a:hover > span::after, .cssmenu > ul > li.active > a > span::after, .cssmenu > ul > li.open > a > span::after
{
    border-color: #eeeeee;
}
/*.holder::before
{
    top: 15px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}*/
.cssmenu ul ul li a
{
    cursor: pointer;
    padding: 10px 10px; /* z-index: 1;*/
    text-decoration: none;
    font-size: 12px;
    color: #eeeeee; /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);*/
}
.cssmenu ul ul li a::before
{
    /* content: "\00bb  ";*/
}
.cssmenu ul ul li:first-child > a
{
    box-shadow: none;
}
.cssmenu ul ul ul li:first-child > a
{
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.cssmenu ul ul ul li a
{
    padding-left: 30px;
}
.cssmenu > ul > li > ul > li:last-child > a, .cssmenu > ul > li > ul > li.last > a
{
    border-bottom: 0;
}
.cssmenu > ul > li > ul > li.open:last-child > a, .cssmenu > ul > li > ul > li.last.open > a
{
    border-bottom: 1px solid #32373e;
}
.cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a
{
    border-bottom: 0;
}
.cssmenu ul ul li.has-sub > a::after
{
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.cssmenu ul ul li.active > a::after, .cssmenu ul ul li.open > a::after, .cssmenu ul ul li > a:hover::after
{
    border-color: #ffffff;
}
/*  ***************************    CSS MENU CSS    *************************** */
@media only screen and (min-device-width:300px) and (max-device-width:639px)
{
    .dashboard-panel
    {
        width: 200px;
    }
}
@media only screen and (min-device-width:640px) and (max-device-width:849px)
{
    .dashboard-panel
    {
        width: 275px;
    }
}
@media only screen and (min-device-width:850px) and (max-device-width:1023px)
{
    .dashboard-panel
    {
        width: 375px;
    }
}
@media only screen and (min-device-width:1024px) and (max-device-width:1279px)
{
    .dashboard-panel
    {
        width: 440px;
    }
}
@media only screen and (min-device-width:1280px) and (max-device-width:1360px)
{
    .dashboard-panel
    {
        width: 540px;
    }
    .content-div
    {
        width: 83.5%;
    }
}


/*  ------------  PRIYA -------------------    */
/*
.grid-export
{
    border: 0;
    background: url(../../../images/gridimg/tool_xls.gif) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
}
.grid-reload
{
    border: 0;
    background: url(../../../images/gridimg/tool_reload.gif) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
}
.grid-inline-left
{
    display: inline;
    float: left;
    line-height: 13px;
    vertical-align: middle;
    font-weight: normal;
}
.grid-inline-right
{
    display: inline;
    float: right;
    line-height: 13px;
    vertical-align: middle;
    font-weight: normal;
}
.grid-seperator-left
{
    line-height: 13px;
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: left;
}
.grid-seperator-right
{
    line-height: 13px;
    width: 13px;
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: right;
}
.pg-PagerStyle td table tbody tr td
{
    width: 25px;
    height: 19px;
    font-weight: normal;
    color: #000;
    line-height: 19px;
    vertical-align: middle;
    text-align: center;
}
.pg-PagerStyle td table tbody tr td[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td span
{
    display: block;
    width: 25px;
    height: 19px;
    background: url(../../../images/gridimg/pager_bg_blue.gif) repeat-x center center;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border-left: 1px solid #90bfbc;
    border-right: 1px solid #90bfbc;
}
.pg-PagerStyle td table tbody tr td span[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td a
{
    display: block;
    width: 25px;
    height: 19px;
    font-weight: normal;
    color: #000;
}
.pg-PagerStyle td table tbody tr td a[class]
{
    min-width: 25px;
    width: auto;
}
.pg-PagerStyle td table tbody tr td a:hover
{
    background: url(../../../images/gridimg/pager_bg_mac.gif) repeat-x center center;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}
.PagerStyle td table tbody tr td span, .PagerStyle td table tbody tr td a:hover
{
    background-color: #c2e3f0;
    border: 1px solid #000;
    box-shadow: 1px 1px 2px #cccccc;
    color: #333333;
}
.PagerStyle span, .PagerStyle a
{
    background-color: #fdfdfd;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 1px 2px #f5f5f5;
    color: #999999;
    cursor: pointer;
    margin: 0 0 0 6px;
    padding: 4px 9px;
    position: relative;
}
.grid-export
{
    background: url("../../../images/CssSpriteImage/csg.png") no-repeat scroll -1766px -140px rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 15px;
    width: 15px;
}
*/
/*  ------------  PRIYA -------------------    */

ul.da-dropdown-sub li span
{
    clear: both;
    color: #444444;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    overflow: hidden;
    padding: 3px 22px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img_circle
{
    border-radius: 50%;
}
img.minilogo
{
    margin-right: 5px;
    float: left;
    max-height: 38px;
}
.companyVersion
{
    color: #fff;
    line-height: 50px;
}
.notifications
{
    padding: 0px 10px;
}
blockquote
{
    border-left: 0px;
    color: #fff;
    font-family: 'Open Sans' , 'Roboto' , Trebuchet MS, sans-serif;
    font-size: 12px;
}
#pageslide-left .user-profile
{
    line-height: 3;
}

blockquote.blockquote-css
{
    padding: 0 0 20px 0;
    margin: 20px 0 0 5px;
}
blockquote.blockquote-css:before
{
    left: -0;
    top: -20px;
    content: "\201C";
}
blockquote.blockquote-css:before, blockquote.blockquote-css:after
{
    display: block;
    font-size: 30px;
    position: absolute;
}
blockquote.blockquote-css:after, .breadcrumb-nav, .breadcrumb-nav a
{
    color: #ffffff;
}
blockquote.blockquote-css:after
{
    content: "\201D";
    left: 90%;
}
.white-space-nowrap
{
    white-space: nowrap;
}
.no-padding-l
{
    padding-left: 0 !important;
}
.no-padding-r
{
    padding-right: 0 !important;
}
.no-padding-t
{
    padding-top: 0 !important;
}
.no-padding-b
{
    padding-bottom: 0 !important;
}
.no-padding-lr
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-padding-tb
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.padding-lr-5
{
    padding: 0 !important;
    padding: 0 5px !important;
}
.padding-tb-5
{
    padding: 0 !important;
    padding: 5px 0 !important;
}
.padding-b-5
{
    padding: 0 !important;
    padding-bottom: 5px !important;
}
.padding-2
{
    padding: 2px;
}
.padding-lr-10
{
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.padding-tb-10
{
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-10
{
    padding: 10px;
}
.padding-lr-15
{
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.padding-tb-15
{
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-15
{
    padding: 15px;
}
.no-margin-l
{
    margin-left: 0 !important;
}
.no-margin-r
{
    margin-right: 0 !important;
}
.no-margin-lr
{
    margin-left: 0;
    margin-right: 0;
}
.no-margin-tb
{
    margin-top: 0;
    margin-bottom: 0;
}

.margin-lr-5
{
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
}
.margin-tb-5
{
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}
.CompletionListCssClass
{
    background: #ffffdf;
    border: 1px solid #d6d6d6;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    max-height: 240px;
    overflow-y: auto;
    z-index: 10000;
    min-width: 170px;
    text-align: left;
    width: auto !important;
    padding: 0;
}
.CompletionListItemCssClass
{
    font-weight: normal;
    padding: 3px;
    list-style: none;
    white-space: nowrap;
}
.CompletionListHighlightedItemCssClass
{
    background: #244c80;
    font-weight: normal;
    color: #fff;
    padding: 3px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
}
.CompletionProgress
{
    background: url(../../../images/indicator.gif) no-repeat;
    background-position: right 50%;
}
.bold, .bold-text
{
    font-weight: bold;
}
.black-text
{
    color: #000 !important;
}
.white-text
{
    color: #fff !important;
}
.golden-text
{
    color: #fc0 !important;
}
ol.breadcrumb span.breadcrumb-a-span, .breadcrumb > li + li::before, ol.breadcrumb span.breadcrumb-span
{
    font-size: 16px;
    font-weight: normal; /*color: #f00;*/
}
ol.breadcrumb span.breadcrumb-span
{
    color: #fff;
}
a.dotted
{
    text-decoration: underline dotted !important;
}
a.dotted:hover
{
    text-decoration: none !important;
    color: #a94442;
}
.no-bg
{
    background: none !important;
    background-color: transparent !important;
}
.clear-both
{
    clear: both !important;
}
.img-align-center
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.text-purple
{
    color: #551A8B;
}
.btn-dark-green
{
    background-color: #1BA593;
    border-color: #1BA593;
    color: #fff;
}
.label-small
{
    font-size: 85%;
    font-weight: 600;
    padding-bottom: 3px;
    padding-top: 3px;
    word-wrap: break-word;
}
a.white
{
    color: #fff;
}

a.white:hover
{
    color: #ff9966;
    text-decoration: underline dotted !important;
}
a.orange
{
    color: #ff9966;
}

a.orange:hover
{
    color: #fff;
    text-decoration: underline dotted !important;
}
.overflow-auto
{
    overflow: auto;
}
.overflow-hidden
{
    overflow: hidden;
}
blockquote footer, blockquote small, blockquote .small
{
    background-color: transparent;
    height: auto;
}
.large-font
{
    font-size: large;
}
.small-font
{
    font-size: small;
}
.smaller-font
{
    font-size: smaller;
}

.important, .errmsg
{
    color: Red;
    padding: 5px;
}

html, body, h1, h2, h3, h4, h5, h6, td, label, textarea, select, select.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-group, .panel-white, .partition-white
{
    color: #333;
    font-family: 'Open Sans' , 'Roboto' , Trebuchet MS, sans-serif;
}
select, select.form-control
{
    padding: 6px 2px;
}
select[multiple]
{
    font-size: 12px;
}
.panel-title, .panel-title span, ul.main-navigation-menu > li a, #pageslide-left .slide-tools div span
{
    color: white;
    font-family: 'Roboto' , Trebuchet MS, sans-serif;
}
/*ul.main-navigation-menu a.selected span.selected
{
    text-decoration:underline
}*/
ul.main-navigation-menu span.selected::before
{
    content: "\BB\A0\A0";
    text-decoration: none;
}
ul.main-navigation-menu a.selected span.selected, span.logged-member-name
{
    background: none !important;
    background-color: transparent !important;
}
#pageslide-left .slide-tools div span, #pageslide-left .slide-tools div a, #pageslide-left .slide-tools div i
{
    font-size: 12px;
}
.table-responsive table.table.tree-view
{
    border-spacing: 5px;
    border-collapse: separate;
}
.table-condensed:hover > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td
{
    padding: 3px 5px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
    border-color: #eee;
}
td.table-header
{
    /*font-weight: bold;*/
    white-space: nowrap;
}
.blockMsg
{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
h3.waiting-msg-h3
{
    margin: 0;
}

/***
Responsive & Scrollable Tables
***/
.table-scrollable
{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    margin: 10px 0 !important;
}
.table-scrollable.table-scrollable-borderless
{
    border: 0;
}
.table-scrollable > .table
{
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0;
    background-color: #fff;
}
.table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > td
{
    white-space: nowrap;
}
.table-scrollable > .table-bordered
{
    border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child
{
    border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child
{
    border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > td
{
    border-bottom: 0;
}

.dynDivAnchor
{
    position: absolute;
    right: -12px;
    top: -9px;
}

.errorcontainer
{
    color: brown;
    background: #fff;
    border-radius: 50%;
}
/*#ctl00_lblUserNameMenu
{
    color: #ff9900;
}
.cssmenu ul li a span
{
    color: White;
}*/
ul.main-navigation-menu li ul.sub-menu li a
{
    padding: 10px;
    padding-left: 40px;
}
/*
.cssmenu ul li a span.selected
{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #f0f0f0;
    border-top: 12px solid transparent;
    display: block;
    float: right;
    height: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
}
ul.main-navigation-menu li ul.sub-menu li a span.selected
{
    top: 4px;
}
*/
/*ul.main-navigation-menu li a span
{
    color: White;
}*/
.login .box-login, .login .box-forgot, .login .box-forgot2, .login .box-register
{
    box-shadow: 0 1px 2px #c3c3c3;
}
.topbar
{
    background: #22262f;
    -webkit-box-shadow: 0px 4px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 1px 0px rgba(0,0,0,0.5);
}
.topbar-tools-container
{
    border-bottom: 3px solid #894550;
}
#pageslide-left
{
    z-index: 191;
}
#pageslide-left .user-profile
{
    min-height: 47px;
    max-height: 100px;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
footer .footer-inner
{
    padding: 0 10px;
}
.topbar, .topbar .container .navbar-header .sb-toggle-left
{
    min-height: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.notification-text
{
    white-space: normal !important;
    overflow: visible !important;
    padding: 0 5px !important;
    margin: 0 !important;
}
.notification-date
{
    color: #980000 !important;
    font-size: 10px !important;
    padding: 0 5px !important;
    margin: 0 !important;
}
.notification-empty
{
    color: #666666;
    font-size: 10px;
    text-align: center;
    padding: 10px;
}
.notification-li
{
    border-bottom: 1px solid #CACACA;
}
h2.page-title
{
    line-height: 40px;
}
.panel-heading
{
    min-height: 30px;
    padding: 8px;
}
.notifications a
{
    padding: 3px;
}
.avatar
{
    height: 32px;
    width: 32px;
    border-width: 0px;
    margin-top: -3px;
}
.topbar .container .topbar-tools > ul > li.current-user .dropdown-toggle, .topbar .container .topbar-tools > ul > li.right-menu-toggle a
{
    height: 40px;
    line-height: 40px;
    margin: 0;
}
.topbar .container .topbar-tools > ul > li.right-menu-toggle .badge
{
    left: 25%;
    top: 27%;
}
.main-container .container > .row, .main-container .container #ajax-content > .row
{
    padding-left: 20px;
}
a.closedbar
{
    height: 40px;
}
.panel-heading[data-toggle='collapse']
{
    cursor: pointer;
}
.collapsible-img
{
    padding: 5px 10px;
    float: right;
}
a
{
    color: #f00;
    cursor: pointer;
}
a:hover, a:focus, a:active
{
    color: #e66b6b;
}
a.underline
{
    text-decoration: underline !important;
}
a.underline:hover
{
    text-decoration: none !important;
}
.panel-title a:hover, .panel-title a:focus, .panel-title a:active
{
    color: #fff;
}
.panel-heading .accordion-toggle:after
{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
}
.panel-heading .accordion-toggle.collapsed:after
{
    content: "\e080";
}
.no-box-shadow
{
    -moz-box-shadow: 0 0 0 #efefef;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
}
.no-text-shadow
{
    -moz-text-shadow: 0 0 0 #fff;
    -webkit-text-shadow: 0 0 0 #fff;
    text-shadow: 0 0 0 #fff;
}
.main-container
{
    background-color: transparent !important;
}
.main-container .main-content
{
    /*background: #f0f0f0 none repeat scroll 0 0;*/
    background: none;
    margin-top: 41px;
}
body
{
    background-color: #f0f0f0;
}
@media (min-width: 768px) and (max-width: 1024px)
{
    h3.waiting-msg-h3
    {
        font-size: 150%;
    }
    .company-logo
    {
        width: 95%;
    }
}

@media (max-width: 768px)
{
    .company-logo
    {
        margin-left: 36px;
    }
    .company-logo span
    {
        font-size: 140% !important;
        float: right;
    }
    h2.page-title
    {
        font-size: 150%;
    }
    .large, .medium, .panel-title
    {
        font-size: 110%;
    }
}

@media (max-width: 980px)
{
    .main-container .main-content
    {
        margin-top: 1px;
    }
}
@media (min-width: 320px) and (max-width: 480px)
{
    h3.waiting-msg-h3
    {
        font-size: 135%;
    }
    .break-480, .break-480-title
    {
        float: left;
        clear: both;
    }
    .break-480-title
    {
        margin-top: 5px;
    }
    .breaking-news-title, .breaking-news
    {
        clear: both;
    }
    .breaking-news
    {
        float: left;
        clear: both;
    }
}