table.listing { border: 1px solid #87908F;
    margin-top: 1.5em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-bottom: 1.5em;}
table.listing tr.heading td{background-color: #143c62; color: white;}
#main table .headseparator,#main table   .endseparator{font-size: 0px;line-height: 0px;padding: 0px;}
.header-main nav .navbar-brand{  }
h2, h3, h4, h5, .tocTitle, h6 {
    font-family: Lato, Trebuchet, sans-serif;
    line-height: 1.8em;
        color: #333;
}
h3 {
    font-size: 1.75em;

    padding: 0px;
    margin: 0px;
    font-weight: 700;
    padding-left: 5px;
    background-color: #ececed;
    margin-top: 1em;
}
h2 {
    margin: 0px;
        font-size: 2em;
    font-weight: 700;
    padding: .5em 0;
}
h4 {
    font-size: 1.5em;
    font-weight: 400;
    margin-top: .5em;
}
table {
    width: 100%;
    margin: 1em 0;
}
table td {
    padding: .5em .25em;
    vertical-align: top;
}
.roundedborder, input, select, textarea, a.file {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}
input, select, textarea, button {
    vertical-align: middle;

}
input, select, textarea {
    font-family: "PT Sans", Helvetica, sans-serif;
    margin: 0 .05em 0 0;
    font-size: 1em;
    line-height: 1.5em;
}
input, textarea, button{
   border-radius: 0px;
   }
   input {
    padding: 4px;
    border-radius: 0px;
}
/*a.action, .button, .action, .toggleExtras-inactive, .toggleExtras-active, #setup .options, .options a {
    color: white;
}*/


.blockTitle, #sidebar .block h3 {
    background-color: transparent;
    margin: 0 0 .5em 0;
    padding: .3em 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    word-wrap: break-word;
    display: block;
    font-size: 17px;
}
.button, .action, .toggleExtras-inactive, .toggleExtras-active, #setup .options {
    padding: 3px 10px;
    border: 0;
    background: #2364a2;
    font-weight: normal;
    margin: 5px 0;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
}
.button:hover, .action:hover, .toggleExtras-inactive:hover, .toggleExtras-active:hover, #setup .options:hover, .button:focus, .action:focus, .toggleExtras-inactive:focus, .toggleExtras-active:focus, #setup .options:focus {
    background: #3185d0;
    color: #fff;
}
.roundedborder, input, select, textarea, a.file{    border: 1px solid #2364a2;     border-radius: 4px;}


ul{
        padding-left: 2em;
    list-style-type: disc;
}
#signinForm ul{padding-left: 0}
.btn{ display: inline-block; padding: 4px 12px;}
.btn-success:hover, .btn-success{ background-color: #fd973d; border-color: #fd973d;}
.searchCntNav{position: relative; width: 250px; margin: 20px 30px;}
.searchCntNav input{ width: 100% !important; border:0px;padding: 12px 44px 10px 17px !important ;     color: #999;    font-size: 12px;}
.searchCntNav i{position: absolute ; right: 10px; font-size: 12px; color: #999; top: 50%; margin-top: -6px}

.newDropDown {position: relative;}
.newDropDown ul{display: none;  right: 0px; position: absolute; top:100%; background: #fff; list-style: none; margin: 0px; padding: 0px; min-width: 150px; text-align: left; }
.newDropDown ul:before{    content: ''; position: absolute; top: -13px; border-width: 6px; border-color: transparent; border-style: solid; border-bottom: 8px solid #ffffff; display: inline-block; left: 95px} .newDropDown ul li{border:0px; display: block; width: 100%; padding: 0px;}
.newDropDown ul li a{ display: block; text-shadow:none; padding: 5px 10px; color: #333 !important}
.newDropDown ul li:hover a{ color: #2a6496 !important}
.newDropDown:hover  ul{display: block;}

#sidebarUser label{ display: inline-block;}
#rightSidebar , #leftSidebar {padding-top: 0px;}
#rightSidebar #sidebarNavigation > div , #leftSidebar #sidebarNavigation > div{width: 100%;}
#rightSidebar .block , #leftSidebar .block {margin-top: 0px; margin-bottom: 10px;}
#rightSidebar select, #leftSidebar select{padding: 5px;}
#main p{    word-break: break-word;}
#aboutWrp ul {margin: 0px; padding: 0px;}
table.listing ul li, #aboutWrp ul li{
    list-style-type: none;
    padding: 10px 0 5px 5px;
    border-bottom: 1px solid #D1D3D5;
    display: block;
}

.plain{padding-left: 0px;}
.plain li{line-height: 28px}
.navbar{z-index: inherit;}

label[for="menuOnTop"]{display: none; font-size: 24px; padding: 8px 10px; border-radius: 0%; color: #fff; position: fixed; z-index: 1000; top:0px; left: 5px; cursor: pointer;}
#menuOnTop{display: none;}

.menuOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);  background: #fff; color: #333 !important;}
.menuOnTopClose{left: -200px !important;  color: #333 !important;}
.showOnMobile{display: none !important;}
.table-responsive .action{white-space: nowrap;}
.inline-form-field input, .inline-form-field select{margin: 5px;}


/*footer style*/
.social-widget ul:not(.social-icons) li{border-bottom: 1px solid rgba(204, 204, 204, 0.25);    padding: 7px 0;}   
.contact-widget a >img{max-height: 100px;}
.footerSupports{border-top: 1px solid #ccc; background: #fff; text-align: center;}
.footerSupports a{display: inline-block;     height: 40px; margin: 15px;}
.footerSupports a img{max-height: 100%; width: auto; display: block; border: 0px;     opacity: 0.7; -webkit-transition: .2s; transition: .2s;}
.footerSupports a:hover img{ opacity: 1;}
#footer {
    position: relative;
    background-color: #143c62;
    padding-top: 10px;
    border-top: 4px solid #143c62;
    color: #ccc;

    font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
}

#footer ul{
    list-style-type: none;
    padding-left: 0;
}

#footer ul li{
    padding: 5px 0;
}

.issueTocPublishArticles{ margin-top: -15px;}
footer {
    background-color: #222;
    padding-top: 60px;
    border-top: 4px solid #555;
    color: #ccc;
}

footer p {
    color: #ccc;
}

footer a {
    color: #ccc;
}

footer a:hover {
    color: #666;
    text-decoration: underline;
}

.footer-widget {
    margin-bottom: 45px;
}

.footer-widget h4 {
    color: #eee;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    border:0px;
}

.footer-widget h4 .head-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ccc;
    margin: 0;
}

.social-widget ul.social-icons li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}

.social-widget ul.social-icons li a span {
    font-size: 1.4em;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.social-widget ul.social-icons li a:hover {
    text-decoration: none;
}

.social-widget ul.social-icons li a.facebook:hover span {
    background-color: #507CBE;
}

.social-widget ul.social-icons li a.twitter:hover span {
    background-color: #63CDF1;
}

.social-widget ul.social-icons li a.google:hover span {
    background-color: #F16261;
}

.social-widget ul.social-icons li a.dribbble:hover span {
    background-color: #E46387;
}

.social-widget ul.social-icons li a.linkdin:hover span {
    background-color: #90CADD;
}

.social-widget ul.social-icons li a.tumblr:hover span {
    background-color: #4D7EA3;
}

.social-widget ul.social-icons li a.flickr:hover span {
    background-color: #E474AF;
}

.social-widget ul.social-icons li a.instgram:hover span {
    background-color: #4D4F54;
}

.social-widget ul.social-icons li a.vimeo:hover span {
    background-color: #87D3E0;
}

.social-widget ul.social-icons li a.skype:hover span {
    background-color: #36C4F3
}

.contact-widget {
    background: url(map.png) center bottom no-repeat;
}

.contact-widget span {
    font-weight: 700;
}

.contact-widget ul li {
    margin-bottom: 12px;
}

.contact-widget ul li p a {
    color: #bbb;
}

.contact-widget p {
    padding-bottom: 20px;
}

.twitter-widget a:hover {
    color: #43B9CD;
    text-decoration: underline;
}

.twitter-widget ul li {
    margin-bottom: 20px;
}

.twitter-widget ul li span {
    color: #666;
}

.flickr-widget ul {
    overflow: hidden;
}

.flickr-widget ul li {
    float: left;
    margin-left: 8px;
    margin-bottom: 8px;
}

.flickr-widget ul li:nth-child(3n+1) {
    margin-left: 0;
}

.flickr-widget ul li a {
    display: inline-block;
    width: 80px;
    opacity: 0.6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border: 4px solid #333;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.flickr-widget ul li a img {
    width: 100%;
    height: 65px;
}

.flickr-widget ul li a:hover {
    opacity: 1;
}

.mail-subscribe-widget form {
    margin-top: 15px;
    margin-bottom: 20px;
}

.mail-subscribe-widget form input[type="text"] {
    outline: none;
    color: #666;
    font-size: 12px;
    padding: 6px 12px;
    border: none;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
}

.copyright-section {
    padding: 15px 0;
    font-size: 11px;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(255,255,255,.06);
}

.copyright-section p {
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 4px;
}

ul.footer-nav {
    float: right;
}

ul.footer-nav li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

ul.footer-nav li:first-child {
    margin-left: 0;
}

ul.footer-nav li a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.footer-nav li a:hover {
    color: #fff;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}

.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #444;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.social-icons{margin: 0px; padding: 0px;}

#top-navbar {
    background: #2364a2;
    text-transform: uppercase;
    position: relative;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    font-size: 11px;
    opacity: 1;
    padding: 0 0px 0 0;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;

}
#social-icons  li{float: left;}
#social-icons li a{display: block; color: #fff; padding:7px 10px; font-size: 11px; text-transform: uppercase;}
#social-icons li a:hover{    background-color: rgba(255, 255, 255, 0.1);}
/*footer style*/

.topSocial {float: left;}
.topSocial ul{list-style: none; padding: 0px; margin: 0px;}
.topSocial li{display: inline-block;}
.topSocial li a{color: #fff; display: inline-block; padding: 7px 0px; text-align: center;  width: 40px; font-size: 20px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.topSocial li a.fa-facebook:hover{background: #507CBE; color: #fff}
.topSocial li a.fa-twitter:hover{background: #63CDF1; color: #fff}
.topSocial li a.fa-google-plus:hover{background: #F16261; color: #fff}
.topSocial li a.fa-linkedin:hover{background: #90CADD; color: #fff}
.header-main:before, #footer:before{content: ''; left: 0px; right: 0px; bottom: 0px; position: absolute; top: 0px; opacity: 0.7; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQYV2NkwAL+//8vyYguDhZkZHyOIgETBCmGSyALwiXQBcES2ARBEgCFgxcdba8wLgAAAABJRU5ErkJggg==) ; background-repeat: repeat; }

.searchBarWrp{width: 100%; position: relative; background-color: #efefef; margin-left: auto; margin-right: auto; padding: 20px 0px; } 
.searchBarWrp form{padding-right: 90px; position: relative; margin-bottom: 0px;}
.searchBarWrp input{font-size: 17px;     border: 1px solid #ccc; padding: 10px; height: auto; width: 100% !important; color: #143c62; }
.searchBarWrp button {position: absolute; right: 0px; font-size: 20px; top: 0px; padding: 9px 30px; border-radius: 5px;     border: 0px;
    background: #2364a2;
    color: #fff;}
    .searchBarWrp button:hover {
    background: #308ce4;
    color: #fff;
}
.titleBarJournal{color: #fff; padding: 30px 15px; font-size: 24px; font-size: 36px; display: inline-block;}
.titleBarJournal:hover{color: #fff; }
 #top-navbar .container{width: 90%; max-width: 90% ; }
#container{padding-top: 20px;}
#container .container{width:90%; max-width: 90% ;}
.header-main .site-title{
color: #fff;
line-height: initial;
padding: 30px 15px;
font-size: 36px;
display: inline-block;
margin: 0px;
}

#breadcrumb {
     border-bottom: 1px dashed #D1D3D5;
    font-size: 13px;
    line-height: 22px;
    padding: 6px 0px}
#rightSidebar .selectMenu, #leftSidebar .selectMenu, .block input[type=text]{    width: 100%;}

#myJournals .info td{border-bottom: 1px solid #ccc}

.showJournalLists{margin: 5px;   -webkit-transition:all 0.3s;  transition:all 0.3s; padding: 15px;  width: 49%;     color: #143c62; 
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwASSjGhikgwMDM+RBcECIEUwQbgATBBFACQIAKWBBB+kE5zTAAAAAElFTkSuQmCC);
background-repeat:  repeat;
border:1px solid rgba(0,0,0,0.1);
float: left;

}


.showJournalLists a{    }
.showJournalLists h3{background: transparent;  margin: 0px; padding: 0px; font-size: 18px ;    color: #143c62}

.showJournalLists:hover{ background-color: rgba(20,60,98,0.5);}
.showJournalLists:hover h3{ color: #fff}
.showJournalLists:hover, .showJournalLists:hover a{color: white;}
#journalListPageInfo{display: block; clear: both;}
.journalListingDescrition{height: 155px; overflow: auto; margin-bottom: 10px; padding: 10px; padding-left: 0px; padding-bottom: 0px;}
.journalListingDescrition p{margin: 0}



/*responsive*/


@media only screen and (max-width:1200px) {

    .main-navigation .nav li a {

        font-size: 15px;

        padding: 7px 10px;



    }

    .dropdown-menu.submenu > li > a {

        color: #000;

        font-size: 16px;

        padding: 10px;

    }

    .dropdown-menu.submenu {

        top: 66px;

    }



}



@media only screen and (max-width:980px) {
    form .mceLayout .mceToolbar {
    width: 100%;
    display: block;
}
.defaultSkin table.mceLayout {
    width: 100% !important;
    max-width: 100% !important;
}
#top-navbar .container{width: 100%; max-width: 100%; }
.topSocial{margin-left: 50px}
#social-icons{margin-right: 20px;}
#main #signinTable {width: 100% !important}
#signinTable label:not([for="loginRemember"]) {display: inline-block;}
#main .responsiveTable table:not(.mceToolbar):not(.mceLayout) {
    width: 1000px !important;
}
#social-icons .navbar-nav{margin: 0px;}
#top-navbar{position: fixed; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); z-index: 99; left: 0px; right: 0px;}
.header-main{    margin-top: 34px;}
#main .mceToolbar td{padding: 0px;}
 label[for="menuOnTop"]{ display: inline-block;}
.navbar{z-index: auto;}
.searchBarWrp{padding-left:20px ; padding-right: 20px; }
.showMobileSideMenu { background: #fff; height: 100%; max-height: 100%; padding: 0px; margin: 0px; display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; left: -200px; top: 0px; margin-bottom: 0px; bottom: 0px; z-index: 999; visibility: hidden; width: 200px; z-index: 1001; -webkit-transition:all 0.2s;   transition:all 0.2s; }
.showMobileSideMenu    li{ width: 100%; text-align: left;     border-bottom: 1px solid rgba(204, 204, 204, 0.44);}
.showMobileSideMenu    li a{ color: #333 !important; text-shadow:none;}
#menuOnTop:checked ~ #top-navbar .showMobileSideMenu {display: block; left:0px; visibility: visible; overflow: auto;}
#menuOnTop:checked ~ label[for="menuOnTop"]{visibility: hidden;}
#menuOnTop:checked ~ label[for="menuOnTop"].menuOnTopClose{left: 200px !important; visibility: visible; box-shadow: 5px 0px 10px rgba(0,0,0,0.5);}
.header-main #navbar a{line-height: inherit; padding: 10px; margin: 0px; border: 0px;}
.main-navigation ul{margin: 0px; padding: 0px;}
.main-navigation ul li{border-bottom: 1px solid #666}
#navbar  #searchWrpNav{display: none;}

    .navbar-brand {

        font-size: 18px;
        margin-left: 20px !important;

    }

    .main-navigation li {

        font-size: 14px;

    }

    #rightSidebar li.nav-header, 

    #rightSidebar h3.blockTitle, 

    #rightSidebar .blockTitle {

        font-size: 18px;

    }

    #sidebarNavigation .col-lg-8.col-md-8.col-sm-8 {

        width: 100%;

    }

    #sidebarNavigation .col-lg-4.col-md-4.col-sm-4 {

        width: 100%;

    }

    .main-navigation .nav li a {

        font-size: 14px;

    }
   
    .header-main .navbar-header{ float: none;}
    .header-main .navbar-toggle{display: block; float: right; margin-top: 28px;}
    
    .header-main .navbar-header, #main, #rightSidebar{width: 100%; }
    .header-main .navbar-collapse.in{display: table !important; width: 100%}
    .header-main .navbar-nav>li{width: 100%;}
    .header-main .navbar-nav>li>a{padding: 10px 10px;}
    .header-main .navbar-nav{width: 100%; margin: 0px;}
    
    .navbar-collapse .navbar-nav.navbar-right:last-child{margin: 0px;}
    .navbar-right .dropdown-menu{left: 0px; right: 0px;}
    .navbar-right .dropdown-menu .form-group{width: 100%;}
    .navbar-right .dropdown-menu .form-group input{width: 100% !important;}
    .container{padding: 0px 0px; width: 100%; max-width: 100%}
    #main, #rightSidebar{padding: 0px 20px;}
    #main table:not(.mceToolbar){ width: 100%;}
    #pageFooter .container, #pageFooter-bottom .container{padding: 0px 20px;}

    .responsiveTable{overflow-x: scroll;    overflow-y: hidden; width: 100%; }
     #main .responsiveTable table:not(.mceLayout):not(.mceToolbar){width: 800px !important ;}
     #main .uploadField{width: 100%;}
     .form-control{width: 100%}
     .block-shipping .inner{border: 0px;}
}




@media only screen and (max-width:768px) {

    .footerTops > div{display: block; width: 100% !important; padding: 20px} 

    .navbar-collapse {

        margin-top: 24px;

    }

    .navbar-toggle {

        margin-top: 28px;

    }

    #signinForm > .col-lg-6 {

        padding-left: 0;

        padding-right: 0;

    }

    .dropdown-menu.submenu {

        top: 55px;

    }

    .dropdown-menu.submenu::after {

        left: 12px;

        right: auto;

        top: -14px;

    }


    .imgWrpBanner{padding: 0px;}

}

@media only screen and (max-width:640px) {

    .navbar-nav .open .dropdown-menu {

        background-color: #fff !important;

        position: absolute;

        width: 120px;



    }

}

@media only screen and (max-width:600px) {

    #notificationSettings .plain {

        margin-left: 0;

    }

    #notificationSettings .plain label {

        font-size: 14px;

    }

    .header-main{

       

    }

}

@media only screen and (max-width:480px) {
    .topSocial{width: 100%;}
    #social-icons {clear: both !important; float: none !important; width: 100%}
    #social-icons .navbar-nav{    border-top: 1px solid rgba(255, 255, 255, 0.15);}
    .header-main {margin-top: 69px; }
     .content-area {

        padding: 0;

    }

    .notificationFunction > a {

        font-size: 12px;

    }

    caption, th, td {

        font-size: 13px;

        /*text-align: center;*/

    }

    .header-main{

        

    }

    #top-navbar {

        height: auto;

    }

    

}

@media only screen and (max-width:360px) {

/*  body {

        font-size: 15px;

    }*/

    .mceLayout {

        width: 200px !important;

    }

    #notificationSettings .plain label {

        font-size: 14px;

        margin-left: 5px;

        vertical-align: top;

        width: 92%;

    }

    #notificationSettings .plain input {

        margin-top: 5px;

    }

    .header-main{

       

    }

    #social-icons .menu {

        padding: 0;

    }

    
} 

/*responsive*/