/*Pagination*/

.paginate{width:700px; height:45px; padding:14px; text-align:center; line-height:45px; margin:30px auto}

.black_link
{
font-family:Arial;
height:32px;
text-decoration:none;
color:black;
width:32px;
font-size:14px;
padding:2px;
text-align:center;
margin:2px;
border:1px solid #666666;
direction:ltr;
background-color:#333333;
border-radius:5px;
color:#FFFFFF;
}
.bag
{ 
font-family:Tahoma;
height:32px;
width:32px;
color:red;
padding:2px;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
border:1px solid #333333;
direction:ltr;
border-radius:5px;
margin-right:8px;
}
.black_link:hover
{
font-family:Arial;
height:32px;
text-decoration:none;
color:black;
width:32px;
font-size:14px;
padding:2px;
text-align:center;
margin:2px;
border:1px solid #666666;
direction:ltr;
background-color:#00CCFF;
border-radius:5px;
color:#000000;
}

/*Pagination End */

/*///////////////////// JQuery ToolTip///////////////////////////////////*/

.ui-tooltip, .arrow:after {
background: black;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

.modal-padding-0{ padding:0!important;}
.modal-dialog-top-margin{ margin-top:80px!important}
.modal-close-button{float:right!important; margin-top:-15px!important; width:32px!important; height:32px!important; font-size:20px!important; padding:4px!important; background-color:#000000!important; color:#FFFFFF!important; border-radius:100%!important;}
.modal-content-me{padding:0!important; background-color:transparent!important; border:0!important; box-shadow:none!important}
.modal-body-padding-0{ padding:0!important}
.modal-iframe{ width:100%!important;}


.simpleColorChooser{ z-index:10000!important; width:320px!important; border:5px solid #CCCCCC!important; }
.simpleColorCell{ width:16px!important; height:16px!important;}

.admin-alert{color:#FFFFFF; font-size:28px; font-weight:bold; float:right; text-align:center; margin:10px; text-decoration:none; cursor:pointer}
.admin-alert-cnt{ width:26px; height:26px; text-align:center; background-color:#FF0000; position:absolute; border-radius:4px; line-height:24px; color:#FFFFFF; font-weight:bold; cursor:pointer}
#admin-alert-box{z-index:10000;width:400px; height:500px; margin-top:50px; position:absolute; background-color:#FFFFFF; right:200px; border:4px solid #CCCCCC; float:left; overflow:auto; padding:8px; display:none;}
.admin-alert-li{ width:100%; float:left; min-height:40px; margin-bottom:5px; background-color:#EEEEEE; border:1px solid #E8E8E8; color:#000000; padding:7px; border-radius:5px; text-align:left; font-size:12px; line-height:normal!important; cursor:pointer}
.admin-alert-li a{ color:#333333; text-decoration:none}

.info-success {
color: #4F8A10;
background-color: #DFF2BF;
min-height:40px; 
font-size:16px;;
font-family:Arial; 
border:1px solid #4F8A10;
display: table-cell;
vertical-align: middle;
padding:8px;
margin-bottom:10px;
float:left
}
.info-error {
color: #D8000C;
background-color: #FFBABA;
min-height:40px; 
font-size:16px;;
font-family:Arial; 
border:1px solid #D8000C;
display: table-cell;
vertical-align: middle;
padding:8px;
margin-bottom:10px;
float:left
}

.info {
color: #00529B;
background-color: #BDE5F8;
min-height:40px; 
font-size:16px;;
font-family:Arial; 
border:1px solid #00529B;
display: table-cell;
vertical-align: middle;
padding:8px;
margin-bottom:10px;
float:left
}

.page-header{ 
min-height:40px; 
float:left;
vertical-align: middle;
padding:8px;
font-family:Arial;
text-align:left;
border-bottom:1px solid #E8E8E8;
width:100%;
}
.page-header h5{ font-size:26px;}

.note_panel{ width:100%; float:left; height:400px; overflow:auto; padding:10px; border:1px solid #EAEAEA; box-shadow:10px 10px 10px #CCCCCC}
.note_input_panel{ width:100%; float:left; margin-top:40px}
.noteMe{ width:75%; font-size:14px; float:right; background-color:#DCF2FA; min-height:40px; padding:8px;; color:#3C4147; margin-bottom:12px; border-radius:5px; }
.noteYou{ width:75%; font-size:14px; float:right; background-color:#BFE9F9; min-height:40px; padding:8px;; color:#3C4147; margin-bottom:12px; border-radius:5px;margin-right:60px;}
.noteDate{ float:right; font-size:12px; color:#000000}
/* Jquery ToolTip End */


.pagination {
    text-align:center;
    color:#829994;
}
.pagination li {
    display:inline;
    padding:0 3px;
}
.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
.pagination a:hover, 
.pagination a.current {
    background:#0d7963;
    color:#fff; 
}
.page_info{ padding:10px; border-radius:5px; color:#003300; margin-left:10px;}