﻿.nopadding { padding: 0!important; margin: 0!important; }
.table-head-btn { margin-top: 7px!important; margin-bottom: 7px!important; margin-right: 15px; }
.filter-btn { margin-top: 23px; }
.clearfix { clear: both; }
.accord-tab { text-decoration: none; background-color: #143276; color: #fff; padding-left: 20px; }
.accord-tab .panel-heading { background-color: #143276!important; }
.accord-tab .panel-heading a { color: #FFF!important; }
.visitorbox { width: 100%; height: 250px; padding: 10px; background-color: #FAFAFA; border-radius: 10px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #E5E5E5; }
.bor-bot { padding: 10px; border-bottom: 1px solid #ccc; }
.treetable { width: 250px; border: 1px solid #E5E5E5; border-radius: 10px; background-color: #FAFAFA; padding: 15px; }
.treetable > table > tbody > tr > td { width: 200px; padding: 8px 0px; border-bottom: 1px solid #E5E5E5; text-align: left; }
.treetable > div > table > tbody > tr > td { width: 170px; padding: 8px 0px; border-bottom: 1px solid #E5E5E5; text-align: left; }
.treetable > div > table > tbody > tr > td:first-child { width: 30px; }
.navbar-branding { float: left; width: 245px!important; margin-right: 15px; }
.header-logo { width: 100%; height: auto; margin-top: 15px; display: block; margin-left: 15px; }
.header-logo img { max-height: 75px; width: auto; max-width: 100%; }
.treetable input { margin-right: 10px; }
.mail-info-tbl tbody td { width: 100%; }
.mail-info-tbl { border: 0px!important; }

.parentfldr { }
.parentfldr .linkbtn { color: #fff; min-height: inherit; }
.parentfldr .panelmenu { line-height: 1; }
.parentfldr .addfolder { box-shadow: 0px 0px 5px #ccc; border-radius: 5px; }
.parentfldr .blankadd { box-shadow: 0px 0px 5px #ccc; border-radius: 5px; padding: 17px 20px; }
.parentfldr .foldernormal { width: 70px; }
.parentfldr .thumbnail { cursor: pointer; }
.parentfldr .thumbnail:hover { background: #f8f8f8; box-shadow: 0px 0px 5px #4c5255; }
.parentfldr .plusfld_ic { width: 12.6667%; }
.parentfldr span span { border-radius: 3px; width: 120px; box-shadow: 0px 0px 5px #e2e2e2; float: left; text-align: center; margin-right: 10px; margin-top: 10px; padding: 0px; position: relative; }
.parentfldr span span:hover { background: #c2c2c2; }
.parentfldr span span input[type="image"].delete-icon { position: absolute; right: -5px; top: -5px; display: none; }
.parentfldr span span:hover input[type="image"].delete-icon { display: block; }
.parentfldr span span.active { background: #c2c2c2; }
.parentfldr span a { display: block; text-decoration: none; color: #223C78; font-size: 14px; font-weight: 600; min-height: 40px; }

.imgdtl { border: solid 1px #ddd; border-radius: 4px; display: block; line-height: 1.42857; padding: 0px; }
.imgdtl .popover-title { font-weight: 600; padding-top: 10px; text-align: center; }
.imgdtl .imgsec { }
.imgdtl .imgsec .foldernormal { width: 100%; }
.imgdtl .ftrbottom { background-color: #f5f5f5; border-top: 1px solid #ddd; padding: 5px; }
.imgdtl .ftrbottom p { white-space: normal; word-break: break-all; }
.spht { height: 1px; }
.imglink { font-weight: 600; }
.mu10 { margin-top: 10px!important; }
.mu20 { margin-top: 20px!important; }
.fleft { float: left!important; }
.fright { float: right!important; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.txtcenter { text-align: center!important; }
.line_space { line-height: 30px; }
.icon_name { }
.icon_name span { width: 15%; float: left; margin-top: 10px; margin-right: 10px; padding: 0px; position: relative; transition-property: background; transition-duration: .5s; transition-timing-function: linear; }
.icon_name span input[type="image"].delete-icon { position: absolute; right: -5px; top: -5px; display: none; z-index: 9; }
.icon_name span:hover input[type="image"].delete-icon { display: block; }
.icon_name span.active { background: #deecf5; }
.icon_name a { text-decoration: none; color: #777; font-size: 14px; }

.uploadpan-hgt { height: 180px; }
.file-breadcrub { font-size: 14px; color: #666; font-weight: bold; }
.file-breadcrub a { font-size: 14px; color: #666; text-decoration: none; }
.file-breadcrub a:hover { font-size: 14px; color: #555; text-decoration: none; }
.paging table td { }
.paging table td span { display: inline-block; line-height: 1.42857143; text-decoration: none; background-color: #0c74e3; border: solid 1px #0c74e3; padding: 5px 10px; font-size: 12px; color: #fff; }
.paging table td a { display: inline-block; line-height: 1.42857143; text-decoration: none; background-color: #fff; border: 1px solid #dddddd; border-left: none; padding: 5px 10px; font-size: 12px; color: #428bca; }
.paging table td a:hover { background-color: #0c74e3; color: #fff; border-color: #0c74e3; }
.paging table td:first-child a { border-left: 1px solid #ddd; }

.sucess-msg { background-color: #D3EFB7; font-size: 14px; padding: 10px; border: 1px solid #77a04c; margin-bottom: 10px; color: #77a04c; border-radius: 4px; display: inline-block; }
.error-msg { background-color: #FFD0D0; font-size: 14px; padding: 10px; border: 1px solid #c33a3a; margin-bottom: 10px; color: #c33a3a; border-radius: 4px; display: inline-block; }
.sucess-msg span { font-size: 16px; }
.error-msg span { font-size: 16px; }
.assign-menu { border: 0px!important; background-color: transparent!important; font-size: 16px; color: #0c74e3; box-shadow: none!important; }
.assign-menu-panel { width: 250px; }
.assign-menu-header { background-color: #0c74e3; color: #fff; }
.login-rembr { float: left; height: 20px; line-height: 18px; margin-left: 4px; }

.color-tags span { display: inline-block; margin: 2px 0px; }
/* gallery effect */
.work { margin: 9px 0; padding: 0 9px; height: auto; color: #aaaaaa; cursor: pointer; overflow: hidden; }
.work-inner { border: 1px solid #ebebeb; }
.work-img { width: 100%; background: #555; position: relative; overflow: hidden; }
.work-img img { width: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.work-desc { width: 100%; background: white; margin: 0; text-align: center; padding: 15px 5px; }
.work-desc h4 { text-transform: uppercase; font-size: 20px; margin: 0; }
.work-desc p { font-size: 15px; margin: 0; }
.work-img .button { width: 42px; height: 42px; display: block; border-radius: 100px; background: white; position: absolute; text-align: center; padding: 11px 0 0; font-size: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.work-img .button:hover { background: #0c74e3; color: white; }
.work-img .zoom { left: 20%; top: 20%; opacity: 0; }
.work-img .detail { right: 40%; bottom: 20%; opacity: 0; }
.work-img .pic-delete { right: 18%; top: 20%; opacity: 0; }
.work:hover .work-img img { opacity: 0.2; }
.work:hover .work-img .zoom { top: 50%; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.work:hover .work-img .detail { bottom: 50%; opacity: 1; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); }
.work:hover .work-img .pic-delete { top: 50%; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

/* isotope styles */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End:Recommended Isotope styles */
/* circle navigations */
.circle_nav_wrap { text-align: center; background-image: url(../images/circlebg.png); background-repeat: no-repeat; background-position: center center; }
.circle_nav_wrap a { background-color: #f2f2f2; color: #00adf2; font-size: 21px; transition: .2s; padding: 10px; }
a.act_cir { background-color: #00adf2; width: 60px!important; height: 60px!important; font-size: 29px; transition: .2s; margin-top: 0px; color: #fff!important; text-decoration: none; }
.circle_nav_wrap a:hover { background-color: #ccc; width: 60px!important; height: 60px!important; font-size: 29px; transition: .2s; margin-top: 0px; color: #fff!important; text-decoration: none; }
.prev_cir { background-color: #ccc!important; color: #FFF!important; }
a.circle_nav { display: inline-block; width: 50px; height: 50px; border-radius: 50%; color: #00adf2; font-weight: bold; }
.circle_nav_wrap ul { padding: 0px!important; margin: 0px!important; }
.circle_nav_wrap ul li { display: inline-block; width: 96px; max-width: 9%; position: relative; margin-bottom: 0px!important; }
.circle_nav_wrap ul li .redstar { position: absolute!important; top: 0px!important; left: auto!important; right: 15px!important; }
/* step forms */
.form-step-title { font-size: 14px; font-weight: bold; /*margin: 15px 0px;*/ }
.title-highlight { color: #0c74e3; }
.stepform-wrap label { line-height: 30px; text-align: right; }
/*thumb select block*/
.form-imglist-wrap { width: 100%; height: 250px; padding: 10px; overflow: auto; background-color: #fff; box-shadow: 0px 2px 4px #BBB inset; border-radius: 3px; }
.form-imglist-wrap ul { padding: 0px; margin: 0px; }
.form-imglist-wrap ul li { display: block; width: 100%; height: 60px; padding-bottom: 5px; padding-top: 5px; border-bottom: thin dashed #ccc; }
.select-img { width: 75px; height: 50px; float: left; text-align: center; line-height: 3.5; margin-right: 30px; }
.select-img img { max-width: 100%; max-height: 100%; }
.select-img-title { font-size: 13px; width: 135px; float: left; color: #4B97B7; font-weight: 500; padding-top: 14px; }
.select-img-control { width: 20px; float: left; padding-top: 10px; }
.stepfieldgrp-clear { clear: both; margin-bottom: 40px; }
.stepfield-clear { clear: both; margin-bottom: 10px; }
.nopadding { padding: 0px!important; }
.control-label i { font-size: 14px; }
a.prev-btn { width: 175px; padding: 5px; border-radius: 3px; text-align: center; float: left; display: inline-block; background-color: #99dcef; color: #fff; text-decoration: none; }
a.save-btn { width: 175px; padding: 5px; border-radius: 3px; text-align: center; margin: auto; display: inline-block; background-color: #78c900; color: #fff; text-decoration: none; left: 0px; right: 0px; position: absolute; }
a.next-btn { width: 175px; padding: 5px; border-radius: 3px; text-align: center; float: right; display: inline-block; background-color: #ff8d00; color: #fff; text-decoration: none; }
a.prev-btn:hover { background-color: #f4f4f4; }
a.save-btn:hover { background-color: #f4f4f4; }
a.next-btn:hover { background-color: #f4f4f4; }
a.next-btn i, a.prev-btn i { vertical-align: sub; padding-left: 5px; padding-right: 5px; }
.sample-thumb-wrap { padding: 10px 0px; text-align: center; border: 1px solid #ccc; }
.sample-thumb-wrap img { max-width: 100%; }
.fileup-block input[type="file"] { display: block; width: 195px; float: left; }
.tpl-part-btn-act { width: 85%; padding: 10px; margin-bottom: 3px; border-radius: 3px; background-color: #00adf2; float: left; color: #fff; }
.tpl-part-btn { width: 85%; padding: 10px; margin-bottom: 3px; border-radius: 3px; background-color: #99dcef; float: left; color: #fff; }
.form-tpl-wrap { width: 100%; height: 410px; padding: 10px; overflow: auto; background-color: #fff; border-radius: 3px; }
.form-tpl-wrap .fa-question-circle { margin-top: 10px; }
.form-tpl-wrap .cBox-inline { width: 15px; margin-top: 7px; }
.form-tpl-wrap ul { padding: 0px; margin: 0px; }
.form-tpl-wrap ul li { display: block; margin-bottom: 0px; overflow: hidden; }
.form-tpl-wrap ul li .strg_ttl { margin: 10px 0px 5px 0px; display: block; font-weight: 500; }
.select-tpl-control { margin-left: 10px; margin-top: 10px; }
.select-tpl-control input[type='checkbox'] { opacity: 0; }
.select-all-bottom { border-top: 1px solid #ccc; padding: 20px 0px; margin-top: 10px; }
.select-all-bottom div { width: 280px; float: left; }
.sample-img-wrap { width: 100%; margin-top: 20px; margin-bottom: 20px; }
.sample-img-wrap img { width: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.btn-save { background-color: #5cb85c; color: #fff; border-radius: 3px; }
.btn-delete { background-color: #404040; color: #fff; border-radius: 3px; }
.btn-upload { background-color: #00adf2; color: #fff; border-radius: 3px; width: 125px; }
.btn-addnew { background-color: #fe8d01; color: #fff; border-radius: 3px; width: 165px; }
.btn-save i,
.btn-delete i,
.btn-addnew i,
.btn-upload i,
.btn-danger .fa-minus-circle { font-size: 14px; padding-right: 10px; }
.mr10 { margin-right: 10px; }
.list-head-control { width: 100%; }
.accordion .panel-heading { /*background-color: #20a5ce; color: #fff;*/     font-family: 'Nunito-SemiBold';}
.accordion .panel-heading a { /*color: #fff;*/ }
.accordian-number { /*background-color: #ccc; color: #fff; padding: 0px 10px; width: 40px; float: left; text-align: center; font-weight: bold; margin-right: 20px;*/ }
.accordion-toggle .accordion-toggle-icon i { color: #fff; }
.panel-heading a.edit-icon { color: #fff; float: right; font-size: 14px; position: absolute; right: 30px; top: 7px; display: inline-block!important; width: 30px; }
.accordion .panel-heading { position: relative; border: none; min-height: 40px;}
.accordion .accordion-toggle {
    color: #fff;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
    opacity: 1!important;
}
.accordion .accordion-toggle .accordian-number:before, .accordion .accordion-toggle.collapsed:hover .accordian-number:before {
    content: "";
    width: 55px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -13px;
    transform: skewX(-25deg);
    transition: all 0.5s ease 0s;
    background: #429dff;
    background: -moz-linear-gradient(top, #429dff 0%, #2066b1 100%);
    background: -webkit-linear-gradient(top, #429dff 0%,#2066b1 100%);
    background: linear-gradient(to bottom, #429dff 0%,#2066b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429dff', endColorstr='#2066b1',GradientType=0 );
}
.accordion .accordion-toggle .accordian-number span, .accordion .accordion-toggle.collapsed:hover .accordian-number span {
    position: relative;
    z-index: 99;
    color: #fff;
}
.accordion .accordion-toggle .accordian-number {
    background: transparent;
    width: 50px;
    text-align: left;
    padding: 10px 15px;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.accordion .accordion-toggle.collapsed .accordian-number:before {
    background: rgba(0, 0, 0, 0.1);
}
.accordion .accordion-toggle.collapsed .conttx {
    color: #000;
}
.accordion .accordion-toggle .conttx, .accordion .accordion-toggle.collapsed:hover .conttx {
    color: #2066b1;
}
.accordion .accordion-toggle .accordian-number span.glyphicon:first-child {
    display: none;
}
.accordion .accordion-toggle.collapsed .accordian-number span.glyphicon:first-child {
    display: inline-block;
}
.accordion .accordion-toggle.collapsed .accordian-number span.glyphicon:last-child {
    display: none;
}
.accordion .accordion-toggle .accordian-number span.glyphicon:last-child {
    display: inline-block;
}
.accordion .accordion-toggle.collapsed .accordian-number span {
    color: #9f9f9f;
}
.accordion .table tr td > .panel {
    margin-bottom: 10px;
}
.ta-center { text-align: center; }
.formin-heading { font-size: 14px; position: relative; }
.formin-heading span { position: absolute; display: inline-block; padding: 10px; background-color: #FFF; top: -20px; }
.table-grey thead td { background-color: #9f9f9f; color: #fff; }
.table-grey { border: 1px solid #ddd; }
.table-grey td { border-top: 1px solid #ddd; background-color: #f5f5f5; }
.table-grey td input { -webkit-box-shadow: inset 0px 2px 7px 0px rgba(0,0,0,0.30); -moz-box-shadow: inset 0px 2px 7px 0px rgba(0,0,0,0.30); box-shadow: inset 0px 2px 7px 0px rgba(0,0,0,0.30); }
.table-grey td i { font-size: 24px; }
.selector { position: relative; }
.top-select-drop { width: 250px; float: left; }
.top-select-drop.auto { width: auto; }
.top-select-drop .selector span { display: block; background-color: #fff; height: 34px; padding: 5px 10px; border-radius: 3px; border: solid 1px #ccc; }
.top-select-drop .selector span::after { content: '\f0dc'; font-family: FontAwesome; float: right; margin-right: 5px; font-size: 18px; margin-top: -2px; }
.top-select-drop .selector select { position: absolute; top: 0px; opacity: 0; height: 33px; }
.form-select-drop { width: 145px; float: left; }
.form-select-drop .selector span { display: block; background-color: #fff; height: 34px; padding: 5px 10px; border-radius: 3px; border: 1px solid #ccc; }
.form-select-drop .selector span::after { content: '\f0ab'; font-family: FontAwesome; float: right; margin-right: 5px; font-size: 18px; margin-top: -2px; color: #000; }
.form-select-drop .selector select { position: absolute; top: 0px; opacity: 0; height: 33px; }
.fileup-panel { padding: 20px; border: 1px solid #ccc; margin-top: 20px; margin-bottom: 20px; }
.fileup-panel input[type="file"] { display: block; width: 195px; float: left; }
.emails-list { width: 100%; height: 200px!important; }
.radio-inline { font-size: 14px; font-weight: normal; }
.form-list-wrap { width: 100%; height: 113px; border-radius: 3px; border: 1px solid #ccc; overflow: auto; }
.form-list-wrap.htnew { height: 260px; }
.form-list-wrap.auto { width: 66.6667%; }
.form-panel-title { font-size: 18px; }
.accordian-icon { display: inline-block; padding-left: 5px; padding-right: 9px; border-right: 1px solid #777; margin: 5px 10px 5px 5px; color: #20a5ce; line-height: 14px; }
.dashboradtbl-wrap .accordion .panel-heading { background-color: #fafafa; color: #777; }
.dashboradtbl-wrap .accordion .panel-heading a { color: #777; }
.dashboradtbl-wrap .accordion .panel-heading .accordion-toggle-icon { padding: 6px 8px 8px; font-size: 18px; background-color: #20a5ce; border-radius: 3px; margin-top: 3px; margin-right: 3px; }
.table-bluehead tr th { background-color: #20a5ce; color: #FFF; }
.table-bluehead tr:hover th { background-color: #20a5ce!important; color: #fff!important; }
.table-bluehead td { background-color: #fafafa; }
.table-greyhead thead td { background-color: #babbbd; color: #FFF; }
.table-greyhead td { background-color: #fafafa; }
.dashboradtbl-wrap .panel-body { background-color: #fafafa; }
.tbl_pagination ul { margin: 0px; padding: 0px; }
.tbl_pagination ul li { display: inline-block; margin-right: 5px; }
.tbl_pagination ul li a { display: block; padding: 5px 10px; background-color: #fff; color: #000; }
.tbl_pagination ul li a:hover, .tbl_pagination ul li a.active { display: block; padding: 5px 10px; background-color: #20a5ce; color: #fff; text-decoration: none; }
.tbl_pagination ul li a i { line-height: .5em; color: #20a5ce; }
.dashboradtbl-wrap { border: none!important; }
.dashboradtbl-wrap .panel-body { border: none!important; background-color: #e8e8e8!important; padding: 0px!important; }
.dashboradtbl-wrap .panel { border: none!important; background-color: #e8e8e8!important; margin-bottom: 30px; box-shadow: none!important; }
.dashboradtbl-wrap a.btn-addnew { width: 225px; }
.panel-grey .accordian-icon i { color: #babbbd; }
.panel-grey .tbl_pagination ul li a:hover,
.panel-grey .tbl_pagination ul li a.active { display: block; padding: 5px 10px; background-color: #babbbd; color: #fff; text-decoration: none; }
.tbl_pagination { background-color: #e8e8e8!important; }
.tbl_pagination td table tbody tr { margin: 0px; padding: 0px; }
.tbl_pagination td table tbody tr td { display: inline-block; margin-right: 5px; }
.tbl_pagination td table tbody tr td a { display: block; padding: 5px 10px; background-color: #fff; color: #000; }
.tbl_pagination td table tbody tr td a:hover, .tbl_pagination td table tbody tr td span { display: block; padding: 5px 10px; background-color: #20a5ce; color: #fff; text-decoration: none; }
.tbl_pagination td table tbody tr td a:hover, .tbl_pagination td table tbody tr td a.current { display: block; padding: 5px 10px; background-color: #20a5ce; color: #fff; text-decoration: none; }
.tbl_pagination td table tbody tr td a i { line-height: .5em; color: #20a5ce; }
.btn-upload-small { background-color: #00adf2; color: #fff; border-radius: 3px; padding: 5px 10px; }
.multiselect-container li a label { text-align: left; }
.thumb-title.ht30 { height: 30px; }
/*popup table style*/
.poptbl_clr { background-color: #EAEAEA; padding: 3px 5px; }
.poptbl_alt { background-color: #F8F8F8; padding: 3px 5px; }
a.event_ctrlbtn { display: inline-block; width: 50px; float: left; text-align: center; }
a.event_ctrlbtn:hover { text-decoration: none; }
.pickTxShadow { letter-spacing: 2px; text-shadow: 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a, 0px 0px 1px #4a4a4a; }

/* FOR IMAGE POP UP STEP 6*/
.imgThumb .imgBlock, .imgSelect .imgBlock, .imgDetail .imgBlock { width: 220px !important; height: 148px !important; padding-left: 5px; padding-right: 5px; border: solid 2px #7890b5; background: #fff; border-radius: 2px; display: inline-block; vertical-align: top; margin: 3px; position: relative; }
#popImage .close-btn, #popOfrLine .close-btn { display: inline-block; float: right; }
#popImage .modal-header, #popOfrLine .modal-header { position: absolute; width: 100%; z-index: 999; }
#popImage .modal-body, #popOfrLine .modal-body { height: 550px; overflow: auto; padding-top: 75px; }
#popImage .btn-danger, #popOfrLine .btn-danger { float: right; }
#popImage .btn-danger i, #popOfrLine .btn-danger i { color: #fff !important; font-size: 17px !important; }
#popImage .checkbox_img img, #popOfrLine .checkbox_img img { position: absolute; top: 0px; bottom: 0px; margin: auto; }

.ckadiBOX { right: 11px; top: 0px; padding: 0; }
.checkbox_img { width: 274px; }
.checkbox_img .work-img { width: 258px; height: 180px; display: table-cell; vertical-align: middle; text-align: center; border: solid 3px #555; position: relative; }
.checkbox_img .work-img img { width: auto !important; height: auto !important; display: inline; margin-bottom: 0px; max-height: 100%; }
/*.checkbox_img:hover .ckadiBOX label{border:3px solid #0da3e2; height:180px; margin-left:-195px; margin-top:-13px; min-width:255px;width:100%!important;}*/
.cpn_div { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; }
.checkbox_img .caption01 { background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 11px; line-height: 1.2; padding: 5px; text-align: left; display: block; margin-bottom: 1px; }
.checkbox_img .caption02 { background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 11px; line-height: 1.2; padding: 5px; text-align: left; display: block; margin-bottom: 1px; }
.checkbox_img .caption03 { background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 11px; line-height: 1.2; padding: 5px; text-align: left; display: block; }
.checkbox_img.close_checkbox input[type="checkbox"]:checked + label:after { background: url("../images/closeBG.png") no-repeat scroll right top; }
.TickBTN { width: 100%; height: 100%; }
.TickBTN.cBox-inline { display: inline-block; }
.TickBTN.cBox-inline + .cBox.cBox-inline { margin-left: 18px; }
.TickBTN input { margin: 0; float: right; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.TickBTN label { cursor: pointer; font-size: 16px; font-weight: 600; padding-left: 15px; margin: 0; }

.TickBTN label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: absolute; right: 0; top: 0px; width: 217px; height: 144px; text-align: center; left: 0px; }
.TickBTN input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; color: #fff; content: " "; font-family: 'FontAwesome'; font-size: 15px; background: url("../images/tickBG.png") no-repeat top right; border: solid 3px #0da3e2; }
/* FOR IMAGE POP UP STEP 6*/

/* For Report Header  */
.rpt_statswrp { text-align: center; }
/*.rpt_stats { display: inline-block; padding: 10px 5px; border-right: 1px solid #cfb8f9; min-width: 150px; text-align: center; vertical-align: top; }*/

/*.rpt_stats .tbl-mdm-title { text-align: center; }
.rpt_stats div { display: inline-block; vertical-align: top; }
.rpt_stats .datacnt { font-size: 15px; margin: 0px; text-align: center; }

@media only screen and (min-width:769px) and (max-width:1280px) {
    .rpt_stats .datacnt { font-size: 12px; }
    .rpt_stats { min-width: 125px; }
}

@media only screen and (width:768px) {
    .rpt_stats .datacnt { font-size: 12px; }
    .rpt_stats { min-width: 100px; padding: 10px 2px; }
}

@media only screen and (max-width:767px) {
    .rpt_stats { min-width: 100%; padding: 10px; border-right: none; border-bottom: 1px solid #cfb8f9; }
    .rpt_statswrp { text-indent: 0px!important; }
    .rpt_stats .datacnt-sub, .rpt_stats .datacnt { float: right; }
}*/

.rpt_stats { display: inline-block; margin: 0px; width: 16.66%; float: left; }
.rpt_stats .datacnt { font-size: 30px; margin-right: 5px !important; display: inline-block; float: left; border-radius: 50%; text-align: center; width: 100%; }
.rpt_stats .datacnt span { display: block; font-size: 18px; font-weight: bold; line-height: 1em; margin-bottom: 5px; font-family: 'Nunito-Black'; }
.rpt_stats .datacnt div { display: inline-block !important; }
.rpt_stats .datacnt div canvas { background: #fff; border-radius: 50px; }
.rpt_stats .datacnt div input:focus { outline: none; }
.rpt_stats .datacnt.ltrBookingBg div canvas { background-color: #93c753; }
.rpt_stats .datacnt.ltrProspectBg div canvas { background-color: #ffcd6a; }
.rpt_stats .rpt_st_title { text-align: left; /*display: inline-block;*/ margin-top: 5px; display: block; width: 100%; text-align: center; font-size: 12px; color: #acacac; }
.rpt_stats .rpt_st_title .datacnt-sub { display: inline-block; text-align: left; margin-bottom: 2px; }

/* For Report Header  */
.btn i { font-size: 14px; }
.inlineBlk { display: inline-block; }
.radioInpt { text-align: left; }
.radioInpt label { padding-left: 5px; cursor: pointer; }
.radioInpt input { -moz-appearance: none; -webkit-appearance: none; appearance: none; display: block; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 50%; background-color: #FFF; float: left; }
.radioInpt input:checked { background-color: #00adf2; cursor: pointer; }
.radioInpt input:focus { outline: 0px; }
.ofrlist .panel-heading { background: #0da3e2; border-radius: 8px 8px 0px 0px; }
.ofrlist .panel-tabs > li > a { color: #fff; border-radius: 8px 8px 0px 0px; border-left: 0px; }
.ofrlist .panel-tabs > li > a:hover { background-color: #098ac0; }
.ofrlist .panel { border-radius: 8px 8px 0px 0px; }
.panel-tabs > li.active:after { background: transparent!important; }
/*dashboard*/
a:focus { outline: none; }
.dshbrdLst td a { display: block; height: 100%; text-align: left; padding: 10px 0px; }
.dshbrdLst td.actioncell a { text-align: center; }
.dshbrdLst td a span { font-size: 17px; text-align: left; display: inline-block; vertical-align: middle; margin-right: 5px; color: #8e8e8e; }
.dshbrdLst td a:hover { text-decoration: none; }
.dateIcon { text-align: left; }
.dateIcon span { font-size: 17px; text-align: center; display: inline-block; margin-bottom: 5px; color: #8e8e8e; vertical-align: middle; margin-right: 5px; }
.footerBtns .btn .fa { font-size: inherit; }
.dshbrdLst td.chkbox { vertical-align: middle; }
.cmplogo, .dateIcon { vertical-align: middle!important; color: #0c74e3; }
.accordion-toggle .accordion-toggle-icon { padding: 10px 12px 10px!important; }
.btn-group { width: 100%; }
.multiselect.dropdown-toggle { width: 100%; display: block; text-align: left; }
.multiselect.dropdown-toggle .caret { float: right; margin-top: 8px; }
