@font-face {
    font-family: 'poppinsblack';
    src: url('../../assets/fonts/poppins/poppins-black-webfont.woff2') format('woff2'),
    url('../../assets/fonts/poppins/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: 'poppinsbold';
    src: url('/../../assets/fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),
    url('../../assets/fonts/poppins/poppins-bold-webfont.woff') format('woff');
    }
    @font-face {
    font-family: 'poppinsmedium';
    src: url('../../assets/fonts/poppins/poppins-medium-webfont.woff2') format('woff2'),
    url('../../assets/fonts/poppins/poppins-medium-webfont.woff') format('woff');
    }
    @font-face {
    font-family: 'poppinsregular';
    src: url('../../assets/fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),
    url('../../assets/fonts/poppins/poppins-regular-webfont.woff') format('woff');
    }
    @font-face {
    font-family: 'poppinssemibold';
    src: url('../../assets/fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'),
    url('../../assets/fonts/poppins/poppins-semibold-webfont.woff') format('woff');
    }
    body{
    font-family: 'poppinsregular' !important;
    }

body{font-family: 'poppinsregular' !important; font-weight:400;font-style:normal;background-color:#F1F1F1;height: 100vh !important;}
.default-btn:hover{color:#000}
@keyframes blinkingText{
	0%{	color: #000;
/* background:#ec0303;*/
 }
	
	50%{	color: #ec0303;
/* background:#fff;*/}

	100%{	color: #000;
/* background:#ec0303;*/	}
}
/*Login page */
.bg_login{background:url(../img/bg-login.png);background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 100vh !important;}
.bg_reset{background:url(../img/bg-resets.jpg) center center fixed;background-position:inherit;}
img.gemslogo{width:150px;margin:0 auto;margin-left:32%;}
.login-dialog{width:420px;margin-top:150px;}
.modal-dialog.login-dialog{margin-top:150px;}
.modal-body.login-body{padding:15px 22px}
.modal-content.login-content{border-radius:0;box-shadow:none;border:none}
.sign-in a{color:#666;text-decoration:none;font-size:16px}
.modal-header.login-header{padding:10px 22px;position:relative;border-bottom:1px solid #bdbdbe}
.login-body .input-lg{border-radius:0;border-radius:0;background-color:#eeeff0;padding:0px 14px;height:40px;font-size:13px;border:1px solid #fff;outline:none!important}
.btn-login:focus{outline:none;outline:none;outline-offset:0;background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none;color:#fff;text-decoration:none}
.btn-login:hover{color:#fff}
.login-body .input-lg::-webkit-input-placeholder{color:#666}
.login-body .input-lg:-moz-placeholder{color:#666}
.login-body .input-lg:-ms-input-placeholder{color:#666}
.login-body input{outline:none}
.login-body .form-control:focus{border:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.login-body .form-control{border:none;outline:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #000;background-color:#ffff important;
    box-shadow: 0 0 0 1000px white inset;-webkit-box-shadow: 0 0 0 1000px white inset;}
.pd-30{padding-bottom:30px}
.btn-login{background-color:#da2932;
	color:#fff;padding:8px 26px;border-radius:0;text-transform:capitalize;font-size:16px;color:#fff}
span.pull-right.sign-in{position:absolute;right:24px;bottom:10px}
.login-body .form-group{margin-bottom:16px}

/*Navbar*/
nav.navbar .title{text-align:right;width:51%;height:50px;line-height:50px;margin:0px;}
.nav-bar nav.navbar.navbar-default{background:#ffffff!important;color:#A01C3E!important}
.nav-bar a,a.dropdown-toggle.drop-down-main{color:#fff!important}
a.dropdown-toggle.drop-down-main{font-size:18px}
.my-dropdown a{color:#666!important}
.roll-select select{width:100%;height:30px;font-size:12px;font-weight:500;color:#666;cursor:pointer;}
.widget-header{background-color:#f1c40f;color:#000;height:100%;background-color:#cbccce}
.widget-header h3{font-size:16px;padding-top:12px;padding-left:10px;margin-top:0;padding-bottom:10px;margin-bottom:0}
.roll-select-wrapper{padding:12px 24px 12px 26px}
.roll-wrapper{padding:0;padding-bottom:6px}
.roll-select{padding:0 5px 0 0}

/*roll allocator*/
.box-wrap{padding:0px 3px;}
ul.roll-ul{list-style:none;padding:0;margin:0;overflow-y:scroll;min-height:330px;max-height:330px;border:1px solid #d8c7c7}
ul.roll-ul li{background-color:#f4f6f9}
ul.roll-ul li.odd{background-color:#fff;border-left:4px solid #1fd507}
ul.roll-ul li.white{background-color:#fff}
ul.roll-ul li.even{border-left:4px solid #ec2427;margin-bottom:2px}
span.roll-select-title{font-weight:700;padding:0;margin:0;margin-left:0}
.roll-click-eye{padding:0px 6px 0px 0px;}
.roll-select-wrapper{padding:12px 22px 12px 28px;}
.roll-click-eye span{margin:0 3px;font-size:12px}
.roll-click-eye span.glyphicon{font-size:16px}
a.a-eye{text-decoration:none;color:#666}
.bg-white th{background-color:#fff}
.breadcrumb>li+li:before{padding:0 5px;color:#fff;content:">"!important;font-size:16px}
.breadcrumb{padding:0;margin-bottom:20px;list-style:none;background-color:transparent;border-radius:4px;font-size:14px;color:#fff}
.breadcrumb li:last-child{font-size:22px;}
.breadcrumb a{text-decoration:underline;font-size:14px;vertical-align:top;}
.navbar-nav li a span{font-size:18px;text-align:left!important;}
.title{float:left;width:58%;margin:0 auto;text-align:right;font-size:1.7em;margin-top:8px;text-align:right;}
.top-corner-menu:before{padding:0 5px;color:#ccc;content:"|"!important;font-size:16px}
ul.corner-menu{list-style:none}
ul.corner-menu li{display:inline-block;font-size:16px;padding:0;margin:0;width:26px}
.top-corner-menu:before{padding:0 12px;color:#666;content:"|"!important;font-size:20px}
.corner-menu{margin-right:62px;margin-top:10px}
ul.corner-menu li a{color:#666;font-weight:700}
ul.corner-menu li a:hover{color:#3297db;text-decoration:none}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.active>a{background:transparent}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:transparent}
.top-bar{padding-top:6px;background:#fff;}
.roll-select select{background-color:#fff;padding:5px;font-size:12px;line-height:1;height:34px;background-repeat:no-repeat;background-position:right;background-position:145px;background-size:11px;border:1px solid #c7bdbd;padding-right:4px; background-color:#fff;padding:5px;font-size:12px;line-height:1;height:34px;background-repeat:no-repeat;background-position:right;background-position:145px;background-size:11px;border:1px solid #c7bdbd;padding-right:4px}
select::-ms-expand{display:none}
.roll-click-eye .glyphicon{top:4px}
.no-roll-container{display:table;width:100%;height:506px;border:1px solid #ecc8c8}
.no-roll-content{display:table-cell;text-align:center;vertical-align:middle}
.no-roll-content h1{font-size:50px;font-weight:100;color:#cbcbcb;font-weight:300;color:#8e8a8a}
.no-roll-content .roll-click-eye{color:#cbcbcb}
.no-roll-content .roll-click-eye span.glyphicon{color:#cbcbcb}
button.name-drop{background:none;border:none;margin-top:10px}
ul.name-list{list-style:none;width: 100%;text-align: right;}
ul.name-list li{display:inline-block;margin-top:10px}
.logout-dropdown{position:relative;top:-9px;left:10px}
.shift-btn{margin-left:-98px;margin-top:14px;border-radius:0;min-width:50px;padding:0}
.logout-btn{width:100%;text-align:center;margin:0;margin-top:0!important}
li.logout-btn a{padding:10px 20px}
.logout-dropdown .glyphicon{color:#666}
span.emp_name{font-weight:700;color:#545454}
.right-nav li a{font-size:14px;padding:0px 5px;margin:0px 5px;height:50px;line-height:50px;}
.right-nav li a span{font-size:14px;margin-right:4px}
.right-nav{margin-top:0px}
.right-nav .dropdown a{background:none;border:none;box-shadow:none}
.right-nav .dropdown ul li a{color:#666!important}
.roll-select select option{font-size:14px}
img.cust-glyphicon{margin-right:6px;margin-top:-4px}
span.emp_details{color:#666;font-size:12px;font-weight:400}
.no-roll-content h1{font-size:29px;line-height:30px;padding:10px}
.no-roll-content h1 a{font-size:14px;font-weight:400;position:relative;top:-4px;margin:0 10px 0 5px;padding:6px 9px;}
.no-roll-container.error-pge{height:605px}
.text-bold{font-weight:700}
ul.roll-ul.fixed .select-container{margin:-10px 0}

/*Dashboard*/
.scroll-table{position:relative;border:1px solid #ddd;background:#fff;overflow:hidden}
section.positioned{position:absolute;top:100px;left:100px;width:800px;box-shadow:0 0 15px #333}
.containers{overflow-y:auto;height:428px}
.scroll-table table{border-spacing:0;width:100%}
.scroll-table td + td{border-left:1px solid #ddd}
.scroll-table td,th{border-bottom:1px solid #ddd;background:#fff;color:#000;padding:10px}
/* .scroll-table th{height:0;line-height:0;padding-top:0;padding-bottom:0;color:transparent;border:none;white-space:nowrap} */
.scroll-table th div{position:absolute;background:transparent;color:#000;padding:10px 8px;top:0;margin-left:-10px;line-height:normal;border-left:1px solid #ddd!important;border-bottom:1px solid #ddd!important;width:100%;background-color:#f2f0f1}
.scroll-table th:first-child div{border:none}
.right-nav li a:hover{color:#000!important}
li.right-nav-sub ul li a i{font-size:16px;color:#666;margin-right:6px}
.shift-btn li a span{margin-left:6px}
.box-wrap .box-no1{background-color:#ec2427;text-align:center;font-size:22px;font-weight:700;color:#fff;padding:2px 0 0;height:35px}
.box-wrap .box-no2{background-color:#1ed406;text-align:center;font-size:22px;font-weight:700;color:#fff;padding:2px 0 0;height:35px}
.box-wrap .box-no3{background-color:#ddd;text-align:center;font-size:22px;font-weight:700;color:#fff;padding:2px 0 0;height:35px;}
.box-wrap .box-content{font-size:12px;font-weight:500;padding:0px 0 0 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:35px;color:#666;line-height:35px;}
.mb-15{margin-bottom:15px}
.roll-wrapper .sub-title{font-size:12px;color:#666;}
.roll-wrapper .roll-select-title{font-size:14px;margin:0;font-weight:600}
.roll-eye-wrapp{background-color:#ddd;width:108px;text-align:center;padding:4px 0px;}
.default-btn{font-size:11px;background:#f37022;color:#fff;border-radius:0;text-transform:uppercase;padding:10px 20px;font-size:11px;font-weight:400;border:none;text-decoration:none!important}
.mr-5{margin-right:5px}
.mtb-10{margin-top:15px;margin-bottom:15px}
.m-auto{margin:0 auto}
.mrt-5{margin-right:5px;margin-top:5px}
.shift-btn li a:hover{color:#000;background:transparent;font-weight:700}
.shift-btn li a{color:#666}
.shift-btn li a:hover .glyphicon-off:before{content:"\e017";color:#000;font-weight:700}
.right-nav-sub .dropdown-menu{min-width:130px;width:250px;left:0px;}
.right-nav .dropdown ul li a:hover{background:transparent;font-weight:700}
a.roll-eye-wrapp:hover{text-decoration:none;color:#000}
a.roll-eye-wrapp{text-decoration:none;color:#666;cursor:pointer;border:1px solid #988d8d;box-sizing:border-box;}
.right-nav li.active a{color:#000!important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:transparent;box-shadow:none}
.error-form-box{padding:15px 34px}
.error-form-box span{color:#666;font-weight:500}
.mt-15{margin-top:15px}
textarea.form-control.mt-15{resize:none;width:100%;height:122px;border-radius:0}
.error-form-btn{padding:0 34px}
.data-table td,.data-table th{border:1px solid #e8d3d3;border-left:none;border-bottom:none}
.data-table{border-left:1px solid #e8d3d3}
.data-table thead th{background-color:#f7f7f7}
.data-table tbody th{background-color:#f7f7f7}
table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#fff}

/*table.dataTable tbody tr{background-color:#f9f9f9}*/
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:transparent}
#data-tables td:nth-child(2),#data-tables thead th:nth-child(2){text-align:left}
table.dataTable td{text-align:center}
table.dataTable td a i{font-size:18px;color:#DA2932}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6!important}
.dashboard-btn button{background:#3f3c3d;color:#fff;float:left}
.data-table thead tr th{border-bottom:4px solid #b5b5b5;}
#performance-dashboard.data-table thead tr th{border-bottom:4px solid #b5b5b5;white-space:nowrap;}
.dashboard-btn select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;padding:0 30px;font-size:16px;line-height:1;height:40px;background-image:url(../img/br_down.png);background-repeat:no-repeat;background-position:right;-webkit-appearance:none;background-position:125px;background-size:14px;border:1px solid #c7bdbd;text-align:left;padding:0 40px 0 15px;margin:0;}
a.disabled{pointer-events:none;cursor:default}
.arrow-green{color:#18c400}
.c100 > span{color:#e2220e}
.c100.green .bar,.c100.green .fill{border-color:#fd0!important}
.col-7{width:58.33333333%;float:left}
.col-5{width:41.66666667%;float:left}
.grap-wrapper .title{font-size:14px;text-align:left}
.grap-wrapper .sub-title{font-size:14px}
.list h5{font-size:15px;padding-left:10px}
.grap-wrapper .title{font-size:16px;text-align:left;font-weight:500;border-bottom:3px solid #f37124;height:30px;padding:0 0 0 14px}
.grap-wrapper .sub-title{font-size:14px;font-size:14px;background-color:#f7f7f7;font-weight:500;height:38px;padding:8px 0 0 10px;border-bottom:3px solid #f37124}
.list h5{font-size:12px;padding-left:10px;font-weight:700;color:#383737;font-weight:700;font-family: 'poppinsregular';}
.list ul{margin:0;padding:0}
.list ul li{padding-left:20px;background-image:url(../img/list-arrow.png);background-repeat:no-repeat;background-position:10px;font-weight:600;font-size:12px;}
.list{background-color:#f7f7f7;height:120px}
.grap-wrapper .sub-title span{color:#fe1010;font-weight:500}
.shadow-wrapper{border:1px solid #ddd;box-shadow:-6px 6px 0 #f54343}
.mb-20{margin-bottom:30px}
.dash-3 .box-wrap .box-content{border:none}
.c100 > span{color:#fd0}
.c100.green:hover > span{color:#fd0}
.c100{background-color:#fff19e}
.dash-9 .title h2{font-size:28px;font-weight:400;padding:0;margin:0}
.dash-9 .title .small{font-size:14px;color:#666;font-weight:500}
.dash-9 .title{text-align:left;margin-top:40px}
.c100:after{background-color:#fff}
.cohort-details h3{font-size:16px;text-align:center;background-color:#f7f7f7;border-left:1px solid #e8d3d3;border-right:1px solid #e8d3d3;height:148px;padding-top:20px;padding-bottom:0;margin:0}
.cohort-details h3 .high-red{color:#ff0100;font-weight:700}
.cohort-details h3 .high-red mark{color:#ff0100;font-weight:700;font-size:30px;position:relative;top:2px;background-color:transparent;left:-5px}
.cohort-details{color:#666}
.cohort-details .small{font-size:12px;font-weight:500;color:#666;position:relative;top:8px}
.performance-dashboard .dataTables_length,.dataTables_filter{display:none}
.performance-dashboard .performance-dashboard-table td:nth-last-child(2){background-color:#f7f7f7}
.performance-dashboard .performance-dashboard-table td:last-child{background-color:#f7f7f7}
.performance-dashboard .performance-dashboard-table td:first-child{text-align:left}
.vcenter{display:inline-block;vertical-align:middle;float:none}
.c100.p64.green{margin-top:15px}
ul.man-icon{list-style:none;padding:0;margin:0}
ul.man-icon li{display:inline-block;padding:0;margin:0 2px;font-size:16px}
.bar-green{color:#fd0;font-size:20px;position:relative;top:-5px;}
.arrow-red{color:#ff0004;font-size:20px}
.arrow-green{color:#18c400;font-size:20px}
.achiev{color:#f37022;}
.branch-achiev{color:#c081f4}
.performance-dashboard-table td{padding:0 10px!important;height:40px}
.color-one{color:#e68d8d}
.color-two{color:#e6c18d}
.color-three{color:#ded98d}
.color-four{color:#a2d78d}
.color-five{color:#9ec98d}
.fill-yellow{color:#fd0;border-bottom:2px solid #403f3f;font-size:18px}
.fill-green{color:#fcb145;border-bottom:2px solid #403f3f;font-size:18px}
.fill-red{color:red;border-bottom:2px solid #403f3f;font-size:18px}
.fill-pink{color:#fbafaf;border-bottom:2px solid #403f3f;font-size:18px}
.fill-red{color:red;border-bottom:2px solid #403f3f;font-size:18px}
.fill-other{color:#32ad00;border-bottom:2px solid #403f3f;font-size:18px}
section.footer-links .man-icon{width:46%;float:left}
section.footer-links span{float:right;font-weight:700;color:#666}
section.footer-links .wrapper{width:20%;float:left;text-align:center;display:block;padding:0 5px;font-size:12px;height:40px;line-height:40px}
section.footer-links .wrapper span{float:left;padding-left:10px}
section.footer-links .wrapper div{float:left}
.cust-75{width:74.75%}
.cust-25{width:24.6%;padding:0px;border-left:none!important;}
.cust-42{width:42%;border-left:0px;}
.performance-dashboard .dataTables_info{display:none}
.performance-dashboard .dataTables_paginate.paging_simple_numbers{display:none}
section.footer-links{margin:15px 0}
.dash-3 .box-wrap .box-no1{background-color:#f7f7f7;color:#666}
.vcenter{display:flex;align-items:center;height:130px}
.growth-meter .c100{font-size:100px}
.content-border-wraper{border:1px solid #e8d3d3;background-color:#f7f7f7;    /*min-height: 450px;*/}
.border-left{border-left:1px solid #e8d3d3;height:122px}
.border-right{border-right:1px solid #e8d3d3;height:122px}
.mt-8{margin-top:-8px}
.cust-padding{padding:0 0 0 15px}
.cust-padding ul{list-style:none;width:100%;padding:0;margin:0}
.cust-padding ul li{width:100%;padding:0;font-size:16px;height:40px;line-height:40px}
.cust-padding ul li span{float:right;background-color:#f7f7f7;padding:0;height:40px;width:54px;text-align:center;line-height:40px;font-weight:700}
span.text-success{color:#faab00!important}
span.text-danger{color:red!important;    /*font-weight: bold;*/}
.content-border-wraper h3{font-weight:700;font-family: 'poppinsregular';font-size:18px;padding-bottom:10px;padding-left:15px}
.upload-drop-zone{height:200px;border-width:2px;margin-bottom:20px;height:200px;border-width:2px;margin-bottom:20px}
.upload{position:relative}
.upload .alert{float:left;position:relative;top:-6px;float:left;position:relative;top:-6px;padding:14px 10px;margin:0;background:transparent;border:none}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3f3c3d;border-color:#204d74}
.image-preview-input{position:relative;overflow:hidden;margin:0;color:#333;background-color:#fff;border-color:#ccc}
.image-preview-input input[type=file]{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
.image-preview-input-title{margin-left:2px}
.c100.p50.red span{background-color:transparent;color:#e52815}
.red .bar{border:.08em solid #e52815}
.c100.p50.red{background-color:#e5c5c8}
.vcenter h4{width:100%}
.top-section{color:#666}

/*accordions*/
.accordions .left-side{font-size:15px;text-align:left;font-weight:700;font-family: 'poppinsregular';height:37px;padding:0 0 0 14px;width:58%;display:block;float:left;color:#666;line-height:37px;text-transform:uppercase;color:#383737;}
.accordions .right-side{font-size:12px;background-color:#f7f7f7;font-weight:bold;padding:0;text-align:right;width:41.5%;display:block;float:right;color:#666;height:37px;line-height:37px;padding:0 14px 0 0;font-weight:700;color:#383737;font-weight:700;font-family: 'poppinsregular';}
.accordions .panel-default>.panel-heading{height:37px;padding:0;line-height:37px}
.right-side mark{background-color:transparent;font-weight:700;font-family: 'poppinsregular';}
.accordions .panel-default>.panel-heading{background-color:transparent}
.accordions .panel-body{padding:0}
.accordions .list{color:#666}
.text-red{color:#fe1010;font-weight:500}
.accordions .panel{margin-bottom:12px;border-radius:0;box-shadow:-5px 5px 0 #f54343;box-shadow:-5px 5px 0 #bbbaba;}
.accordions .panel.panel-default.active{box-shadow:-5px 5px 0 #ec7a34;}
.dashboard-btn button:hover{color:#fff}
.detail-box .title{font-size:16px}
.price-left{height:80px;padding-top:3%!important}
.price-right{height:80px;padding-top:8%!important}
.orange-bg{background-color:#f37022;color:#fff;text-align:left}
.grey-bg{background-color:#efedee;color:#666;text-align:left}
.white-bg{background-color:#fff;color:#666;text-align:center}
.detail-box .col-md-6{padding:0;margin:0;}
.orange-bg mark{background:transparent;color:#fff;font-size:14px}
.white-bg mark{background:transparent;color:#666;font-size:14px}
.detail-box h5{font-size:22px;padding:0;margin:0;text-align:center;height:40px;position:absolute;bottom:0;width:100%;line-height:40px;font-weight:600;}

/*Tabs*/
.resp-tab ul{width:100%}
.resp-tab ul.nav li{width:50%;font-size:18px;text-align:center;color:#fff;background-color:#bebebe;background-color:#f48746;}
.resp-tab ul.nav li a{color:#fff;border-radius:0;margin-right:0px;}

/*.resp-tab ul.nav li.active a {background-color: #fff;color: #666;}
.resp-tab ul.nav li a {color: #fff;border-radius: 0;background-color: #bebebe;}
.nav-tabs>li>a:hover {border-color: transparent;background-color: #929190 !important;color: #fff !important;}*/
.resp-tab ul.nav li.active a{color:#666;color:#383737;}
.tab-content{border:1px solid #e8d3d3;background:#fff;overflow:auto;padding-bottom:20px;}
.detail-box ul.man-icon li{margin:0}
.resp-tab ul.man-icon{padding-left:8px;text-align:center;}
.detail-box .top{background-color:#f6f4f5;height:40px;line-height:40px;font-weight:700;font-family: 'poppinsregular';}
.upload-options button{border-radius:0;padding:8px 16px;font-size:16px}
.upload-options ul.drtextarea.pop-up{resize:none;width:100%;height:150px;border:1px solid #d6cccc}
opdown-menu{top:44px;left:0;width:70%;font-size:14px}
section.upload-options h5{color:#666;padding-left:16px}

/*.upload .up-btn{position:absolute;right:0;top:0;border-radius:0 5px 5px 0}*/
.upload input,.upload button{height:40px}
.image-preview-filename{height:40px}
.upload .choose{height:40px}
.image-preview-input{height:40px;line-height:28px}
ul.roll-ul.fixed{border-bottom:none;overflow:hidden;padding-right:18px;background-color:#e9ebec}
select:disabled{background:#ddd;cursor:default;}
.fixed-roll h5{color:#666}
ul.roll-ul.fixed li{background-color:#e9ebec}
#myModal1 textarea.pop-up{resize:none;width:100%;height:150px;border:1px solid #d6cccc}
div#myModal1 .close{color:#f37022;opacity:.5}
div#myModal1 .close:hover{opacity:1}
.detail-box{border:1px solid #e8d3d3;margin-left:7px;padding:0;background-color:#f6f4f5;/*width: 238px;*/width:32%;margin-top:20px;margin-bottom:0px;}
.resp-tab{padding-bottom:15px}
.grey-bg{background-color:#efedee}
.grey-bg mark{background:transparent;color:#666;font-size:14px}
.price-right span{position:absolute;top:5px;left:10px;font-size:12px;}
.price-left span{position:absolute;top:5px;padding:0px 5px;height:40px;font-size:12px;}
.top-section{margin-top:-20px}
.top-section .box{height:140px;line-height:140px;border-left:1px solid;border-left:1px solid #e8d3d3;overflow:hidden;}
.top-section ul.ul-list{line-height:25px;padding:0;margin:0;list-style:none}
.top-section .bg-color{background-color:#fee9bd}
.top-section .box ul-list{line-height:21px}
.mt-30{margin-top:5%}
.top-section .box:nth-child(3) img{width:75%}
.mt-20{margin-top:20px}
.top-section .box .top-title{font-weight:400;color:#383737;    /* font-size: 14px; */font-weight:700;font-family: 'poppinsregular';}
.top-section .box h3.top-title{font-weight:400;color:#383737;font-size:20px;font-weight:700;font-family: 'poppinsregular';}
.cust-10 h5{font-weight:700;font-family: 'poppinsregular';}
.top-section .box .ul-list{font-weight:400}
.top-section .box .ul-list li{background-image:url(../img/list-arrow-org.png);background-repeat:no-repeat;background-position:3px 8px;padding-left:16px;color:#565656;}
.no-bg ul li{background-image:none!important;padding-left:0!important}
.box .mt-8{margin-top:10px}
.resp-tab .fade.in{opacity:1}
.resp-tab .fade{opacity:1}
.resp-tab ul.nav li:hover{background-color:#eee}
font-weight:500;

/*Progress bar*/
div#performance-dashboard_wrapper .progress{min-width:110px;border-radius:0}
div#performance-dashboard_wrapper .progress-bar{background-color:#f37022}
.hide-border{border-right:1px solid #f9f9f9!important}
table#performance-dashboard .progress{min-width:100px;margin:0;background-color:#fff;-moz-box-shadow:inset 0 0 5px #c5afaf;-webkit-box-shadow:inset 0 0 5px #c5afaf;box-shadow:inset 0 0 5px #c5afaf;}
table#performance-dashboard .progress-bar{background-color:#f37022}
.upload form{display:inherit}
.upload form{display:inherit}
.role_error{color:red;font-size:12px}
.text-bold{font-weight:700}
.font-disabled{color:#cbcbcb;}

/*Guide */
span.guide-breadcrum{font-size:18px}
.guide-title{width:54%;text-align:right;}
.guide .right-nav li.active a:hover{color:#fff!important;}
.pb-15{padding-bottom:20px}
.bootstrap-dialog.type-primary .red{background-color:#dc0000}
.bootstrap-dialog.type-primary .green{background-color:#2adc06}
.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:1}
.close,.close{color:#fff;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
.custom-file-upload-hidden{display:none;visibility:hidden;position:absolute;left:-9999px}
.custom-file-upload{display:block;width:auto;font-size:16px}
.custom-file-upload label{display:block;margin-bottom:5px}
.file-upload-wrapper{position:relative;margin-bottom:5px}
.file-upload-input{width:46%;color:#fff;font-size:16px;padding:11px 17px;background-color:#fff;outline:none;border:1px solid #b1adad;color:#666;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;float:left}
.file-upload-input:hover,.file-upload-input:focus{background-color:#fff;outline:none;border:1px solid #b1adad;color:#666}
.file-upload-button{cursor:pointer;display:inline-block;color:#fff;font-size:16px;text-transform:uppercase;padding:11px 20px;border:none;margin-left:-1px;background-color:#962d22;float:left;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.file-upload-wrapper{width:100%;float:right;}
button.btn.up-btn{width:30%;float:left;border-radius:0}
.custom-file-upload{display: flex;width: 100%;}
.upload-options .dropdown-menu{top:45px;left:10px}
.footer-section ul li{display:inline-block;float:left;font-size:12px;height:10px;line-height:6px}
.footer-section ul li b{height:10px;line-height:18px;font-weight:700;font-family: 'poppinsregular';}
.footer-section ul li img{position:relative;top:-9px}
section.legends{padding:10px 0}
.footer-section ul li i{font-size:16px;margin:0;padding:0}
.footer-section ul li span{margin-right:20px;margin-left:3px;position:relative;top:6px}

/*.footer-section ul li i{position:relative;top:7px;    left: -2px}*/
.top-section .box .ul-list li span{color:#333131;font-weight:700}

/*Pop up */
#reporting_err_modal_popup .modal-body textarea{width:100%;resize:none;height:100px;color:#666;font-size:16px}
#reporting_err_modal_popup .primary{background-color:#939192;color:#fff}
#reporting_err_modal_popup .sucess{background-color:#f37022;color:#fff}
#reporting_err_modal_popup .danger{background-color:#e41010;color:#fff}
.guide .default-btn{color:#fff;background:#22a5f3;border-color:#22a5f3;height:37px}
.guide .default-btn:hover{color:#fff;background:#22a5f3;border-color:#22a5f3}
.guide .img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:inherit!important;height:auto}
.top-fix{margin-top:-18px}
.guide .top{top:9px;position:relative}
.guide a.default-btn.pull-right{position:relative;left:32px}
.mt-custom{margin-top:-17px}
a.default-btn.top.slide-1{position:absolute;top:14%;left:36.5%;width:10%;height:8%;background-color:rgba(255,255,255,0.1)}
a.default-btn.top.slide-3{position:absolute;top:40%;left:3%;width:14%;height:7%;background-color:rgba(255,255,255,0.1);}
a.default-btn.top.slide-4{position:absolute;top:44%;left:3%;width:13.5%;height:41%;background-color:rgba(255,255,255,0.1)}
a.default-btn.top.slide-5{position:absolute;top:42%;left:17%;width:14.5%;height:32%;background-color:transparent;position:absolute;top:40%;left:17%;width:13.5%;height:35%;background-color:rgba(255,255,255,0.1)}
a.default-btn.top.slide-6{position:absolute;top:32%;left:35.5%;width:9.5%;height:6.5%;background-color:rgba(255,255,255,0.1)}
a.default-btn.top.slide-9{position:absolute;top:86%;left:33.5%;width:7%;height:6%;background-color:rgba(255,255,255,0)}
a.default-btn.top.slide-10{position:absolute;top:86%;left:40.5%;width:6.5%;height:6%;background-color:rgba(255,255,255,0)}
a.default-btn.top.slide-12{position:absolute;top:86%;left:40.5%;width:7%;height:6%;background-color:rgba(255,255,255,0)}
a.default-btn.top.slide-14{position:absolute;top:86%;left:40%;width:7.5%;height:6%;background-color:rgba(255,255,255,0)}
a.default-btn.top.slide-15{position:absolute;top:86%;left:13%;width:7.5%;height:6%;background-color:rgba(255,255,255,0)}
a.default-btn.top.slide-16{position:absolute;top:86%;left:1%;width:12%;height:6%;background-color:rgba(255,255,255,0)}
.shift-up{position:relative;top:3px!important}
.avg-ticket-size .detail-box{height:158px;float:left}
.avg-ticket-chart .container-speed{padding:0;margin:0}
.avg-ticket-chart{padding:0 8px;background-color:#fff}
.avg-ticket-chart rect.highcharts-background{fill:transparent;width:100%!important}

/*.circle-wrapper .chart-wrap{position:relative;left:-15px}*/
.avg-ticket-title{font-size:14px;}
.cust-mp{padding:0 15px}
a.default-btn.top.slide-1{position:absolute;top:13%;left:36%;width:9%;height:7%;background-color:transparent}
.navigation{position:relative}
.fixed-width{width:100%!important;margin:0 auto;overflow-x:auto}
.fixed-width .container{width:1170px!important}
.top-section{margin-top:-20px!important}
.datepick{color:#666;background-color:transparent;color:#fff;padding:0 0 0 5px;width:78px;border:transparent;cursor:pointer;height:40px;line-height:40px}
.datepick:hover{color:#000}
.navbar-default .navbar-nav>li>a:hover{color:#000!important}
body.performance-dashboard .title{width:46%}
body.performance-dashboard .main-title{width:57%}
.growth-meter.mt-20{margin:10px 0 0;padding:0}
.ui-widget-header .ui-icon{background-image:url(../img/ui-icons_444444_256x240.png)}
#top-container text.highcharts-axis-title{display:none}
#top-container rect.highcharts-background{height:auto}
.cust-10{padding:0 0 0 10px;margin-top:15px}
.circle-wrapper{width:100%!important}
.select-container optgroup{font-weight:400;font-size:15px}
.footer-shift{width:60%}
.nav-tabs .full-width{width:100%!important;text-align:left!important}
.home-box{background-color:#fff;color:#1b4a98;min-height:245px;text-align:center;padding:25px 0 0;border-bottom:10px solid #d2d2d2;width:100%}
.home-box h3{font-size:30px;font-weight:400;text-transform:uppercase}
.home-bg{background-image:url(../img/home.jpg);background-image:url(../img/imgpsh_fullsize.jpeg);margin-top:-20px;padding:118px 0;height:82vh;background-size:cover;background-size:110%;background-position:52% 0}
.home-box:hover{border-bottom:10px solid #da2932;transition:all .8s;text-decoration:none;color:#f56e1e}
select{padding:10px}

/*option{height:20px;margin:20px;line-height:20px;padding:20px}*/
.w3-content ul{padding:0;margin:0;padding-bottom:3px;padding-bottom:3px}
.w3-content img{width:100%}
.multi-level .dropdown-submenu{position:relative}
.multi-level .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.multi-level .dropdown-submenu:hover>.dropdown-menu{display:block}
.multi-level .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.multi-level .dropdown-submenu:hover>a:after{border-left-color:#fff}
.multi-level .dropdown-submenu.pull-left{float:none}
.multi-level .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.submenu{color:#fff;background-color:#3f3c3d!important;border-color:#3f3c3d!important}
ul.roll-ul.fixed{border-bottom:none;overflow:hidden;padding-right:18px;background-color:#e9ebec;max-height:82px;min-height:82px}
.tab-pane .title{float:left;width:50%;margin:0 auto;text-align:right;font-size:15px;margin-top:0;text-align:left;font-weight:600;color:#666;padding-left:5px}
#data-tables_length select{padding:0;margin:0;height:45px;line-height:45px;width:40%}
#data-tables_length select option{padding:0 25px;margin:0;height:40px;line-height:40px}
#data-tables_length select{padding:0;margin:0;height:45px;line-height:45px;width:40%}
#data-tables_length select option{padding:12px 25px 0 10px;margin:0;height:40px;line-height:40px}
span.guide-breadcrum,span.out_of{font-size:18px}

/*#top-container rect{width:100%!important}*/
.submenu{color:#fff;background-color:#3f3c3d!important;border-color:#3f3c3d!important}
ul.roll-ul.fixed{border-bottom:none;overflow:hidden;padding-right:18px;background-color:#e9ebec;max-height:82px;min-height:82px}
ul.roll-ul li.grey{background-color:#fff;border-left:4px solid #ddd}
.select-container optgroup{font-size:15px}
.select-container optgroup[label=""]{font-size:4px}
.select-container optgroup[xyz="123"]{font-size:1px}
.hide-calendar .ui-datepicker-calendar{display:none}
button.ui-datepicker-current{display:none}
.multi-level .dropdown-submenu{position:relative}
.multi-level .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}
.multi-level .dropdown-submenu:hover>.dropdown-menu{display:block}
.multi-level .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}
.multi-level .dropdown-submenu:hover>a:after{border-left-color:#fff}
.multi-level .dropdown-submenu.pull-left{float:none}
.multi-level .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.submenu{color:#fff;background-color:#3f3c3d!important;border-color:#3f3c3d!important}
.dropdown{position:relative;/*width:95px;*/float:left}
.right-nav .dropdown a{background:none;border:none;box-shadow:none;background-color:rgba(2,1,1,0)!important}
.multi-level .dropdown-submenu>a:after{display:none;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#939192;margin-top:5px;margin-right:-3px}
.multi-level .dropdown-submenu{position:relative;height:36px;line-height:36px}
.right-nav .dropdown ul li a{color:#666!important;height:36px;line-height:36px}
.upload input,.upload button{height:40px;font-size:14px;text-transform:uppercase}
.dashboard-btn button{background:#5D92B1;color:#fff;float:left;height:40px;font-size:14px}
#data-tables_length select{padding:0;margin:0;height:45px;line-height:45px;width:40%}
#data-tables_length select option{padding:12px 25px 0 10px;margin:0;height:40px;line-height:40px}
.tab-pane .title{float:left;width:50%;margin:0 auto;text-align:right;font-size:14px;margin-top:0;text-align:left;padding-left:10px;color:#383737;font-weight:700;font-family: 'poppinsregular';}
.show_datepicker{display:none}
.show_datepicker .date-label{padding:5px 0 5px 15px}
.show_datepicker .date-display{padding:5px 0 5px 15px}
.modal-body{width:100%;float:left;background-color:#fff}
.modal-footer{width:100%;float:left;background-color:#fff}
.show_datepicker .date-label{padding:10px 0 0 2px;width:35%;float:left;margin-top:20px}
.show_datepicker .date-display{padding:0 0 0 15px;width:100%;height:40px;font-size:16px;line-height:40px;/*border:1px solid #ddd;*/border-radius:5px;/*background-color:#f3eded;*/width:64%;float:right;margin-top:20px}
.modal-body{width:100%;float:left;background-color:#fff}
.modal-footer{width:100%;float:left;background-color:#fff}
.upload_log_btn{box-shadow:none;border:none;cursor:inherit;padding:4px 10px;font-weight:500;color:#fff!important;font-size:14px;width:100px}
.btn-success.upload_log_btn{background:#0bab09}
.btn-danger.upload_log_btn{background:#d11600}
#data-tables_length select{padding:0;margin:0;margin-bottom:0;height:40px;line-height:40px;width:40%;margin-bottom:5px}
.resp-tab ul{border-bottom:none}
.custom_dropdown{position:relative;width:95px;float:left;height:50px;line-height:50px}
select::-ms-expand{display:block}
option:active,option:hover,option:focus{outline:none!important;background:none!important}
option:checked{background:none;font-weight:400;text-shadow:none;color:#666}
.navbar-default .navbar-nav>li>a:hover input{color:#000!important}
.panel.panel-default.disabled{box-shadow:-5px 5px 0 #bbbaba;cursor:default}
.panel.panel-default.disabled *{cursor:default}
.col-7.graph h3{line-height:60px;color:#666}
.box .mt-8{margin-top:10px;margin-left:-10px}
.datepick{height:50px;line-height:50px;color:#fff!important}
.list ul li{padding-left:20px;background-image:url(../img/list-arrow.png);background-repeat:no-repeat;background-position:8px 3px;font-weight:500;font-size:12px;padding-right:5px;color:#464545;}
.custom_dropdown{position:relative;width:95px;float:left;height:50px;line-height:50px;}
.custom_dropdown{position:relative;width:95px;float:left;height:50px;line-height:50px}
.role_updatelog label{width: 7.8%;text-align: center;padding-left: 5px;}
.role_updatelog input{width:34%;padding:0 0 0 10px;color:#3e3c3c;border:1px solid #cecece;border-radius:5px;height:36px;line-height:36px}
.role_updatelog{padding:15px 0 0;color:#666}
input.btn.download{background:#3f3c3d;color:#fff;float:right;height:40px;font-size:14px}
.role_update_log_popup .modal-header{background-color:#3f3c3d;color:#fff}
.resp-tab ul{border-bottom:none;list-style:none}
select{-webkit-appearance:menulist}
.custom_dropdown{position:relative;width:95px;float:left;height:40px;line-height:40px}
.date-display .datepick{color:#000!important}
input:required:invalid{outline:none}
.dash-9{padding-left:10px}
.fixed-footer{height:40px;line-height:40px;background-color:#939192;color:#fff;font-size:14px;text-align:center;position:fixed;bottom:0;width:100%;left:0}
.fixed-footer a{color:#fff}
.navbar-nav>li:last-child{padding-right:0;margin-right:0}
.navbar-nav>li a:last-child{padding-right:0;margin-right:0}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{background-color:#939192!important}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a input{padding-right:0;margin-right:0}
.text-red{color:#A01C3E}
.text-pink{color:#f88686}
.text-yellow{color:#fd0}
.text-green{color:#46f100}
.text-darkgreen{color:#31a302}
.big-box{border:1px solid #ddd;box-sizing:border-box;margin:15px 10px;width:46%;padding:0}
.big-box .avg-ticket-title{width:100%;padding:8px 15px;width:100%;padding:8px 15px;background-color:#f7f7f7}
.big-box .list h5{font-size:14px;font-weight:500}
.casa-list{padding:5px 0;height:138px}
.big-box ul{padding-left:6px}
.big-box ul li{line-height:22px;font-weight:500}
.big-box .avg-ticket-chart{padding:0;background-color:#fff}
.big-box span{padding-left:15px;font-size:10px}
table#performance-dashboard .progress-bar{background-color:#f37022;box-shadow:none;border-radius:0px;    /* border: 1px solid #ddd; */}
table#performance-dashboard .progress{min-width:100px;margin:0;background-color:#fff;-moz-box-shadow:inset 0 0 5px #c5afaf;-webkit-box-shadow:inset 0 0 5px #c5afaf;box-shadow:inset 0 0 5px #c5afaf;box-shadow:none;border-radius:0px;border:1px solid #ddd;}
span.highlight-arrow{font-size:20px;}
.shift-up{position:relative;top:-5px!important;}
table.dataTable thead th,table.dataTable thead td{padding:10px 8px;border-bottom:1px solid #e8d3d3;}
.fixed-width{overflow-x:inherit;}
.fixed-width{overflow-x:auto;overflow-y:hidden;padding-bottom:22px;}
table#performance-dashboard{border:1px solid #e8d3d3;}
table#performance-dashboard th{border-bottom:4px solid #b5b5b5;padding:10px 8px;background-color:#f7f7f7;border-left:1px solid #e8d3d3;white-space:nowrap;}
table#performance-dashboard td{border-left:1px solid #e8d3d3;}
table#performance-dashboard th,table#performance-dashboard td{font-size:14px;}
.resp-tab ul.nav li.active{border:none;border-bottom:1px solid #fff;}
.resp-tab ul.nav li.active a{color:#666;color:#383737;font-weight:700;font-family: 'poppinsregular';}
.resp-tab ul.nav li a{color:rgba(56,55,55,0.6);border-radius:0;margin-right:0px;}
.resp-tab ul.nav li{width:50%;font-size:18px;text-align:center;color:#fff;background:none;border-top:1px solid #d4d2d2;border-left:1px solid #d4d2d2;border-right:1px solid #d4d2d2;color:#;}
.homebody{padding:0px;background-size:cover;background-image:url(../img/imgpsh_fullsize.jpeg);}
.multi-level .dropdown-submenu{position:relative;height:36px;line-height:36px;background-image:url(img/list-arrow.png);background-repeat:no-repeat;background-position:94% 13px;}
.right-nav .dropdown ul li a:hover{font-family: 'poppinsregular';}
table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px;font-size:14px;}
#data-tables_length select{padding:0;margin:0;margin-bottom:0;height:40px;line-height:40px;width:80%;margin-bottom:5px;position:absolute;left:110%;top:17%;}
table.dataTable label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;width:100%;float:left;}
div#data-tables_length{position:relative;padding:20px 0px;}
table.dataTable tbody th,table.dataTable tbody td{padding:6px 10px;font-size:14px;}
.admin .dropdown{background:#3f3c3d;color:#fff;float:left;/ height:40px;/font-size:14px;text-transform:uppercase;padding:5px 5px 5px 5px;text-align:left;}
.admin .dropdown-menu>li>a:hover,.admin .dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:transparent;font-family: 'poppinsregular';text-transform:initial;}
.admin .dropdown-menu>li>a,.admin .dropdown-menu>li>a{color:#262626;text-decoration:none;background-color:transparent;text-transform:initial;}
/*.ui-datepicker-calendar{display:none;}*/
label button{background:#3f3c3d!important;padding:12px 20px!important;font-size:14px!important;}
.home-box:link,
.home-box:visited,
.home-box:hover,
.home-box:active {color: #1b4a98; text-decoration: inherit;}



/*Header*/
.navbar-brand {
    float: left;
    height: 40px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 0px;
}
nav.navbar .title {
    text-align: right;
    width: 65%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    text-align: center;
    font-size: 19px;
}
.bgcolor-primary{
    background-color: #A01C3E;
}
.right-nav li a {
    height: 40px;
    line-height: 40px;
}
.datepick {
    height: 40px;
    line-height: 40px;
    color: #fff !important;
}
.navbar {
    position: relative;
    min-height: 40px;}

    nav.navbar .title {

    text-align: right;

}

/*unified_bank_review start here*/

/*.bg_color{
	background: #f36c31;
	margin-top: 30px;
}
.select2-container{
    margin: 10px 0;
}
.bg_color .roll-select{
	width: 80%;
	margin-top: 15px;
}
.bg_color select{
	margin: 10px 0;
}
.roll-select .select2-container {
    margin: 10px 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.bg_color .radio {
    height: 34px;
    color: #fff;
}
.bg_color .col-md-4.text-center .roll-select {
    padding-top: 8%;
   float: right;
}
.bg_color .border {
    position: relative;
}
.bg_color .border:before {
   content: "\61";
    position: absolute;
    font-family: "untitled-font-2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 223px;
    top: -25px;
    line-height: 1;
    left: -110px;
}
.bg_color .border:after {
   content: "\61";
    position: absolute;
    font-family: "untitled-font-2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 223px;
    top: -25px;
    line-height: 1;
    right: -110px;
}
.btn-yellow{

    background: #ffc000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 20px;
   font-size: 15px;
    font-weight: 400;
    border: none;
    text-decoration: none!important;

}
.unified_bank_review{
	margin-top: 30px;
}
.unified_bank_review thead tr th{
	color: #fff;
	background: #8a3008;
	font-size: 18px;
	padding-left: 15px;
    padding-right: 15px;
}
.unified_bank_review table.table{
	table-layout: fixed;
}
.unified_bank_review .table-striped>tbody>tr td{
	font-size: 17px;
	padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
.unified_bank_review .table-striped>tbody>tr:nth-child(odd) {
    background-color: #dacdcc;
}
.unified_bank_review .table-striped>tbody>tr:nth-child(even){
    background-color: #ede8e7;
}
.unified_bank_review .table-hover>tbody>tr:hover {
    background-color: #aca7a7;
}*/
/*unified_bank_review end here*/




/*select_category start here*/

.select_cat_box {
    background: #da2932;
    color: #fff;
    padding: 20px;
    display: block;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    text-align: center;
    margin-bottom: 30px;
}


a.select_cat_box:hover {
    background: #da2932 ;
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 1px 2px 8px 1px #cac9c9;
    -moz-box-shadow: 1px 2px 8px 1px #cac9c9;
    -ms-box-shadow: 1px 2px 8px 1px #cac9c9;
    -o-box-shadow: 1px 2px 8px 1px #cac9c9;
    box-shadow: 1px 2px 8px 1px #cac9c9;
}

a.select_cat_box:focus {
    background: #5D92B1 ;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 1px 2px 8px 1px #cac9c9;
    -moz-box-shadow: 1px 2px 8px 1px #cac9c9;
    -ms-box-shadow: 1px 2px 8px 1px #cac9c9;
    -o-box-shadow: 1px 2px 8px 1px #cac9c9;
    box-shadow: 1px 2px 8px 1px #cac9c9;
}

.icon_wrap {
    font-size: 120px;
    display: block;
    line-height: 1;
}

.text_wrap {
    font-family: 'Roboto-Thin';
    font-size: 25px;
}

.select_category {
    margin-top: 30px;
}

span.appraisal_heading {
    font-size: 25px;
    color: #5b5656;
    border-bottom: 1px solid #5b5656;
    margin-bottom: 40px;
    display: inline-block;
}


/*select_category end here*/


/*self_aprisel start here*/

h2.heading {
    color: #615953;
    font-size: 27px;
    margin-top: 35px;
}

.wraper_white {
    width: 100%;
    background: #fff;
    margin: 15px;
    display: flex;
}

.grey_bg {
    background: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.emp_com {
    background: #fafafa;
}

input.input_emp {
    border: 1px solid #f5580c;
    padding: 5px 2px;
    text-align: center;
}

input.input_emp.full {
    width: 100%;
}

ul.head_info {
    margin: 0;
    padding: 20px 0;
    display: table;
    width: 100%;
}

ul.head_info li {
    display: inline-block;
    list-style-type: none;
    padding: 0 5px;
    position: relative;
    display: table-cell;
}

ul.head_info li span.lab {
    color: #bcb6b1;
    font-size: 14px;
}

ul.head_info li span.text {
    color: #ffffff;
    font-size: 18px;
    border: 1px solid #817a75;
    padding: 5px;
    text-align: center;
}

ul.head_info li span.lab,
ul.head_info li span.text {
    display: block;
}

h4.que {
    background: #f97738;
    padding: 15px 0px 15px 20px;
    color: #fff;
    margin-bottom: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.que_ans_wrap {
    margin: 0 0 30px 0;
}

textarea.ans {
    resize: none;
    width: 100%;
    height: 150px;
    padding: 10px 20px;
    border: 1px solid #b8b8b8;
    font-size: 14px;
    color: #978f89;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.container-fluid.self_appraisal {
    background:#da2932;
    margin-top: -20px;
}


/*self_aprisel end here*/


/*My Appraisal Dashboard start here*/

span.flag {
    width: 30%;
    display: block;
    margin: 10px auto;
}

.head_wrap {
    background: #f97738;
    color: #fff;
    margin: 0 15px;
    display: flex;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.border_gray {
    border-left: 1px solid #d9d9d9;
}

.head_wrap>* {
    padding: 15px 0;
}

.head_wrap .clearfix {
    padding: 0;
}

.wraper {
    margin: 0 15px;
    background: #f2f2f2;
    display: flex;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: all 0.5s ease-in-out;
}

.employee-appraissal-review .text_small {
    font-size: 15px;
    color: #615953;
   font-family: 'poppinsregular';
    margin: 5px 0;
}

.employee-appraissal-review .yellow {
    color: #f9c938;
}


.employee-appraissal-review .wraper {
    margin-bottom: 0;
    border-radius: 0;
    background: #f5f5f5;
}

.employee-appraissal-review.border-bottom .wraper {
    border-bottom: 1px solid #c8c8c8;
}

.comment_heading_emp {
    color: #615953;
    font-family: 'Roboto-Medium';
    font-size: 15px;
}

.wraper.white,
.wraper.white .border_gray {
    background: #fff;
    /*border: transparent;*/
}

.employee-appraissal-review .wraper.gray {
    background: #706964;
    color: #fff;
    border-radius: 0 0 5px 5px;
}

.circle_text {
    border: 1px solid;
    border-radius: 50%;
    height: 30px !important;
    width: 30px;
}

.gray_text {
    color: #bebaba;
}

input.score_edit {
    display: inline-block;
    width: 50px;
    padding: 5px;
}

.text {
    /* height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;*/
    display: none;
}

.show {
    height: auto;
    transition: all 0.5s ease-in-out;
}

.gray_bg {
    background: #f5f5f5;
    padding: 30px;
}

.comment_wrap {
    background: #fff;
    padding: 20px;
    border: 1px solid #bfbfbf;
    position: relative;
}

h5.gray_heading {
    color: #858080;
    font-size: 16px;
}

.comment_wrap p {
    margin-bottom: 40px;
    color: #423d3d;
}

.comments_heading {
    color: #423d3d;
}

textarea.comment_box {
    resize: none;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #d1d1d1;
}

img.close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

ul.marks {
    margin: 0;
    padding: 0;
}

ul.marks li {
    list-style: none;
    display: inline-block;
    margin-bottom: 25px;
}

.radio_holder {
    width: 50px;
}

.text_holder {
    width: 90%;
    border-left: 1px solid #b8b5b3;
    padding: 0 0 0 20px;
    color: #858080;
    font-size: 14px;
}

h5.small_grey_heading {
    color: #858080;
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}

p.text_small {
    color: #423d3d;
    font-size: 15px;
}

textarea.small_comment_box {
    resize: none;
    height: 100px;
    width: 100%;
    border: 1px solid #d1d1d1;
    padding: 10px;
}

.marks .cust_radio [type="radio"]:checked+label,
.marks .cust_radio [type="radio"]:not(:checked)+label {
    font-size: 30px;
}


/*.employee-appraissal-review .wraper:hover{
    background: #dcd9d9;
}*/

.employee-appraissal-review .head_wrap .vertival_middle {
    font-size: 16px;
}

.employee-appraissal-review .head_wrap {
    margin-bottom: 0;
}

.employee-appraissal-review .head_wrap>* {
    padding: 0;
}

.employee-appraissal-review .vertival_middle {
    padding: 15px 0;
    font-size: 14px;
}

.employee-appraissal-review .vertival_middle.half {
    width: 50%;
}

.employee-appraissal-review .vertival_middle.text-left.heading-md {
    font-size: 19px;
}

.employee-appraissal-review .vertival_middle.text-left {
    text-align: left;
}

.employee-appraissal-review .wraper.gray .heading-md {
    color: #fff;
    font-size: 20px;
}

.employee-appraissal-review .wraper.gray .vertival_middle {
    font-size: 20px;
}

.employee-appraissal-review .border_gray {
    border-left: 1px solid #c8c8c8;
}

.btn.btn_orange,
.btn.btn_gray {
    background: #da2932 ;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    margin-top: 25px;
}

.border_gray .vertival_middle .btn.btn_orange {
    margin-top: 0;
    font-size: 15px;
}

.wraper .vertival_middle .btn.btn_orange,
.wraper .vertival_middle .btn.btn_gray {
    margin: 10px 0;
    font-size: 18px;
}


.btn.btn_gray {
    background:#1b4a98;
    margin-left: 10px;
}

.btn.btn_gray.small {
    font-size: 15px;
    padding: 5px;
    float: left;
    /*margin: 23px 10px;*/
    margin: 32px 10px;
}

h2.emp_name {
    font-size: 27px;
    font-family: 'Roboto-Medium';
    color: #615953;
}

h2.emp_name span {
    font-family: 'Roboto-Light';
}

.wraper .col-md-4.col-sm-12,
.wraper .col-md-2.col-sm-12 {
    flex-direction: column;
}

.small_heading {
    color: #a3a2a2;
    display: block;
    font-size: 13px;
}

.small_heading.rep {
    font-size: 15px;
}

.heading-lg,
.heading-md,
.heading-sm,
.heading-xs {
    color: #615953;
    display: block;
}

.heading-lg {
    font-size: 25px;
}

.heading-md {
    font-size: 19px;
}

.heading-sm {
    font-size: 17px;
}

.heading-xs {
    font-size: 15px;
}

.vertival_middle {
    font-size: 19px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.roll_wrapper,
.reporting_wrap {
    padding: 20px 0;
}

.green {
    border-left: 5px solid #71c21a;
}

.red {
    border-left: 5px solid #f00;
}

.green_text {
    color: #2E384D;
}

.orange_text {
    color: #da2932;
}

.red_text {
    color: #f16365;
}

.btn_round {
    border-radius: 3px;
    font-size: 14px;
    margin-top: 10px;
    background-color:#da2932;
}
.btn_round:hover{

	color:#1b4a98;
}

.btn_border {
    border: 1px solid #f45e21;
    background: transparent;
    color: #f45e21;
    margin-bottom: 20px;
}

.btn_border_dis {
    border: 1px solid #c1c1c1;
    background: transparent;
    color: #b8b5b3;
    margin-bottom: 20px;
    padding: 10px;
}

.small_heading.orange_text {
    font-size: 20px;
}

.inline {
    display: inline-block;
}

.adj {
    word-break: break-word;
    font-size: 13px;
}

.tele_wrape {
    margin-top: 100%;
}

.margin_top_20 {
    margin-top: 20px;
}

p.table_description {
    color: #615953;
    margin-top: 20px;
}


/*My Appraisal Dashboard end here*/


@media screen and (max-width:600px){
.bg_login .modal-dialog.login-dialog {
    margin: 40px auto;
    padding: 10px;
}
}

@media screen and (max-width:480px){
	.login-dialog {
    width: 100%;
}
}

.admin-menu{
	line-height: 50px;
	font-size: 25px;
}

.admin-breadcrumb li a{
	text-decoration: none;
	padding-right:7px
}
.panel-group .panel{border-radius:0;border:0;box-shadow: 0px 0px 6px #00000014;}

.common_modal .modal-header{background-color:#da2932;}
.common_modal label{font-weight:normal;font-size:16px;}
.common_modal .modal-header h4{font-size:18px;font-family: 'poppinsregular';color:#fff;}
.common_modal textarea{resize:none;}
.common_modal .modal_btn{background-color:#da2932;color:#fff;text-transform:uppercase;font-size:16px;width:133px;background-image: none;}
.common_modal .modal-footer{border:none;}
.common_modal input{outline:none;}
.modal-body{padding:15px 15px 0px 15px;}
.common_modal .modal-footer{border:none;padding:0px 15px 15px 15px;}
.hide_element{
	display:none !important;
}
/*#preloader{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(254,254,254,0.81);z-index:999999;display:none;overflow:hidden!important;height:120vh;}
*/#preloader{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #222222;*/
    z-index: 1000;
    display:none;overflow:hidden!important;
    background-color:rgba(254,254,254,0.81);
}
#status{width:200px;height:200px;position:absolute;left:50%;top:42%;background-image:url(index.svg);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;display:none;}
.selected-emp-gems { font-style: italic; }
.default-text { text-transform: capitalize; }

.date-display .datepick{
	color:#000!important;
}

.datepick{
	color:#666;
	background-color:transparent;
	color:#fff;
	padding:0 0 0 5px;
	width:65px;
	border:transparent;
	cursor:pointer;
	height:40px;
	line-height:40px;
	font-size:13px!important;
}
.datepick:hover{color:#000;}
.hide-calendar .ui-datepicker-calendar{display:none}
button.ui-datepicker-current{display:none}

/*unified_bank_review start here*/
.chart_wraper{
 margin: 25px 0 0 0;
}
.bg_color{
	margin-top: 10px;
 
}
.col-md-4.col-sm-4.text-center {
 flex-direction: column;
}

.bg_color select{
	margin: 10px 0;
}
.cust_select {
 position: relative;
}
.cust_select select,.cust_select .select2{
 border: 1px solid #c1c1c1;
 height: 45px;
 background: url('../img/select_icon.png');
 background-repeat: no-repeat;
 background-position: 96% center;
 padding:0;
 width: 100% !important;
 margin-bottom: 15px;
 font-size: 15px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.cust_select .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: transparent !important;
    border-radius: 0;
    -webkit-apperance: none;
    apperance: none;
}
.cust_select .select2-container .select2-selection--single{
	height: 45px;
	outline: none;
}
.cust_select .select2-container--default .select2-selection--single .select2-selection__arrow{
	display: none;
}
.cust_select .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 45px;
	text-align: left;
}

.legent_color.red, .legent_color.yellow, .legent_color.green, .legent_color.grey{
 height: 12px;
 width: 15px;
 border-radius: 3px;
 border: transparent;
 display: inline-block;
}
.legent_color.red{
 background: #ed1c24;
}
.legent_color.yellow{
 background: #edc714;
}
.legent_color.green{
 background: #58bb1d;
}
.legent_color.grey{
 background: #777;
}
.legend_text{
 font-size: 14px;
}
.bar_chart {
 width: 100%;
 background: #f2f2f2;
 padding:10px 30px;
}
.bar{
 float: left;

}
.bar span{ 
 display: block;
 width: 100%;
 text-align: center;
}
.red_bar, .yellow_bar, .green_bar, .grey_bar{
 height: 25px;
 width: 100%
}

/*.red-block{
 width: 20%;
}
.yellow-block{
 width: 50%
}
.green-block{
 width: 30%
}*/
.red-block, .yellow-block, .green-block, .grey-block{
 position: relative;
}
.red-block:after, .yellow-block:after, .green-block:after, .grey-block:after {
 content: "";
 position: absolute;
 top: 1px;
 right: -6px;
 /*background: url(../img/icon/bar_chart.gif);*/
 height: 100%;
 width: 15px;
 background-repeat: no-repeat;
 background-position: top right;
 z-index: 9;
}
h4.record_result_count{
 font-size: 17px;
 text-transform: uppercase;
 margin: 23px 0;
}
.red_bar{
 background: #ff5050;
 
 }
.yellow_bar{
 background: yellow;
 
 }
.green_bar{
 background: #36d250;
 }
 .grey_bar{
 background: #777;
 }

 .record_count{
 font-family: 'Roboto-Medium';
 font-size: 15px;
 } 
 .width{
 
 font-size: 15px;
font-family: 'Roboto-Bold';
 } 
ul.legend{
 margin: 0;
 padding: 0;
}
ul.legend li{
 list-style-type: none;
 float: left;
 margin: 0 15px 0 0px;
}

.cust_select select:focus {
 outline: none;
}
.cust_radio [type="radio"]:checked,
.cust_radio [type="radio"]:not(:checked) {
 position: absolute;
 left: -9999px;
}
.cust_radio [type="radio"]:checked + label,
.cust_radio [type="radio"]:not(:checked) + label{
 position: relative;
 padding-left: 25px;
 cursor: pointer;
 line-height: 20px;
 display: inline-block;
 color: #666;
 font-size: 18px;
 font-weight: normal;
 font-family: 'Roboto-Medium';
}
.cust_radio [type="radio"]:checked + label:before,
.cust_radio [type="radio"]:not(:checked) + label:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 18px;
 height: 18px;
 border: 1px solid #ddd;
 border-radius: 100%;
 background: #fff;
}
.cust_radio [type="radio"]:checked + label:after,
.cust_radio [type="radio"]:not(:checked) + label:after {
 content: '';
 width: 12px;
 height: 12px;
 background: #da2932;
 position: absolute;
 top: 3px;
 left: 3px;
 border-radius: 100%;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
}
.cust_radio [type="radio"]:not(:checked) + label:after {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
.cust_radio [type="radio"]:checked + label:after {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.bg_color select:last-child {
 margin-bottom: 0;
}
.border-box {
 border: 1px solid #8b8b8b;
 min-height: 210px;
}
.border-box .roll-select{
 padding: 25px 30px 4px 30px;
}

i.fa.fa-arrow-circle-right,i.fa.fa-plus-circle.drilldown {
    font-size: 24px;
}
span.abc{
	font-weight: bold;
}
h4.select_heading {
 display: inline-block;
 position: relative;
 margin: 0 auto;
 bottom: -11px;
 background: #fff;
 padding: 0 10px;
}
.bg_color .radio {
 height: 34px;
 color: #4b4746;
}
.border {
 /* border-left: 2px solid #fff;
 border-right: 2px solid #fff;*/
 position: relative;
}

.btn-yellow{

 background: #ffc000;
 color: #fff;
 border-radius: 0;
 text-transform: uppercase;
 padding: 10px 20px;
 font-size: 15px;
 font-weight: 400;
 border: none;
 text-decoration: none!important;

}
.unified_bank_review{
	margin-top: 30px;
}
.unified_bank_review thead tr th{
	color: #000;
	background: #ededed;
	font-size: 15px;
	padding-left: 5px;
 padding-right: 5px;
 vertical-align: middle;	
 font-family: 'Roboto-Medium';
 font-weight: normal;
 border: 1px solid #ddd;
 border-bottom: transparent;
 text-align: center;
}
.unified_bank_review table.table{
 /*table-layout: fixed;*/
}
.table.table-hover.table-striped.gemsScoreTable.no-footer.nowrap.dataTable.dtr-inline.collapsed{
  width: 100% !important;
}
.unified_bank_review .table-striped>tbody>tr td{
 font-size: 15px;
 padding:6px 15px;
 vertical-align: middle;
 border: 1px solid #ddd;
 /*background: #fff;*/
 text-align: center;
}

.gemsScoreTable {
    width: 100% !important;
}

table.unified_bank_review.hover tbody tr:hover, table.unified_bank_review.display tbody tr:hover {
    background-color: #f6f6f6!important;
}

.acvmnt_bar{
 background: #cccccc;
 text-align: left;
 }
.acvmnt_bar span{
 color: #000;
 text-align: center;
 display: inline-block;
}
.acvmnt_bar span.fill{
	max-width: 100% !important;
}
.acvmnt_bar span.green{
	background: #36d250;
}
.acvmnt_bar span.red{
	background: #ff5050;
}
.acvmnt_bar span.yellow {
	background: #faec31;
}
input.score {
 width: 100%;
 padding: 0 5px;
 border: transparent;
 background: #f45e21;
 color: #fff;
}
.gem_score{
    padding: 5px 15px;
    border: transparent;
    background: #f45e21;
    color: #fff;
    width: 100px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.gem_score:hover{
    text-decoration: none;
	background: #706964;
	color: #fff;
}

ul.cohort{
 margin: 0;
 padding: 0;
}
ul.cohort > li{
 list-style-type: none;
 float: left;
 color: #918c88;
 font-size: 29px;
 width: 14px;
}
ul.cohort > li.active{
 color: #f9c939;
 font-size: 29px;
 position: relative;
 transform: scale(1.5, 1.5);
 left: -4px;
}
ul.circle_line {
 text-align: justify;
 position: relative;
 overflow: hidden;
}
ul.circle_line:before{
 content: '';
 width: 100%;
 border: 2px solid #f16021;
 position: absolute;
 top: 1em;
 margin-top: -2px;
 z-index: -1;
}

ul.circle_line:after {
 content: "";
 display: inline-block;
 width: 100%;
}
ul.circle_line > li {
 width: 2em;
 height: 2em;
 text-align: center;
 line-height: 2em;
 border-radius: 50%;
 background: #f16021;
 margin: 0;
 display: inline-block;
 color: white;
}

.unified_bank_review thead tr > th:first-child , .unified_bank_review tbody tr > td:first-child{
	width: 7%;
}
.unified_bank_review thead tr > th:nth-child(9), .unified_bank_review tbody tr > td:nth-child(9) {
 width: 10% !important;
}
.unified_bank_review thead tr > th:last-child, .unified_bank_review tbody tr > td:last-child{
	width: 8% !important;
}
.unified_bank_review .table-striped>tbody>tr:nth-child(odd) {
/* background-color: #dacdcc;*/
}
.unified_bank_review .table-striped>tbody>tr:nth-child(even){
 /*background-color: #aca7a7;*/
}
.unified_bank_review .table-hover>tbody>tr:hover {
 background-color: #f6f6f6!important;
}
.search_wrap {
 display: inline-block;
 border: 1px solid #c3c3c3;
 border-radius: 9px;
 overflow: hidden;
}
input.search {
 border: transparent;
 padding: 0 0 0 10px;
}
input.search:focus,button.search_icon:focus {
 outline: none;
}
button.search_icon {
 background: transparent;
 border: none;
 text-indent: -999999px;
 background: url('../img/search_icon.gif');
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 background-position: center center;
}
.btn.btn_orange, .btn.btn_gray {
 background: #A01C3E;
 font-size: 18px;
 color: #fff;
 padding: 10px 20px;
 margin-top: 10px;
}
.btn.btn_gray {
 background: #606161;
 margin-left: 10px;
}
input[type='radio']:after {
	accent-color: green;
}
input[type='radio']:checked:after{
	accent-color: green;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
.unified_bank_review .dataTables_filter{
	display:block;
}

.drilldown{
	cursor: pointer;
}

.unified-td{ text-align:left !important; word-wrap: break-word !important; white-space: normal !important; }

.unified-td-font-14{ text-align:left !important; word-wrap: break-word !important; white-space: normal !important; font-size: 14px !important; }

.unified-word-wrap { word-wrap: break-word !important;white-space: normal !important; }
/*unified_bank_review end here*/

.thDrilldown{
	width: 8% !important;
}
th.thDrilldown.unified-word-wrap.sorting {
    width: 8% !important;
}

/*role start here*/
}
 .role .table.middle{
 /*table-layout: fixed;*/
 }
 .role .btn.btn_orange{
 margin-top:0; 
 }
 .role .margin_top{
 margin-top: 25px;
 }
 .role .table.middle>thead>tr>th{
 vertical-align: middle;
 }

 .role .btn.btn_gray{
 margin-left: 0;
 }
@media only screen and (max-width: 800px) {
 
 /* Force table to not be like tables anymore */
 #no-more-tables table, 
 #no-more-tables thead, 
 #no-more-tables tbody, 
 #no-more-tables th, 
 #no-more-tables td, 
 #no-more-tables tr { 
 display: block; 
 }
 
 /* Hide table headers (but not display: none;, for accessibility) */
 #no-more-tables thead tr { 
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
 
 #no-more-tables tr { border: 1px solid #ccc; }
 
 #no-more-tables td { 
 /* Behave like a "row" */
 border: none;
 border-bottom: 1px solid #eee; 
 position: relative;
 padding-left: 50%; 
 white-space: normal;
 text-align:left;
 }
 
 #no-more-tables td:before { 
 /* Now like a table header */
 position: absolute;
 /* Top/left values mimic padding */
 top: 6px;
 left: 6px;
 width: 45%; 
 padding-right: 10px; 
 white-space: nowrap;
 text-align:left;
 font-weight: bold;
 }
 
 /*
 Label the data
 */
 #no-more-tables td:before { content: attr(data-title); }
}
/*role end here*/
/*role_assignment_history start here*/

.role_assignment_history button.btn.btn_gray, .role_assignment_history button.btn.btn_orange{
 width: 450px;
 text-align: center;
 padding-left: 0;
 padding-right: 0;
 font-weight: bold;
}
.role_assignment_history button.btn.btn_gray{
	background: #f11414;
}

.role_assignment_history button.btn.btn_orange{
	background: #da2932;
}
.role_assignment_history button.btn.btn_orange{
 margin-left: 20px;
}
.role_assignment_history .table-bordered>thead>tr>th, .role_assignment_history .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th {
 border: 1px solid #ddd;
 background: #ededed;
 color: #000;
 vertical-align: middle;
 text-align: center;
 font-weight: normal;
}
/*.role_assignment_history .table>thead>tr>th:first-child{
 border-radius: 15px 0px 0px 0px;
}
.role_assignment_history .table>thead>tr>th:last-child{
 border-radius: 0px 15px 0px 0px; 
}*/

.role_assignment_history p.text-danger.heading-md, .role_assignment_history p.text-danger.heading-lg {
    color: #ec0303;   
}
.role_assignment_history p.heading-md{
	color: #000;
}

.blinking{
	animation:blinkingText 1.3s infinite;
}

/*role_assignment_history end here*/

/*CSS for popup */
.showcenter{
	display: block;
	text-align: center;
	font-size: 26px;
	color: #5bab15;
	font-weight: bold;
}
.sucesstext{
	text-align: center;
	display: block;
	}
#sudcesspopup .modal_btn{
	display: block;
	vertical-align: c;
	margin: 0px auto;
	padding: 8px;
	margin-bottom: 6%;
}
#sudcesspopup .aletmsg{
	vertical-align: c;
	margin: 0px auto;
	padding: 8px;
	margin-bottom: 6%;
}


.incentive-home-image{
	width: 133px;
}


/*
Author: Karan Pawar
Description: This css is added for Login Page when i have used BS4. This changes was given by prathamesh for Login Page.
Login Credentials: co_admin
Page Name: Login Page - http://localhost/pnb-bank/login
Start Point
*/
.error-msg p{
    margin-top: .4rem;
}
.login-invalid {
    color: #da2932;
}
/*Login Page End Point*/

/*Upload Page TS Css Start Point*/
.resetbtn button {
    border-radius: 6px;
    border: solid 1px #A01C3E;
    color: #A01C3E;
    padding: 10px 47.5px;
    background: none;
}
.resetbtn button:hover {
    color: #ffffff;
    background: #A01C3E;
}
.upload-srno {
    font-weight: 700;
}
.upload_successbtn {
    background: none;
    color: #119f5a;
    font-weight: bold;
    border:none;
    box-shadow: none;
}
.custom-file-upload form {
    border: 1px solid #ccc;
    padding: 5px 5px 0;
    width: 55%;
    background: #dee1e8;
    border-radius: 10px;
}
.custom-file-upload .file-upload-input {
    display: none;
}
.custom-file-upload .up-btn {
    width: 50% !important;
    background: none !important;
    border: 0 !important;
    color: #2e384d !important;
    box-shadow: none;
}
.file-upload-wrapper .file-upload-button {
    width: 14em;
    background: #A01C3E;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.download--btn {
    border: 1px solid #da2932;
    border-radius: 3px;
    padding: 5px 5px 0 5px;
    color: #da2932;
    background-color: #ffffff;
}
.download--btn i {
    color: #da2932 !important;
}
/*Table Css Start Point*/
.ta-sum__table {
    border-collapse: separate;
    border-spacing: 0 1em !important;
    width: 100%;
}
.ta-sum__table tr{
    padding: 13.9px 63.5px 14.8px 48.7px;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 8%);
    background-color: #ffffff;
}
.thead--dark th {
    background-color: #A01C3E;
    color: #fff;
    border: none !important;
    text-align: center;
    padding: 12px 17px 12px 17px;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 100;
}
.thead--dark th:first-child{
    border-top-left-radius:10px;
}
.thead--dark th:last-child {
    border-top-right-radius:10px;
}
/*Table Css End Point*/

/* Datatables Pagination Css Start Point */
.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #A01C3E !important;
    border-radius: 5px !important;
    padding: 3px 10px 3px 10px !important;
    background-color: #A01C3E !important;
}
.dataTables_info {
    width: 100%;
    text-align: right;
    padding-top: 1.2rem !important;
    padding-right: 10px;
}
/* Datatables Pagination Css Start Point */


/*Upload Page TS Css End Point*/

@media (max-width: 480px) {
    .file-upload-wrapper .file-upload-button { 
        width: 10em;
    }
}

.forgotChangePasswordPage.modal-dialog.login-dialog{
    margin-top: 35px !important;
    width: 396px;
    display: flow-root;
    padding: 15px 30px;
background-color: #fff;
margin: 35px auto;
border-radius: 12px;
}
.modal-body.login-body.fg-form {
padding: 0 !important;
font-family: 'poppinsregular';
}
.forgotChangLogo.modal-header.login-header{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: normal;
    background-color: transparent;
    margin: 10px 0 18px;
    box-shadow: none;
    padding: 0;
}
.pnbLogo{
    width: 150px;
    }
    .udaanLogo{
    width: 130px; 
    }
.pfTextFontsize{
    font-size: 14px;
    font-weight: 600;
}
.login-button-position{
    margin: 0 auto;
    display: block;
}
.forgotChangLogo.modal-header.login-header{
    border-bottom: 0 !important;
}
.FgTextHeading.login-page__form-title {
font-family: 'poppinsregular';
font-size: 24px;
text-align: center;
font-weight: 900;
color: #A01C3E;
text-transform: capitalize;
margin: 16px 0 24px;
}
.fg-form .login-body .form-control{
box-shadow: none;
border: 1px solid #989898;
background-color: #ffffff !important;
border-radius: 6px;
padding: 10px 25px;
height: 46px;
box-shadow: 0 0 0 1000px white inset;
-webkit-box-shadow: 0 0 0 1000px white inset;
}
.fg-form .btn-login {
background-color: #A01C3E;
font-family: 'poppinsregular';
font-size: 14px;
transition: all 0.5s ease;
border-radius:6px;
font-weight: 600;
}
.fg-form .btn-login:hover{
color: #A01C3E;
background:#ffffff;
border:1px solid #A01C3E;
}

.fg-form .btn-login:focus{
outline: none;
}
.logo404{
    font-family: 'poppinsregular';
    font-size: 50px;
    text-align: center;
    font-weight: 900;
    color: #A01C3E;
    text-transform: capitalize;
    margin: 0;
}
.logo404 span{
    font-weight: 500;
    display: block;
    font-size: 28px;
}
span.maintenanceUserName{
    color: #ffff;
}
span.maintenanceUserDetails {
    color: #ffffff;
}
.maintenanceSessionTime{
    color: #000000;
    font-weight: 600;
}
.nav-bar .homeIconText{
  color: #A01C3E !important;
}
.maintenanceDisplay{
    display: flex;
    align-items: center;
}

/* common resposnive code */
@media (max-width: 1440px){
    .forgotChangLogo.modal-header.login-header{margin: 0 auto;}
}
@media (max-width: 1366px){
    .udaanLogo {
      width: 120px;
  }
  .pnbLogo {
    width: 130px;
  }
  .bg_login{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
    .udaanLogo {
        width: 115px;
    }
    .pnbLogo {
      width: 125px;
    }
    .FgTextHeading.login-page__form-title{
        font-size: 22px;
    }
    .fg-form .btn-login {
        font-size: 12px;
    }
    
}
@media (max-width: 575px){
    .forgotChangePasswordPage.modal-dialog.login-dialog{
        width: 72%;
    }
    .FgTextHeading.login-page__form-title {
        font-size: 20px;
    }
    .fg-form .btn-login {
        padding: 10px 16px;
    }
    .navbar-nav li a span {
        font-size: 14px;
    }
    .pfTextFontsize {
        font-size: 12px;
    }
    .otpTextFont{
        font-size: 14px;
    }
}
@media (max-width: 448px){
    .udaanLogo {
      width: 110px;
  }
  .pnbLogo {
    width: 100px;
  }
  .forgotChangePasswordPage.modal-dialog.login-dialog{
    width: 85%;
  }
  }
   /* start Pms action dashboard*/
   g.highcharts-axis-labels.highcharts-xaxis-labels {
    font-size: 12px;
   }
   .newInputInfo input{
    padding:10px;
}
.newInputInfo select{
    padding:10px;
}
.newInputInfo label{
    color: #a01c3e;
    font-weight:600;
}
.btn.btn-primary-radius.backTop.newSave{
    margin-top: 30px;
    padding: 7px 30px;
    width:auto;
}
.tableOuterInfoData{
    width:100%;
    display:inline-block;
    overflow:auto;
    margin-top:20px;
}
.tableOuterInfoData table{
    width:100%;
}
.tableOuterInfoData table tr td, .tableOuterInfoData table tr th{
    padding:10px 15px;
    font-size:16px;
    text-align:center;
    border:1px solid #000;
    color:#000;
}
.tableOuterInfoData table tr th{
    background:#a01c3e;
    color:#fff;
}
.tableOuterInfoData table tr:nth-child(odd){
    background:#e9e9e9;
}
.file-upload-input{
    display:none;
}
.file-upload-wrapper .file-upload-button{
    border-radius: 6px;
    width: max-content;
}
.uploadFileInfo{
    font-family: Poppins, sans-serif;
    color: #a01c3e;
    font-size: 18px;
    padding: 8px 40px;
    border-radius: 6px;
    border: 1px solid #a01c3e;
    transition: .5s;
    text-decoration: none;
    margin-top: 30px;
    padding: 7px 30px;
    position: relative;
    margin-left:15px;
    width:auto;
}
.uploadFileInfo input.new{
    opacity:0;
}
.uploadFileInfo .file-upload-button{
    display:none;
}
.emp_div{
    margin-top: 1%;
}
.dataShowUser{
    width:100%;
    display:inline-block;
    margin-top:30px;
}
.dataShowUser table{
    width:100%;
}
.dataShowUser table tr td{
    border:1px solid #a01c3e;
    padding:5px;
    color:#606161;
    line-height:18px;
}
.dataShowUser table tr td p{
    color:#606161;
    margin:0px;
    font-size:12px;
}
.dataShowUser table tr td b{
    color:#606161;
    margin:0px;
    font-size:12px;
}
.infoDataCard{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.innerCardDatatInfo{
    width: 24%;
    box-shadow: 0px 0px 4px #ccc;
    box-sizing: border-box;
    padding:25px 10px;
    border-radius: 3px;
    text-align:center;
    min-height:177px;
}
.innerCardDatatInfo h2{
    color: #000;
    font-weight: 700;
    font-size: 36px;
}
.innerCardDatatInfo p{
    color:#000;
}
.innerCardDatatInfo h5{
    color:#000;
}
.selectdata{
    width: 100%;
    padding-left: 10px;
}
.selectdata label{
    color:#a01c3e;
}
.innerCardDatatInfo h4{
    color:#000;
    font-size:20px;
}
.innerCardDatatInfo ol {
text-align: center;
    list-style-position: inside;
    padding-left: 0;
}
.innerCardDatatInfo ol li{
    color:#000;
}
.graphCardInfoOuter{
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.graphCard{
    width:49%;
    box-shadow: 0px 0px 4px #ccc;
    box-sizing: border-box;
    padding:10px;
    border-radius: 3px;
    border:1px solid #a01c3e;
    min-height:450px;
}
.highcharts-credits{
    display:none !important;
}
.graphCard .blocks_title {
    color: #a01c3e;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-self: start;
}
.graphCard .portfolio_overview-switch label {
padding: 5px 3px;
}

.graphCard .portfolio_overview-dropdown {
min-width: 70px;
}

.graphCard .three-dropdowns .portfolio_overview-dropdown {
min-width: 73px;
}

.graphCard .portfolio_overview-dropdown select.form-control {
height: 26px !important;
font-size: 13px;
appearance: auto !important;
}

.graphCard .portfolio_overview-dropdown .form-control {
padding: 0px 0px 0 3px;
}

.graphCard .portfolio_overview-dropdown:after {
top: 0px;
height: 25px;
right: 0px;
padding: 3px 3px 0px 3px;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}

.graphCard .blocks_title {
color: #a01c3e;
font-weight: 600;
font-size: 18px;
display: flex;
align-self: start;
}
.graphCard .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.graphCard .switch-field label{
    background-color: #A01C3E0F;
    color: #000;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid #f5f2f2;
    box-shadow: none;
    transition: all 0.1s ease-in-out;
}
.graphCard .portfolio_overview-switch label {
    padding: 5px 3px;
}
.graphCard .switch-field label:first-of-type {
    border-radius: 6px 0 0 6px;
}
.graphCard .switch-field input:checked+label {
    background-color: #a01c3e;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
}
.graphCard .switch-field label:last-of-type {
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    margin-left:-3px;
}

  /* end Pms action dashboard*/