@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@charset "utf-8";
/*Reset css 
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*End Reset css 
---------------------------------------*/

/* clearfix 
--------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/*End clearfix css 
---------------------------------------*/
a { color:#555; text-decoration:none }
a:hover { text-decoration:none; color:#999999; }
a:focus, input:focus, button:focus, textarea:focus, textarea, input { margin:0; padding:0; outline:none; }
a, input, select, button, :focus { outline:none; margin:0; padding:0 }
input, select, button { appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ }
img { vertical-align:top; border:0 }
input, select, a img { vertical-align:top; }
textarea { resize:none }
::-moz-placeholder {color: #797979;opacity: 1;}
/*Float css 
---------------------------------------*/
.fl { float:left }
.fr { float:right }
.fn { float:none }
/*End Float css 
---------------------------------------*/

/*Typography
--------------------------------------------------------------------*/

@font-face { font-family: "FontAwesome"; font-style: normal; font-weight: normal; src: url('../fonts/fontawesome-webfont.eot') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff') format("woff"), url('../fonts/fontawesome-webfont.ttf') format("truetype"), url('../fonts/fontawesome-webfont.svg') format("svg"); }
body { font-family: Verdana,'Open Sans', sans-serif; font-size:13px; line-height:18px; font-weight:400; color:#393939; }
p { padding:0 0 10px 0; }
h1 { color: #989898; font-size: 24px; font-weight:300; line-height:34px; padding-bottom:20px; }
h2 { }
h3 { font-size: 20px; font-weight:300; color: #989898; padding-bottom:10px; line-height:24px; }
h4 { font-size: 14px; font-weight:300; color: #6E6E6E; padding-bottom:10px; line-height:20px; }
#header h3 { padding-bottom:0 }
/*End Typography
--------------------------------------------------------------------*/

/*Branding
--------------------------------------------------------------------*/
html, body { background:#e1e1e1; }
#cboxContent { background:#fff; }
#wrapper { width:980px; margin:0 auto; }
#header { background:#eeeeee; padding:10px; color:#7f7f7f }
#logo { display:inline-block; }
#logo a { text-indent:-99999px; display:block; background:url(../img/companyName_logo.png) no-repeat; }
/*main content
--------------------------------------------------------------------*/

/*Breadcrumb
--------------------------------------------------------------------*/
.breadcrumbs {font-family: 'Montserrat', sans-serif; overflow:auto; background: #d9d9d9; border: 1px solid #E5E5E5; display: block; line-height: 40px; min-height: 40px; padding: 0 12px; position: relative; }
.breadcrumb > li, .breadcrumb > li.active { color: #666; font-weight:bold; }
.breadcrumb { color: #666; line-height: 40px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { color: #666; content: ""; font-family: Verdana; font-size: 14px; margin-right: 2px; padding: 0 5px 0 2px; position: relative; top: 1px; }
.breadcrumb > li > a { color: #a7ce38; display: inline-block; padding: 0 4px; line-height: 40px; }
.breadcrumb > li i { line-height:40px; font-size:18px; verticle-align:top; color:#4E5457 }
.icon-home:before { content: ""; }
.icon-search:before { content: ""; }
.nav-search { line-height: 24px; position: absolute; right: 22px; top: 6px; }
 .input-icon > [class*="fa-"] {
bottom: 1px;
color: #909090;
display: inline-block;
font-size: 16px;
left: 3px;
line-height: 28px;
padding: 0 3px;
position: absolute;
top: 1px;
z-index: 2;
}
.nav-search .nav-search-icon { color: #6FB3E0 !important; font-size: 14px !important; line-height: 24px !important; }
.nav-search-icon { border: 0 none; border-radius: 0; padding: 0 3px !important; }
.input-icon { position: relative; }
.nav-search .nav-search-input { border: 1px solid #6FB3E0; border-radius: 4px !important; color: #666666 !important; height: 28px !important; transition: width 0.15s ease 0s; width: 152px; z-index: 11; }
.input-icon > input { padding-left: 24px; padding-right: 6px; }
/*End Breadcrumb
--------------------------------------------------------------------*/

/*main content
--------------------------------------------------------------------*/
.main-content { margin-left: 260px; background:#FFFFFF; position:relative; min-height:670px; padding-bottom:60px; }
.menu-min.sidebar + .main-content { margin-left: 43px; }
.page-content { margin: 0; padding:5px; }
/*End main content
--------------------------------------------------------------------*/

/*main content inner
--------------------------------------------------------------------*/
.CenterPB { position: fixed; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; z-index: 8000; }
.sidebar { width: 260px; float: left; position: relative; }
.sidebar:before { content: ""; display: block; width: 260px; position: fixed; bottom: 0px; top: 0px; z-index: -1; }
.nav-list { margin: 0px; padding: 0px; list-style: none outside none; border-bottom:#fff 1px solid; }
.nav-list > li > a, .nav-list .nav-header { margin: 0px; }
.nav-list > li { display: block; padding: 0px; margin: 0px; border-top:#fff 1px solid; position: relative; }
.nav-list li > a:focus { outline: 0px none; }
.nav-list > li > a { text-transform:uppercase; display: block; line-height: 48px; padding: 0px 16px 0px 7px; font-size:13px; color: #252525; text-shadow: none ! important; text-decoration: none; }
.nav-list > li > a > [class*="fa-"]:first-child { color:#4e5457; display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 18px; font-weight: normal; margin-right: 2px; }
.nav-list > li > a:focus { background-color: #f9f9f9; color:#a7ce38; }
.nav-list > li > a:hover { background-color:#fff; color:#a7ce38; }
.nav-list > li > a:hover:before { display: block; content: ""; position: absolute; top: -1px; bottom: 0px; left: 0px; width: 3px; max-width: 3px; overflow: hidden; background-color:#a7ce38; }
.nav-list > li a > .arrow { display: inline-block; width: 14px ! important; height: 14px; line-height: 14px; text-shadow: none; font-size: 18px; position: absolute; right: 11px; top: 11px; padding: 0px; color:#666666; }
.nav-list > li a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow { color: #a7ce38; }
.nav-list > li.active { background-color: rgb(255, 255, 255); }
.nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active { background-color: #a7ce38; color: #fff; }
.nav-list > li.active > a > [class*="fa-"] {
color:#fff
}
.nav-list > li.active > a:hover:before { display: none; }
.nav-list > li .submenu { display: none; list-style: none outside none; margin: 0px; padding: 0px; position: relative; background-color:#fff; border-top: 1px solid #e5e5e5; }
.nav-list > li .submenu > li { margin-left: 0px; position: relative; }
.nav-list > li .submenu > li > a { display: block; position: relative; color: #616161; padding: 7px 0px 9px 37px; margin: 0px; border-top: 1px dotted #e4e4e4; }
.nav-list > li .submenu > li > a:focus { text-decoration: none; }
.nav-list > li .submenu > li > a:hover { text-decoration: none; color:#a7ce38; }
.nav-list > li .submenu > li a > [class*="fa-"]:first-child { display: none; font-size: 12px; font-weight: normal; width: 18px; height: auto; line-height: 12px; text-align: center; position: absolute; left: 10px; top: 11px; z-index: 1; background-color: #fff; }
.nav-list > li .submenu > li.active > a > [class*="fa-"]:first-child, .nav-list > li .submenu > li:hover > a > [class*="fa-"]:first-child { display: inline-block; }
.nav-list > li > .submenu > li:before { content: ""; display: inline-block; position: absolute; width: 7px; left: 20px; top: 17px; border-top: 1px dotted #9dbdd6); }
.nav-list > li > .submenu:before { content: ""; display: block; position: absolute; z-index: 1; left: 18px; top: 0px; bottom: 0px; border-style: dotted; border-color: #9dbdd6; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 0px 0px 0px 1px; }
.nav-list li .submenu { overflow: hidden; }
.nav-list li.active > a:after { display: block; content: ""; position: absolute ! important; right: 0px; top: 50%; margin-top:-14px; border-style: solid; border-color: transparent #fff transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 14px 10px; }
.nav-list a .badge, .nav-list a .label { font-size: 12px; padding-left: 6px; padding-right: 6px; position: absolute; top: 9px; right: 11px; opacity: 0.88; }
.nav-list a .badge [class*="fa-"], .nav-list a .label [class*="fa-"] { vertical-align: middle; margin: 0px; }
.nav-list a.dropdown-toggle .badge, .nav-list a.dropdown-toggle .label { right: 28px; }
.nav-list a:hover .badge, .nav-list a:hover .label { opacity: 1; }
.sidebar-collapse { text-align: right; height:40px; }
.sidebar-collapse > [class*="fa-"] {display: inline-block;cursor: pointer;font-size: 14px;color:#6e6e6e;font-size: 22px;line-height: 40px;margin-right:10px;}
.sidebar-shortcuts { background-color: #fafafa; border-bottom: 1px solid #dddddd; text-align: center; line-height: 39px; max-height: 41px; margin-bottom: 0px; }
.sidebar-shortcuts-large { padding-bottom: 4px; }
.sidebar-shortcuts-large > .btn { width: 41px; line-height: 24px; margin-top: -2px; padding: 0px; border-width: 4px; text-align: center; }
.sidebar-shortcuts-large > .btn > [class*="fa-"] {margin: 0px;}
.sidebar-shortcuts-mini { display: none; font-size: 0px; width: 42px; line-height: 18px; padding-top: 2px; padding-bottom: 2px; background-color: #dddddd; }
.sidebar-shortcuts-mini > .btn { border-width: 0px ! important; font-size: 0px; line-height: 0; padding: 8px ! important; margin: 0px 1px; border-radius: 0px ! important; opacity: 0.85; }
.nav-list > li > .submenu li > .submenu { border-top: 0px none; background-color: transparent; display: none; }
.nav-list > li > .submenu a > .arrow { right: 11px; top: 10px; font-size: 16px; color:#6b828e; }
.nav-list > li > .submenu li > .submenu > li > a > .arrow { right: 12px; top: 9px; }
.nav-list > li > .submenu li > .submenu > li { line-height: 16px; }
.nav-list > li > .submenu li > .submenu > li:before { display: none; }
.nav-list > li > .submenu li > .submenu > li > a { margin-left: 20px; padding-left: 22px; }
.nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 20px; padding-left: 38px; }
.nav-list > li > .submenu li > .submenu > li a > [class*="fa-"]:first-child { display: inline-block; color: inherit; font-size: 14px; position: static; background-color: transparent; margin-right: 1px; }
.nav-list > li > .submenu li > .submenu > li a { color:#252525;}
.nav-list > li > .submenu li > .submenu > li a:hover {background-color:#fff; color:#a7ce38;  }
.nav-list > li > .submenu li > .submenu > li a:hover [class*="fa-"] { text-decoration: none; color: #a7ce38; }
.menu-min.sidebar { width: 43px; }
.menu-min.sidebar:before { width: 43px; }
.menu-min.sidebar + .main-content { margin-left: 43px; }
.menu-min .nav-list a .badge, .menu-min .nav-list a .label { position: relative; top: -1px; right: auto; left: 4px; }
.menu-min .nav-list > li > a { position: relative; }
.menu-min .nav-list > li > a > .menu-text { position: absolute; height: 47px; line-height: 47px; background-color:#f5f5f5; z-index: 121; box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2); border: 1px solid #cccccc; padding-left: 12px; top: 0; width: 210px; display: none; left: 42px; }
.menu-min .nav-list > li > a.dropdown-toggle > .menu-text { box-shadow: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color #dddddd; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; top: -1px; left: 43px; width: 164px; }
.menu-min .nav-list > li > a .arrow { display: none; }
.menu-min .nav-list > li > a:hover:before { width: 2px; }
.menu-min .nav-list > li:hover > a { color: rgb(25, 99, 170); }
.menu-min .nav-list > li:hover > a > .menu-text { display: block; }
.menu-min .nav-list > li.active > a > .menu-text { border-left-color: rgb(25, 99, 170); }
.menu-min .nav-list > li.active > a { color: rgb(43, 125, 188); }
.menu-min .nav-list > li.active > a:after { border-width: 10px 6px; margin-top:-10px }
.menu-min .nav-list > li > .submenu { background:#fff; position: absolute; z-index: 120; left: 42px; top: -2px; width: 176px; border: 1px solid #cccccc; box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2); padding-top: 40px; padding-bottom: 2px; display: none ! important; }
.menu-min .nav-list > li > .submenu:before { display: none; }
.menu-min .nav-list > li > .submenu li:before { display: none; }
.menu-min .nav-list > li > .submenu li > a { margin-left: 0px; padding-left: 24px; }
.menu-min .nav-list > li > .submenu li > a > [class*="fa-"]:first-child { left: 4px; }
.menu-min .nav-list > li:hover > .submenu { display: block ! important; }
.menu-min .sidebar-shortcuts { position: relative; }
.menu-min .sidebar-shortcuts-mini { display: block; }
.menu-min .sidebar-shortcuts-large { display: none; position: absolute; z-index: 20; top: -1px; left: 42px; width: 182px; padding: 0px 2px 1px; background-color: rgb(255, 255, 255); box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2); border: 1px solid #ccc; }
.menu-min .sidebar-shortcuts:hover .sidebar-shortcuts-large { display: block; }
.menu-min .sidebar-collapse:before { left: 5px; right: 5px; }
.menu-min .nav-list > li > .submenu li > .submenu > li > a { margin-left: 0px; padding-left: 30px; }
.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0px; padding-left: 45px; }
.menu-toggler { display: none; }
.head { font-family: 'Montserrat', sans-serif; width:100%; float:left; }
#header a { color:#7f7f7f }
#header a:hover { color:#3d3d3d }
.text-black { padding-top: 23px; }
.button {  display:block; float:left; padding-right:10px; }
.button input { background:#a7ce38; padding:8px 20px; line-height:15px; border:0; cursor:pointer; color:#fff }
.button input:hover { background:#E1E1E1; color: #a7ce38; }
.paging { padding:20px 0; }
#ulcustompager { float:left; margin-right:2px; }
#ulcustompager li { float:left; display:block; padding-right:2px; }
#ulcustompager li a { float:left; display:block; line-height:30px; color:#a7ce38; padding:0 10px; background:#e1e1e1; }
#ulcustompager li a:hover, #ulcustompager li.on a { background:#a7ce38; color:#fff; }
.searchBar { padding:5px 0 0 }
.searchBar input[type="text"] { float:left; border: 1px solid #ccc; border-radius: 4px !important; color: #666; height: 28px; width: 152px; }
.searchIco i { display:block; float:left; line-height: 28px; font-size:18px; margin:0 20px 0 10px; verticle-align:top; color:#4E5457 }
.searchBar input[type="submit"] { float:left; background:#a7ce38; border: 0; color: #FFFFFF; cursor: pointer; line-height: 20px; padding: 6px 20px; }
.searchBar input:hover { background:#E1E1E1; color: #a7ce38; }
h1 a { color: #989898; font-size: 18px; font-weight:300; }
.rightBtn i, .editBtn i, .bulbIco i, .comtIco i { line-height:24px; color:#fff; display:inline-block; padding:0 5px; cursor:pointer; }
.rightBtn i.inactive { background:red; }
.bulbIco i[title="Hide"] { color:#000 }
.rightBtn i { background: #87B87F; margin-right:1px; }
.editBtn i { background: #6FB3E0; margin-right:1px; }
.bulbIco i { background: #8cc63f; padding:0 8px; margin-right:1px; }
.comtIco i { background: #FFB752; margin-right:1px; ; }
.rightBtn:hover i, .editBtn:hover i, .bulbIco:hover i, .comtIco:hover i { background:#6E6E6E}
.fa-plus-square:before { line-height:20px; }
.dashNav { padding-top:30px; }
.dashNav li { width:305px; margin:0 20px 20px 0; display:block; float:left; background:#a7ce38; }
.dashNav li.last { margin:0 0 20px 0; }
.dashNav li span { float:left; display:block; padding:30px 0 30px 30px; }
.dashNav li i { font-size:60px; color:#fff }
.dashNav li a { background:#e1e1e1; line-height:34px; color:#a7ce38; font-size:16px; padding:0 0 0 10px; position:relative; display:block; display:block }
.dashNav li a:after { content:''; font-family: Verdana; color:#a7ce38; font-size:20px; position:absolute; right:10px; top:0; font-weight:normal }
.dashTitle { font-size:20px; line-height: 26px; width: 160px; font-weight:300; color:#fff }
.dashNav li a:hover { background:#427091; color:#fff }
.dashNav li a:hover:after { color:#fff }
.table { width: 100%; background:#fff; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; }
.table td, .table th { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 5px; line-height:20px; }
.table th { font-family: 'Montserrat', sans-serif; color:#555; font-weight: 600; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%, #ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec', GradientType=0 ); /* IE6-9 */}
.table > tbody > tr { background:#FFFFFF; color: #707070; }
.table > tbody > tr a { color: #707070; }
.table > tbody > tr.clstrcommon td { background: #F9F9F9; }
.popBg { background:#fff; width:98%; padding:10px 2% 30px 0; }
.formList { width:100% }
.formList li { display:block; padding-bottom:17px; }
.formList li label { width:49% }
.formList li input[type="text"], .formList li input[type="password"], .formList li textarea { float:left; /*font-family:Verdana , 'Open Sans', sans-serif;*/  font-family: 'Montserrat', sans-serif;  border:#ccc 1px solid; padding:5px; color:#7c7c7c; font-size:14px; width:95%; }
.formList li input[type="text"]:focus, .formList li input[type="password"]:focus, .formList li textarea:focus {border-color: #AAAAAA;box-shadow: 0 0 5px 0 #AAAAAA; -webkit-box-shadow: 0 0 5px 0 #AAAAAA;}
div.selector select option { padding-left:10px;}
.formList li textarea { height:130px }
.formatTxt { font-size:12px; display:block; width:100%; color:#F00 }
.error { border : 1px solid red !important; }
.login-wrapper { margin: 0 auto; width: 550px; padding:50px 0 0 }
.login-wrapper h1 { padding-bottom:10px; }
.admin-logo { background: url("../images/logo.png") no-repeat 0 0; height: 125px; margin:0 0 30px; width: 290px; display:inline-block; }
.loginbox { background:#fff; border: 10px solid #D8D8D8; width: 400px; padding:20px 50px; }
.success { display:block; text-align:center; color:red }
.centerAlg { text-align:center; }
.forgotPass { color: #a7ce38; font-size: 14px; line-height: 34px; display:block; float:right; }
h1 i { line-height:34px !important; }
.pgTxt { line-height:30px; }
.mt30 { margin-top:30px; }



/*End main content inner
--------------------------------------------------------------------*/

/*footer content 
--------------------------------------------------------------------*/
#footer { width:100%; background:#fff; position:absolute; left:0; bottom:0; }
#footer p { margin:0 24px; line-height:40px; border-top:#ccc 1px solid; }
/*End footer content 
--------------------------------------------------------------------*/



@media only screen and (max-width: 1024px) {
.dashNav li { width:342px; }
div.uploader span.filename { width:66% !important; }
.pageAddList div.uploader span.filename { width:59% !important; }
}
@media only screen and (max-width: 991px) {
    .main-content {
        margin-left: 0px !important;
    }

    .sidebar.display {
        display: block;
    }

    .sidebar:before {
        display: none;
    }

    .sidebar {
        background: #fff;
        display: none;
        float: none;
        position: absolute;
        z-index: 999;
        left: 0px;
        bottom: auto;
        top: auto !important;
        margin-top: 40px;
        border-width: 1px 1px 1px 0px;
        border-style: solid;
        border-color: rgb(204, 204, 204);
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
        box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.2);
    }

    .menu-toggler {
        background: #444444;
        display: inline-block;
        position: absolute;
        left: 0px;
        z-index: 998;
        width: 40px;
        height: 40px;
    }

        .menu-toggler:hover {
            text-decoration: none;
        }

        .menu-toggler:before {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            height: 2px;
            width: 24px;
            content: "";
            position: absolute;
            z-index: 11;
            top: 15px;
            left: 6px;
            transition: all 0.1s ease 0s;
            -moz-box-sizing: content-box;
        }

        .menu-toggler:after {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            content: "";
            height: 2px;
            width: 24px;
            position: absolute;
            top: 21px;
            left: 6px;
            transition: all 0.1s ease 0s;
            -moz-box-sizing: content-box;
        }

    .nav-list > li.active:after {
        display: none;
    }

    .nav-list li.active > a:after {
        display: none;
    }

    .menu-min .nav-list > li.active:after {
        display: block;
    }

    .menu-min .nav-list > li.active > a:after {
        display: block;
    }

    @media only screen and (max-width: 768px) {
        div.uploader span.filename {
            width: 56% !important;
        }

        .menu-toggler {
            width: 100%;
        }

        .page-content {
            padding-top: 58px;
        }
    }

    @media only screen and (max-width: 480px) {
        .breadcrumb {
            padding: 0;
        }

        #header {
            text-align: center;
        }

            #header h3, .text-black {
                display: inline-block;
                float: none;
            }

        .text-black {
            padding-top: 10px;
        }

        .breadcrumbs {
            text-align: center;
        }

        .searchBar, .breadcrumb {
            display: inline-block;
            float: none;
        }

            .searchBar input[type="submit"] {
                padding: 6px 8px;
            }

        .dashNav li {
            width: 100%;
            margin-right: 0;
        }

        .formList li {
            margin: 0;
            padding: 0;
        }

            .formList li label {
                width: 100%;
                margin-bottom: 10px;
            }

            .formList li input[type="text"], .formList li input[type="password"], .formList li textarea {
                width: 94%;
            }

        .popBg {
            padding: 10px 0 30px 0;
            width: 100%;
        }

        .page-content {
            padding: 58px 10px 10px;
        }

        div.uploader span.filename {
            width: 64% !important;
        }

        .pageAddList div.uploader span.filename {
            width: 68% !important;
        }

        .breadcrumbs {
            padding-bottom: 10px;
        }
    }

    @media only screen and (max-width: 320px) {
        .bubbleInfo div {
            width: 100%;
            padding-bottom: 10px;
        }

        .button {
            padding-right: 4px;
        }

        .dashTitle {
            width: 150px;
        }

        .formList li input[type="text"], .formList li input[type="password"], .formList li textarea {
            width: 91%;
        }

        div.uploader span.filename {
            width: 43% !important;
        }

        .pageAddList div.uploader span.filename {
            width: 52% !important;
        }
    }