/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

textarea:focus{
    outline: 0px;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
input[type=checkbox].checklist {
opacity: 0;
}

/* ==========================================================================
   Concept BIU - NIQX
   ========================================================================== */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border-radius: 0px;
    border:1px solid #d4d4d4; 
}
body,html{
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
   /* background-color: #f5f5f5;*/
}
.main-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}
.input-label{
    padding-left: 25px;
}
.input-label:before{
    top:0px;
}
.login-bg-wrapper{
    background: url('../images/login-bg.jpg');
    background-size: cover;
}
.header{

    height: 75px;
    
}
.header-logo{
    width: 10%;
    float: left;
}
.header-logo img{
   /* width: 100%;*/
}
.right-header-wrapper{
    width: 30%;
    float: right;
    padding: 8px 10px;
}
.header-search{
    cursor: pointer;
    padding: 0px 15px;
}
.header-notification{
    position: relative;
    padding: 5px 0px;
    margin: 0px 15px;
    padding-right: 35px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #4c5e70;
}
.notification-no{
    position: absolute;
    left:5px;
    top:-7px;
    color: #fff;
    font-size: 10px;
    background: #0083e9;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
}
.profile-pic{
    padding: 0px 20px;
}
.name-designation{
    display: inline-block;
    vertical-align: middle;
}
.header-name{
    display: block;
    font-size: 12px;
    vertical-align: middle;
    line-height: 12px;
    color: #233146;
}
.header-designation{
    font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
    color: #233146;
}
.content-inner-wrapper{
    /*padding: 10px 0px;*/
    width: 100%;
/*   word-break: break-all;*/
}

.headline-input{
    width: 100%;
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 5px !important;
    height: auto !important;
}
.description-input{
    width: 100%;
    border: 1px solid #d4d4d4;
    overflow: auto;
    resize: none;
    padding: 5px;
    height: 90px;
}
.headline-column{
    width: 30%;
}
.pg-no{
    width: 5%;
}
/************ Login page start************/
.login-container{
    width: 400px;
    background: #fff;    
    position: absolute;
    left: 0;
	right:0;
	margin:0 auto;
    border-radius: 10px;
    padding: 15px;
    top: calc(50% - 204px);
}
.login-copyrights{
    position: absolute;
    bottom: 1%;
    text-align: center;
    color: #fff;
    left: 0px;
    right: 0px;
}
.login-inner-wrapper{
    margin:30px 0px 0px;
}
.login-inner-wrapper .nav-tabs{
    border:none;
}
.login-inner-wrapper .nav-tabs li{
    width: 100%;
    text-align: center;
    background: #f7f7f7;
}
.login-inner-wrapper .nav-tabs > li > a{
    color: #403e3e;
    margin-right: 0px;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #cfcfcf;
}
/* .login-inner-wrapper .nav-tabs > li:first-child > a{
    border-right: 1px solid #cfcfcf;
} */
.login-inner-wrapper .nav-tabs > li > a:hover{
    border: none;
    border-bottom: 1px solid #cfcfcf;
}
.login-inner-wrapper .nav-tabs > li:first-child > a:hover{
    border-right: 1px solid #cfcfcf;
}
.login-inner-wrapper .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .login-inner-wrapper .nav-tabs>li.active>a:hover{
    border: none;
    border-bottom: 1px solid #cfcfcf;
}
.login-inner-wrapper .nav-tabs > li:first-child.active > a{
    border-right: 1px solid #cfcfcf;
}
.login-text{
    border:none;
    background: transparent;
    margin-bottom: 25px;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    outline: none;
}
/* .tab-content{
    padding: 30px;
    background: #fff;
} */
.forgot-pass{
    margin: 0px;
    margin-top: 15px;
}
.forgot-pass a{
    color: #929292;
    text-decoration: none;
}
.login-button{
    text-align: center;
    cursor: pointer;
    margin: 0px auto;
    background: #3f3e3d;
    padding: 5px 10px;
    font-size: 14px;
    width: 30%;
    color: #fcfdfd;
    border:none;
    border-radius: 4px;
    outline: none;
    display: block;
}
/************ Login page end************/
/************ News result page start************/

/************ News result page end************/
/************ Print upload page start************/
.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple{
    border-color: #d4d4d4 !important;
    border-radius: 0px !important;
    min-height: auto !important;
    padding: 8px;
}
.custom_width_100{
    width: 100% !important;
}
.custom_width_calc {
    width: calc(25% - 15px) !important;
}
.page-title{
    color: #ffffff;
    background: #ee3823;
    text-align: center;
    width: 40%;
    padding: 12px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
}
.form-row-fieldset{
    margin-top: 20px; /*    Changed from 30p to 20px */
    
}
.form-row-fieldset.print-upload-opt{
    
}

.pu-thumb{
    width: 100px;
    height: 80px;
    margin-right: 10px;
    /*float: left;*/
}
.short-select{
    display: inline-block;
    margin: 0px 7px;
    width: 20%;
}
.row-fieldset-select{
    display: inline-block;
    width: 30%;
    outline: none;
    margin-right: 15px;
    vertical-align: top;
}
.fieldset-select-margin{
     margin-right: 14px !important;
}
.row-fieldset-select:last-child{
    margin-right: 0px !important;
}
.headline-box{
    width: 96%;
    padding: 5px;
    padding: 11px;
    outline: none;
    border-radius: 0px;
}
.print-summary{
    width: 96%;
    padding: 11px;
    resize:none;
    outline: none;
    height: 120px;
}
.tags-box{
    display: inline-block;
    background: #fff;
    width: 63%;
    height: 100px;
    vertical-align: top;
}
.online-upload-tags-box{
    width: 96%;
}
.tags{
    padding: 2px 10px;
    background: #757575;
    display: inline-block;
    border-radius: 5px;
    margin: 0px 2px;
}
.tag-name{
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.close-tag{
    padding-left:5px;
}
.small-select{
   /* width: 12%;
    margin-bottom: 13px;*/
        width: 14%;
    margin-bottom: 13px;
    margin-left: 3px;
}
.form-button{
/*
    background: #3f3e3d;
    color: #fff;
    border: none;
    text-align: center;
    width: 17%;
    padding:5px 0px;
*/
    
    background: #3f3e3d;
    color: #fff;
    border: none;
    text-align: center;
    width: 124px;
    height: 38px;
    padding: 5px;
}
.file-edit-section{
    height: 635px;
    background: #fff;
    padding: 0px;
    border: 1px solid #d4d4d4;
}
.file-editors{
    background: #3f3e3d;
    width: 100%;
    height: 40px;
    padding: 0px 5px;
    line-height: 40px;
}
.upload-image-view{
    height: calc(100% - 40px);
   /* min-width: 100%;*/
    overflow: scroll;
}
.upload-image-view img{
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
}
.file-editors span{
    display: inline-block;
    margin: 0px 5px;
    cursor: pointer;
}
.online-body-text{
    height: 100%;
    width: 100%;
    resize:none;
    padding: 5px;
}
.custom-file-upload-hidden{
    height: 35px;
    border: none;
}
.print-upload-input{
    width: 39%;
}
.file-upload-button{
/*    font-size: 14px;*/
}
.dk_options_inner{
    padding: 0px;
}
/************ Print upload page end************/
/************ Dashboard page start************/
.dashboard-lower-header{
    margin: 25px 0px;
}
.main-search-input{
    width: 100%;
    padding: 12px 10px;
    text-align: center;
    outline: none;
    font-size: 20px;
    border: none;
    border-bottom: 1px solid rgb(169,169,169);
}
.indicators{
    text-align: center;
}
.indicators span{
    margin: 0px 20px;
    font-size: 12px;
}
.upload-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#ee3823;
}
.validate-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#3f3e3d;
}
.finalized-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#a9a9a9;
}
.client-box{
    width: 100%;
    max-height: 400px;
    background: #fff;
}
.client-box-upper{
    padding:10px;
}
.client-box-name{
    border-bottom: 1px solid rgb(169,169,169);
}
.client{
    float: left;
    padding-bottom: 10px;
}
.plus-icon{
    float: right;
    cursor: pointer;
}
/************ Dashboard page end************/









/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.clear{clear: both;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.dk_fouc select.qc_print_cl_dd{
    margin: 0;
    background-color: transparent;
    color: #fff;
    border: 0;
    padding: 1px;
    background-image: url(../images/sidebarAccordion_downArrow.png);
    height: 30px;
    background-position: 100% 10px;
}
.dk_fouc select.qc_print_cl_dd option{
    color: #8f8f8f;
}


/************ Dashboard page start************/
.dashboard-lower-header{
    margin: 25px 0px;
}
.main-search-input{
    width: 100%;
    padding: 12px 10px;
    text-align: center;
    outline: none;
    font-size: 20px;
    border: none;
    background: transparent;
    border-bottom: 1px solid rgb(169,169,169);
}
.indicators{
    text-align: center;
}
.indicators span{
    margin: 0px 20px;
    font-size: 12px;
}
.upload-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#ee3823;
}
.validate-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#3f3e3d;
}
.finalized-indicator:before{
    content: '';
    height: 10px;
    width: 10px;    
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background:#a9a9a9;
}
.client-box{
    width: 100%;
    max-height: 400px;
    background: #fff;
    margin: 20px 0px;
}
.client-box-upper{
    padding:15px;
}
.client-box-name{
    border-bottom: 1px solid rgb(169,169,169);
}
.client{
    float: left;
    padding-bottom: 10px;
}
.plus-icon{
    float: right;
    cursor: pointer;
}
.content-list{
    padding:0px;
    list-style: none;
}
.content-list li{
    padding: 5px 0px;
    margin: 5px 0px;
}
.content-list-headline{
    float: left;
}
.share-icon{
    float: right;
}
.client-box-upper .nav-tabs{
    border:none;
    margin: 15px 0px;
    margin-top: 0px;
    border: 1px solid #cfcfcf;
}
.client-box-upper .nav-tabs li{
    width: 25%;
    text-align: center;
    background: #f7f7f7;
    margin-bottom: 0px;
    border: none;
}
.client-box-upper .nav-tabs > li > a{
    color: #403e3e;
    margin-right: 0px;
    border-radius: 0px;
    border: none;
    padding: 8px;
    text-decoration: none;
}
/* .client-box-upper .nav-tabs > li:first-child > a{
    border-right: 1px solid #cfcfcf;
} */

.client-box-upper .nav-tabs > li.active > a{
    background: #ee3823;
    color: #fff;
}
.client-box-upper .nav-tabs>li.active>a,.client-box-upper .nav-tabs>li.active>a:focus,.client-box-upper .nav-tabs>li.active>a:hover{
    border: none;
}
.news-categories{
    padding: 0px;
    list-style: none;
}
.news-categories li{
    float: left;
    vertical-align: top;
    border:1px solid #ccc;
    width: 50%;
}
.news-categories li:first-child{
    border-right: none;
}
.news-categories li a{
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: center;
    color: #989898;
}
.news-categories li.selected a{
    color: #ee3823;
}
.qc-page-title{
    width: 100%;
}
.no-pad-left{
    padding-left:0px;
}
.main-container{
    margin: 20px 0px;
}
.input-date{
    padding: 5px;
    margin-bottom: 24px;
    width: 100%;
    background: #fff;
}
.qc-button{
    margin-right: 20px;
}
.left-side-select{
    width: 100%;
}
.col-md-3 {
    width: calc(25% - 15px);
    margin-right: 15px;
}
/************ Dashboard page end************/
.text-scroll {
    overflow-y: scroll;
}



.tabsnew {position:relative;}
.tabsnew h3 {display:block;}
.tabsnew .tabnav ul {float:none;border:0;}
.tabsnew .tabnav ul li {padding:8px 20px;margin-left:0;font-size:14px;}
.tabsnew .tabnav ul li:last-child {border-right:1px solid #d4d4d4;}
.tabsnew #tab-1, .tabsnew #tab-2, .tabsnew #tab-3 {background:#fff;padding:10px 10px 25px;border-top:1px solid #d4d4d4;}


.tab_overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.8);}
.tab_loader {position:absolute;left:0;right:0;margin:auto;top:0;bottom: 0;height:50px;width:160px;background:url(../images/preloader.gif) no-repeat;}
#tab_overlay.tab_show {display: block;}
#tab_overlay.tab_hide {display: none;}
.accordn {
	width: 100%;
	text-align: left;
	padding: 5px 10px;
	background: #ee384a;
	color: #fff;
	border: 0;
	font-size: 13px;
	display:none;
	cursor:pointer;
}
.accordn:hover {color:#fff;}
.collps {display:block;}
.caret.arrowaccn {margin:7px 3px 0 0;float:right;border-top: 5px dashed;border-top: 5px solid\9;border-right: 5px solid transparent;border-left: 5px solid transparent;} 

.pg_disabled{cursor:not-allowed;}
.pg_disabled a {pointer-events: none;opacity:0.5;}

.article_img .carousel-inner input {width:30px;height:30px;background:#000;color:#fff;position:relative;z-index:99;}
.carousel-inner {position:relative;}
.carousel-inner .bttn-zoom {position:absolute;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {max-width:100%;}
.zoom {height:297px;overflow:auto;padding-top:30px;} 
.carousel-inner > .item .fitpage {max-width:100%;}

.nextpage {position:fixed;left: 3%;top:43%;z-index:99;}
.prevpage {position:fixed;right: 3%;top:43%;z-index:99;}
.nextpage a, .prevpage a {background: #e30613;color: #fff;padding: 10px 15px;}
.nextpage .caret, .prevpage .caret {display:none;margin-left:0;}
.preview_mailer {color:initial;}
.preview_mailer a {color:blue;text-decoration:underline;}
.preview_mailer a:hover {color:blue;text-decoration:underline;}
.pdfSlider_button.pdfSlider_next:before,.pdfSlider_button.pdfSlider_prev:after{font-family:fontAwesome;font-size:40px;color:#fff;line-height:49px}
.pdfSlider_button.pdfSlider_next:before{content:"\f105";padding-left:20px}
.pdfSlider_button.pdfSlider_prev:after{content:"\f104";padding-left:15px}
.pdfSlider_button.pdfSlider_close:after{content:"\f00d";font-size:14px;color:#fff;font-family:fontAwesome;padding:5px;line-height:20px}

/*Media Screens*/
@media only screen and (max-width: 1099px) {
.pdfSlider_rootContainer {width:100% !important;height:auto !important;}
.pdfSlider_rootContainer embed {width:100% !important;min-height:600px;height:auto !important;}
.nextpage {left:0%;}
.prevpage {right:0%;}

/*-----*/
}
@media only screen and (max-width: 991px) {
.articlehead .col-md-3 {width:100%;margin:0 0 20px;padding:0;}
.articlehead .col-md-6 {margin-bottom:20px;}
.articlehead .col-md-3 .newspaper-logo {float:left !important;}

.articledetails {padding:0;}
.articledetails div.col-md-3 {width:100%;margin:0;padding:0;}
.articledetails .col-md-3 table {border-bottom:1px solid #ccc;border-right:0 !important;}
.articledetails .col-md-3 table td {padding:7px !important;width:50%;}
.downld_share .col-md-3 {width:215px;margin:0;}
.dashboard .col-sm-4 {width: 33.33333333%;margin:2px 0 0;}
.dashboard .col-md-9 .col-sm-6 {width:45%;margin:0 5% 0 0;}
.dashboard .left-side-wrapper {width:100%;}
.tabnav {clear:both;}
.respo_set .col-md-3 {width:50%;margin:0 0 10px 0;float:left;}
.respo_set .col-md-3 input {margin:0 !important;}
.respo_set .col-md-3.custom_width_calc {width:50% !important;} 
.respo_set .col-md-9 {width:70%;margin:0 0 10px;float:left;} 
.respo_set .col-md-2 {width:30%;margin:0 0 10px;float:left;} 
.respo_set .col-md-2 input {width:100%;} 
.respo_set .col-md-3 .select2-container--default .select2-selection--multiple {padding:11px;}
.respo_set .page-title {margin:0;}
.nextpage a, .prevpage a {padding:12px 7px;}
.responsive_table {
    width: 100%;
    overflow-x: scroll;
}
.responsive_table table{
    width:1200px !important;
}
/*------*/
}

.journo-logo{
    padding-top:15px;
}
.modal-body.announcement_content .left-img{
    background-image: linear-gradient(25deg, #008eff, #272dff);
    background-image: -moz-linear-gradient(25deg, #008eff, #272dff);
    background-image: -webkit-linear-gradient(25deg, #008eff, #272dff);
    background-image: -o-linear-gradient(25deg, #008eff, #272dff);
}
div#launch_modal .modal-content{
    border-radius: 15px;
}

div#launch_modal button {
    position: absolute;
    right: 0;
    top: -45px;
    opacity: 1;
    color: #eae9e9;
    font-weight: 100;
    font-size: 4em;
    text-shadow: none;
}
#launch_modal .modal-dialog{
    left: 50%;
    top: 10%;
    position: absolute;
    transform: translateX(-50%) !important
}
.modal-body.announcement_content .left-img{
    width: 200px;    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.modal-body.announcement_content {
        font-size: 16px;
    line-height: 22px;
    padding: 0;
}
.modal-body.announcement_content strong {
    color: #ee1c25;
}
 .modal-body.announcement_content .right-img{
    width: calc(100% - 205px);    width: calc(100% - 205px);
    padding: 14px 15px;
    }
.announcement_content div {
    display: inline-block;
    vertical-align: middle;
}
.announcement_content .logo {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.custom_alert {
    position: absolute;
    font-size: 27px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    line-height: 34px;
    width: 60%;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    padding: 15px 10px;
    border: 1px solid #e09d06;
    border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.accordn {display:block;}
.collps {display:none;}
.collps.collapse.in {display:block;margin:5px 0 0;}

.content-inner-wrapper {padding:0;}
.articlehead {padding:5px 0 10px !important;border:0 !important;}
.articlehead .col-md-3 {margin-bottom:0;}
.client-tab {margin:0 !important;}
.client-tab .carousel-inner > .item {padding:0 !important;}
.articledetails .col-md-3 table td {padding:3px 7px !important;}
.articlehead h3 {font-size:22px;}
.articlehead .col-md-6 {margin-bottom:10px;}
.nextpage .caret, .prevpage .caret {display:inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px dashed;transform:rotate(-90deg);}
.nextpage .caret {transform:rotate(90deg);}
.nextpage .textp, .prevpage .textp {display:none;}
.nextpage a, .prevpage a {padding:12px 4px 15px 6px;}
.nextpage a {padding:12px 6px 15px 4px;} 
#launch_modal .modal-dialog{left: 5%;position: absolute;transform: inherit;width: 90%;}
/*------*/
}

@media only screen and (max-width: 640px) {
    .border-r {
    height: auto !important;
    border-bottom: 1px solid #d4d4d4;
    border-right: none !important;
    text-align: start;
        width: inherit !important;
    padding:5px !important;
}
.custom_alert{position: relative;}
.login-container {top: calc(50% - 165px);}
.pdfSlider_rootContainer embed {min-height:500px;}
/*------*/
}

@media only screen and (max-width: 480px) {
.login-container {padding:10px 15px;top: calc(50% - 140px);}
.login-inner-wrapper {margin:20px 0px 0px;}
.login-text {margin-bottom:15px;}
.forgot-pass {margin-top:10px;}
.pdfSlider_rootContainer embed {min-height:400px;}

.respo_set .col-md-3 {width:100%;padding:0;}
.respo_set .col-md-3.custom_width_calc {width:100% !important;} 
.respo_set .col-md-9, .respo_set .col-md-2, .respo_set .col-md-6 {width:100%;padding:0;} 


/*------*/
}

@media only screen and (max-width: 410px) {
.login-container {width:98%;}

/*------*/
}


.header{border-bottom:1px solid #f3f3f3;margin-bottom: 15px}
.name-designation img{max-width: 30px;}
.tabsnew #tab-1, .tabsnew #tab-2, .tabsnew #tab-3{background: #f9f9f9;padding:10px;}
.table_search{table-layout: fixed}
.table_search td{padding: 5px 10px;vertical-align: top;word-break: break-word; in (.table_search td)}
.table_search td:nth-child(2n+2) {width: 15%;}
.table_search td:nth-child(2n+3){border-left: 1px solid #cccccc;}
.article_image_navigation a{margin:0 15px;}
.article_image_navigation a.right span, .article_image_navigation a.left span{vertical-align: middle;display: inline-block;}
.article_image_navigation .fa-5x{line-height: 40px}
.bottom_fixed_btns{position: fixed;bottom: 0;width: 100%;background: #fff;left: 0;padding: 8px 0;z-index:999;}
.btn_square{border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0;}
.btn_brown{background-color: #3f3e3d;font-size: 14px;padding: 9px 15px;margin-right: 10px}
.article_image_navigation .docs-pictures{margin-top: 10px}
.bottom_fixed_btns ul.dropdown-menu button{background: none;border: none;}