/* Essentials */

html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;   
} 

html, body {margin: 0; padding: 0;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;background:#fff;font-size: 14px;}
a:link, a:visited {color: #77BACE;text-decoration: none;}
a:hover {text-decoration: underline;}

/* Header */

#header {height: 55px;width: 100%;background: #2e4a80;position:fixed; top:0px;}
#header h2 {text-align:center;color:#fff;text-transform:uppercase;line-height:55px;margin:0px;font-weight:500;font-size:20px;}
.btn_view_site {float: left;width: 9%;}
.btn_view_site a {display: block;margin-top: 12px;width: 91px;height: 27px;background: url(../images/btn_view_site.png) no-repeat;text-align: center;line-height: 29px;color: #fff;text-decoration: none;text-shadow: 0 -1px 0 #000;}
.btn_view_site a:hover {background-position: 0 -27px;}

/* Secondary Header Bar */

section#secondary_bar {height: 38px;width: 100%;background: #F1F1F4 url(../images/secondary_bar.png) repeat-x;}
section#secondary_bar .user {float: left;width: 23%;height: 38px;}
.user p {margin: 0;padding: 0;color: #666666;font-weight: bold;display: block;float: left;width: 85%;height: 35px;line-height: 35px;text-indent: 25px;text-shadow: 0 1px 0 #fff;background: url(../images/icn_user.png) no-repeat center left;margin-left: 6%;}
.user a {text-decoration: none;color: #666666}
.user a:hover {color: #77BACE;}
.user a.logout_user {float: left;display: block;width: 16px;height: 35px;text-indent: -5000px;background: url(../images/icn_logout.png) center no-repeat;}

/* Breadcrumbs */

section#secondary_bar .breadcrumbs_container {float: left;width: 77%;background: url(../images/secondary_bar_shadow.png) no-repeat left top;height: 38px;}
article.breadcrumbs {float: left;padding: 0 10px;border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
height: 23px;
margin: 4px 3%;
}
.breadcrumbs a {display: inline-block;float: left;height: 24px;line-height: 23px;}
.breadcrumbs a.current, .breadcrumbs a.current:hover {color: #9E9E9E;font-weight: bold;text-shadow: 0 1px 0 #fff;text-decoration: none;}
.breadcrumbs a:link, .breadcrumbs a:visited {color: #44474F;text-decoration: none;text-shadow: 0 1px 0 #fff;font-weight: bold;}
.breadcrumbs a:hover {color: #222222;}
.breadcrumb_divider {display: inline-block;width: 12px;height: 24px;background: url(../images/breadcrumb_divider.png) no-repeat;float: left;margin: 0 5px;}
.mobile-btn{display:none; position:absolute; right:0px; top:3px; z-index:100;}
.mobile-btn button{ border:1px solid rgba(255,255,255, .5) !important; cursor:pointer;}
.mobile-btn button:hover { border:1px solid rgba(255,255,255, 1.0) !important;}
/* Sidebar */

aside#sidebar {width:250px;background: #E0E0E3;left:0px;position:fixed;top:55px;height:100%;z-index:100;border-right:1px solid #ccc;box-sizing:border-box;}
.logo {border-bottom:1px solid #bbb;padding:5px 10px;}
/*.logo img{width:90px;height:90px;border-radius:50%;border:1px solid #999;vertical-align:middle;}*/
    .logo img {
        width: 90px;
        height: 90px;
        border-radius: 50%;        
        vertical-align: middle;
    }
.nav-detail {padding:10px;}

/* Search */

.quick_search {text-align: center;padding: 14px 0 10px 0;}
.quick_search input[type=text] {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #bbb;
height: 26px;
width: 90%;
color: #ccc;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
text-indent: 30px;
background: #fff url(../images/icn_search.png) no-repeat;
background-position: 10px 6px;
}

.quick_search input[type=text]:focus {outline: none;color: #666666;border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}

/* Sidebar Menu */

#sidebar h3 {text-transform: uppercase;font-size: 13px;color:#122b6d;font-weight:600;margin-top:20px;}
#sidebar h3 i {font-size:15px;color:#0e65b8;margin-right:5px;}
.toggleLink {color: #999999;font-size: 10px;text-decoration: none;display: block;float: right;margin-right: 2%}
#sidebar .toggleLink:hover {color: #77BACE;text-decoration: none;}
#sidebar ul {border-bottom: 1px dotted #bbb;clear: both;margin: 0;padding-bottom: 10px;padding-left:22px;}
#sidebar li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #087a92;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}
    #sidebar li a {
        color: #666666;
        padding-left: 25px;
        text-decoration: none;
        display: inline-block;
        height: 17px;
        line-height: 17px;
        text-shadow: 0 1px 0 #fff;
        margin: 2px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
#sidebar li a:hover {color: #444444;overflow:visible;}

/* Sidebar Icons */

#sidebar li.icn_new_article a {background: url(../images/icn_new_article.png) no-repeat center left; overflow:hidden;text-overflow:ellipsis;}
#sidebar li.icn_edit_article a {background: url(../images/icn_edit_article.png) no-repeat center left;}
#sidebar li.icn_categories a {background: url(../images/icn_categories.png) no-repeat center left;}
#sidebar li.icn_tags a {background: url(../images/icn_tags.png) no-repeat center left;}
#sidebar li.icn_add_user a {background: url(../images/icn_add_user.png) no-repeat center left;}
#sidebar li.icn_view_users a {background: url(../images/icn_view_users.png) no-repeat center left;}
#sidebar li.icn_profile a {background: url(../images/icn_profile.png) no-repeat center left;}
#sidebar li.icn_folder a {background: url(../images/icn_folder.png) no-repeat center left;}
#sidebar li.icn_photo a {background: url(../images/icn_photo.png) no-repeat center left;}
#sidebar li.icn_audio a {background: url(../images/icn_audio.png) no-repeat center left;}
#sidebar li.icn_video a {background: url(../images/icn_video.png) no-repeat center left;}
#sidebar li.icn_settings a {background: url(../images/icn_settings.png) no-repeat center left;}
#sidebar li.icn_security a {background: url(../images/icn_security.png) no-repeat center left;}
#sidebar li.icn_jump_back a {background: url(../images/icn_jump_back.png) no-repeat center left;}
#sidebar p {color: #666666;padding-left: 6%;text-shadow: 0 1px 0 #fff;margin: 10px 0 0 0;}
#sidebar a {color: #666666;text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar footer {margin-top: 20%;}

/* Main Content */

#main {margin-left:280px;margin-right:20px; margin-top:90px;}
.recipient h3 {color: #122b6d;text-transform: uppercase;margin: 8px 0px;font-size:17px;font-weight:600;}
.recipient #dvCommonAccessCodec {padding-top:5px;}
.recipient input[type=checkbox] {margin-right:5px; margin-top:2px;}

/* Modules */

.recipient {height:46px;background:#d6dbde;
-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;
padding:7px 15px;
box-sizing:border-box;
margin-top:20px;
}
footer {height: 32px;width: 100%;border-top: 1px solid #9CA1B0;background: #F1F1F4 url(../images/module_footer_bg.png) repeat-x;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
.module_content {margin: 10px 20px;color: #666;}
/* Module Widths */

.width_half {width: 46%;margin-right: 0;float: left;}
.width_quarter {width: 26%;margin-right: 0;float: left;}
.width_3_quarter {width: 66%;margin-right: 0;float: left;}

/* Stats Module */

.stats_graph {width: 64%;float: left;}
.stats_overview {background: #F6F6F6;border: 1px solid #ccc;float: right;width: 26%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.overview_today, .overview_previous {width: 50%;float: left;}
.stats_overview p {margin: 0; padding: 0;text-align: center;text-transform: uppercase;text-shadow: 0 1px 0 #fff;}
.stats_overview p.overview_day {font-size: 12px;font-weight: bold;margin: 6px 0;}
.stats_overview p.overview_count {font-size: 26px;font-weight: bold;color: #333333;}
.stats_overview p.overview_type {font-size: 10px;color: #999999;margin-bottom: 8px}

/* Content Manager */

.tablesorter tr td:first-child {border-left:1px solid #ddd;}	
.tablesorter tr td:last-child {border-right:1px solid #ddd;}	
.tablesorter tr:nth-child(1){background:#5D7B9D !important;color:#fff !important;} 
.tablesorter tr:nth-child(2n+1){background:#f7f6f3}
.tablesorter th {padding:12px 8px;text-transform:uppercase;border:none;}
.tablesorter th + th + th, .tablesorter td + td + td{text-align:center;}
.tablesorter td{padding:8px;border-bottom: 1px solid #ddd;}
.tablesorter thead tr {height: 34px;background: url(../images/table_sorter_header.png) repeat-x;text-align: left;text-indent: 10px;cursor: pointer;}
.tablesorter thead tr:nth-child(2n) { background:#f7f6f3;}
.add-btn input[type="button"], .add-btn input[type="submit"]{background:#1a62a0;color:#fff;text-transform:uppercase;border:medium none;border-radius:2px;padding:10px 15px;cursor:pointer;}
.add-btn input[type="button"]:hover, .add-btn input[type="submit"]:hover {background:#163652;}
ul.tabs {margin: 3px 10px 0 0;padding: 0;float: right;list-style: none;	height: 24px; /*--Set height of tabs--*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}
ul.tabs li {float: left;margin: 0;padding: 0;line-height: 24px;}
ul.tabs li a {text-decoration: none;color: #999;display: block;	padding: 0 10px;height: 24px;}
ul.tabs li a:hover {color: #44474F;}
ul.tabs li.active a {color: #44474F;}
ul.tabs li.active, html ul.tabs li.active a:hover {background: #F1F2F4;
	-webkit-box-shadow: inset 0 2px 3px #818181;
	-moz-box-shadow: inset 0 2px 3px #818181;
	box-shadow: inset 0 2px 3px #818181;
}
ul.tabs li:first-child, html ul.tabs li:first-child a  {
	-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
ul.tabs li:last-child, html ul.tabs li:last-child a  {
	-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}

/* Messages */

.message {border-bottom: 1px dotted #cccccc;}
input[type=submit].alt_btn:hover {color: #001217;}
input[type=submit].btn_post_message {background: #D0D1D4 url(../images/post_message.png) no-repeat;display: block;width: 37px;border: none;height: 24px;cursor: pointer;text-indent: -5000px;}
input[type=submit].btn_post_message:hover {background-position: 0 -24px;}
.post_message {text-align: left;padding: 5px 0;}
.post_message input[type=text] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
height: 20px;
width: 70%;
color: #ccc;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
text-indent: 10px;
background-position: 10px 6px;
float: left;
margin: 0 3.5%;
}
.post_message input[type=text]:focus {outline: none;border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
color: #666666;
}
.post_message input[type=image] {float: left;}
.message_list {height: 250px;overflow-x:hidden;overflow-y: scroll;}

/* New/Edit Article Module */

fieldset {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F6F6F6;
border: 1px solid #ccc;
padding: 1% 0%;
margin: 10px 0;
}

fieldset label {display: block;float: left;width: 200px;height: 25px;line-height: 25px;text-shadow: 0 1px 0 #fff;font-weight: bold;padding-left: 10px;margin: -5px 0 5px 0;text-transform: uppercase;}
fieldset input[type=text] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
height: 20px;
color: #666666;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
padding-left: 10px;
background-position: 10px 6px;
margin: 0;
display: block;
float: left;
width: 96%;
margin: 0 10px;
}
fieldset input[type=text]:focus {outline: none;border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
fieldset select {width: 96%;margin: 0 10px;border: 1px solid #bbb;height: 20px;color: #666666;}
fieldset textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
color: #666666;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
padding-left: 10px;
background-position: 10px 6px;
margin: 0 0.5%;
display: block;
float: left;
width: 96%;
margin: 0 10px;
}
fieldset textarea:focus {outline: none;border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
.submit_link {float: right;margin-right: 3%;padding: 5px 0;}
.submit_link select {width: 150px;border: 1px solid #bbb;height: 20px;color: #666666;}
#main .module_content h1 {color: #333333;text-transform: none;text-shadow: 0 1px 0 #fff;font-size: 22px;margin: 8px 0px;}
#main .module_content h2 {color: #444444;text-transform: none;text-shadow: 0 1px 0 #fff;font-size: 18px;margin: 8px 0px;}
#main .module_content h3 {color: #666666;text-transform: uppercase;text-shadow: 0 1px 0 #fff;font-size: 13px;margin: 8px 0px;}
#main .module_content h4 {color: #666666;text-transform: none;text-shadow: 0 1px 0 #fff;font-size: 13px;margin: 8px 0px;}
#main .module_content li {line-height: 150%;}

/* Alerts */

#main h4.alert_info {margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#B5E5EF;
border: 1px solid #77BACE;
color: #082B33;
padding: 10px;
font-size: 12px;
}
#main h4.alert_info i{font-size:18px; margin-right:5px;}
#main h4.alert_warning {display: block;width: 95%;margin: 20px 3% 0 3%;margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(../images/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 12px;}
#main #dvError h4 {display: block;margin: 20px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F3D9D9;
border: 1px solid #D20009;
color: #7B040F;
padding: 10px 15px;
font-size: 12px;}
#main h4.alert_success {display: block;width: 99%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E2F6C5 url('../images/icn_alert_success.png') no-repeat 10px 10px;
border: 1px solid #79C20D;
color: #32510F;
padding: 10px 0;
text-indent: 40px;
font-size: 12px;
    margin-left: 0%;
    margin-right: 3%;
    margin-bottom: 0;
}
#Panel1 {padding:0px 1px; overflow-x:auto;}
.noborder{border:medium none !important;}
.form-box {background:#f9f9f9;overflow:hidden;box-shadow:0px 0px 10px 0px #999;border-radius:10px;box-sizing:border-box;padding:20px;margin:5% auto;max-width:900px;}
.form-box h3 {color:#122b6d;text-transform:uppercase;font-size:20px;font-weight:600;}
.form-box h4 {color:#087a92;font-size:14px;font-weight:600;}
.form-box td {padding:6px;}
.form-box textarea {width:100%;height:100px;} 
.border-bottom {border-bottom:1px solid #dddddd;}
#pnlmain table #rdnewsigningorder, #pnlmain #rdnewsigningorder_DropDown {width:100% !important;}
.editimg{width:18px; height:18px;}

@media screen and (max-width: 991px){
    .mobile-btn {display:block;}
    aside#sidebar {margin-left:-100%;}
    #main {margin-left:20px;}
}