﻿.asterisk, .errorMessage
{
    color: #ff0000;
    padding-left: 5px;
}

/*trungtq:  Messages */
.infoMessages, .successMessages, .warnMessages, .errorMessages
{
    border: 1px solid;
    margin: 10px 0px;
    padding: 7px 10px 7px 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.successMessages
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/Images/Message/accept.gif');
}
.infoMessages
{
    border: 1px solid #c3ced2;
    background-color: #e5f3ff;
    background-image: url('/Images/Message/information.gif');
}
.warnMessages
{
    border: 1px solid #f0c000;
    background-color: #ffffce;
    background-image: url('/Images/Message/error.gif');
}
.errorMessages
{
    border: 1px solid #cc0000;
    background-color: #ffdddc;
    background-image: url('/Images/Message/exclamation.gif');
}
.closeImage
{
    cursor: pointer;
    float: right;
}

/* GridView */
.gvHeader th
{
    padding: 0;
    background-color: #DDEECC;
    border: 1px solid #bbb;
    text-align: center;
}
.gvRow td
{
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #bbb;
}
.gvAltRow td
{
    padding: 0;
    background-color: #f1f1f1;
    border: 1px solid #bbb;
}

.gvHeader th:first-child
{
    display: none;
}
.gvRow td:first-child
{
    display: none;
}

.gvRow td a
{
    text-decoration:none;
    color:#333;
}

.readmore-js-toggle
{
  text-align:right;    
  color:#368EE0 !important;
}

/*------------------------------ MENU -------------------------------------------------------------*/
.dropdown-header
{
    color: #2083D6;
    margin-top: 6px;
    padding-left: 0;
    cursor: pointer;
}
.dropdown-header i
{
    font-size: 14px;
    margin-right: 4px;
    vertical-align: middle;
}

.dropdown-menu > li > ul > li > a
{
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu > li > ul > li > a:focus, .dropdown-menu > li > ul > li > a:hover
{
    background-color: #2391ed;
    background-image: none;
    color: #FFF;
    text-decoration: none;
}

.dropdown-menu
{
    background-clip: none;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);
}

col-menu-2 > li > ul > li
{
    list-style: none outside none;
}
.col-menu-2
{
    min-width: 790px;
    padding-bottom: 10px;
    padding-top: 7px;
}
.col-menu-2 > li:first-child ul
{
    border-right: 1px solid #E8E8E8;
}
.col-menu-2 > li > ul > li a
{
    padding-left: 20px;
    padding-right: 5px;
}
.col-menu-2 > li > ul
{
    padding: 0;
}
.col-menu-2 > li > ul > li
{
    list-style: none;
}

.col-sm-6
{
    width: 50%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{
    float: left;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{
    min-height: 1px;
    padding-left: 5px;
    padding-right: 15px;
    position: relative;
}


.dropdown-menu
{
    font-size: 14px;
    list-style: none outside none;
}

.no-padding
{
    padding: 0 !important;
}


.iconSize
{
    font-size: 20px;
    text-decoration: none;
}


/*--------------------------NOTIFICATION----------------------------------------*/

.dropdown-menu.extended
{
    max-width: 400px;
    min-width: 300px;
    padding: 5px;
    width: 300px;
}

.dropdown-menu.extended li:last-child, .dropdown-menu.extended li.title
{
    border-bottom: 0 none;
}
.dropdown-menu.extended li p
{
    background-color: #000000;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 6px 15px;
}

.dropdown-menu.extended li a
{
    font-size: 12px;
    padding: 10px;
    white-space: normal;
}

.dropdown-menu.extended li .label
{
    display: inline-block;
    padding: 7px;
    text-align: center;
    width: 24px;
}

.dropdown-menu.extended li .message
{
    padding: 7px;
}

.dropdown-menu.extended li a
{
    font-size: 12px;
    white-space: normal;
}
.dropdown-menu > li > a
{
    color: #333333;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
}

.dropdown-menu.extended li .time
{
    color: #ADADAD;
    font-size: 11px;
    font-style: italic;
    padding-top: 3px;
    position: relative;
    left: 5px;
}

.dropdown-menu.extended li .btn-edit
{
    color: #ADADAD;
    font-size: 11px;
    font-style: italic;
    padding-top: 3px;
    position: absolute;
    right: 5px;
}



/*trungtq: Pager control
-----------------------------------------------------------------*/
tr.client-pager
{
    text-align: right !important;
}

tr.client-pager td
{
    padding: 4px !important;
    text-align: right !important;
    border: none !important;
}


tr.client-pager td:first-child
{
    display: block;
}

tr.client-pager td table td:first-child
{
    display: block;
}


tr.client-pager table
{
    text-align: right !important;
}

tr.client-pager a
{
    text-decoration: none;
}
tr.client-pager td a
{
    background-color: #eee;
    cursor: pointer;
    margin-right: 5px;
    padding: 3px 8px;
    text-decoration: none;
    color: #333333;
}
.client-pager td a:hover
{
    background-color: #368EE0;
    color: #FFFFFF;
}

tr.client-pager span
{
    background-color: #368EE0 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    margin-right: 5px !important;
    padding: 3px 8px !important;
}
