@charset "utf-8";

/* CSS Document  v1.2 updated 23 October'2019 */
html{overflow: hidden;}

body {font-family: AmericanSansRegular, arial, sans-serif !important; font-weight: normal; font-size:15px !important; background: #deeaf0 !important; color: #333 !important; line-height: 20px !important;}

@font-face {font-family: 'AmericanSansRegular'; src: url('../fonts/AmericanSansRegular.ttf'); }

@font-face {font-family: 'AmericanSansLight'; src: url('../fonts/AmericanSansLight.ttf'); font-weight: lighter; font-style: normal;}

div[class^="col"]{padding-left:5px;padding-right:5px;}

.spl-gutter div[class^="col"]{padding-left:8px;padding-right:8px;}

.row{margin-right:-5px !important;margin-left:-5px !important;}

a{color:#337ab7;text-decoration:none!important;}

@media screen and (min-width:1921px) {
.f-width {
	margin: 0px auto 16px auto;
    width: 1486px !important;
}
}


.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}


.col-width{float:right; padding:7px 3px; margin-bottom:0px !important;}

.col-float1{float:right;}

.col-float2{float:left;}

@media screen and (min-width:576px) {
	
.row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media screen and (min-width:768px) {
.row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}	
}

/* -- top-section -- */

.top-section {width: 100%; height: 46px; padding: 0px; vertical-align: middle;background: #75c2e0; /* Old browsers */
background: -moz-linear-gradient(left,  #75c2e0 1%, #3192b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #75c2e0 1%,#3192b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #75c2e0 1%,#3192b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c2e0', endColorstr='#3192b3',GradientType=1 ); /* IE6-9 */
display: none;
}

.top-section .list-inline > li {padding: 7px 10px !important; padding-right: 0px !important; position:relative;}

.headingCount {
	background: #fff;
    border-radius: 4px;
    color: #3192b3;
    font-size: 11px;
    left: -6px;
    top: -7px;
    padding: 1px 4px 0px;
    line-height: 16px;
    position: relative;
    text-align: center;
    z-index: 10;
    border: 1px solid #3192b3;
}

.list-logos{list-style: none;padding:0px;}

.list-logos .list-inline-item{padding:0px;}

.list-logos li {float:left; padding:3px 14px !important; border-right: 1px solid #3090b3;}

.list-logos li:first-child{padding-left:0px !important;}

.left-icons-section{background: #cfcfcf; width: 100%; float: left; position: relative;}

.top-section .list-inline-item:not(:last-child){margin-right: 0;}

.top-section ul{margin-bottom:0px;}

/* -- end top-section -- */

/* -- header-section -- */

.main-header {background:#fff;}

.logo {margin: 12px 0px 10px 0px !important; /*float: left;*/}

.profile-section {width: 100%; float: left; padding: 12px 0px; height: 86px;}

.user-name {font-size: 15px; color:#333; display: block; padding-bottom: 2px; float: right; clear: both; line-height: 19px; margin-top: -8px;}

.user-name p {margin: 0px 0px 2px 0px !important;}

.profile-pic {width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 100%; float: right; margin: 2px 10px; overflow: hidden;}

.profile-pic img {width: 100%;}

/* -- end header-section -- */

/* -- navbar -- */

.mainmenu{background-color:#f8f8f8!important;}

.navbar{ padding:0px; margin-bottom: 0px !important; border-bottom: 3px solid #a7e7ff; min-height: 42px; border-left:none; border-right: none; border-radius: 0px !important; border-top: #e7e7e7 solid 1px;}

.navbar-nav > li > a{padding: 10px 15px !important; line-height: 22px; color: #333 !important;    font-size: 17px;}

.navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active{background-color: #a7e7ff; font-size:17px !important}

.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color: #a7e7ff;}

.navbar-nav .active > .nav-link{background-color: #a7e7ff;}

.navbar-nav .nav-link:hover {background-color: #a7e7ff;}

/* Toggle - right Margin */

.navbar-toggle {margin-right: 15px;}

.dropdown-menu{background-color:#fff !important;border-radius:0px!important; padding:0px!important;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.150);box-shadow: 0 5px 5px rgba(0,0,0,.150);margin: 0px 0px !important;}

.dropdown-menu>a{padding:5px 20px 6px  !important;font-size:16px !important;border-bottom:1px solid #a7e7ff !important;}

.dropdown-item:focus, .dropdown-item:hover{color:#000;background-color: #a7e7ff;}

.dropdown-toggle::after {display:none;}

/* Menu Styles  */

.navbar{margin-bottom: 0px !important; border-bottom: 3px solid #a7e7ff; min-height: 42px; border-left:none; border-right: none; border-radius: 0px !important; padding:0px !important; background:#f2f2f2; }

.navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1);}

.c-offcanvas {left: 0; padding: 1rem 0; overflow-y: scroll;}

.js-offcanvas a {color: #337ab7; outline: 0;}

.js-offcanvas .dropdown-menu {position:relative; border:none;}

/* --end navbar -- */

/* --body frame -- */

.bodybg{background:#d3eeff; /* Old browsers */background:-moz-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(top bottom, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background:-ms-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); /* IE10-11 */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eeff', endColorstr='#f8f8f8', GradientType=0 ); /* IE6-9 */
	padding-top:16px;}
	
.bodycontent{background:#fff;padding:16px 16px 8px 16px !important;border-radius:6px;position:relative;-webkit-box-shadow:0px 8px 7px -4px rgba(191,185,191,0.62);-moz-box-shadow: 0px 8px 7px -4px rgba(191,185,191,0.62);box-shadow:0px 8px 7px -4px rgba(191,185,191,0.62);margin-bottom:125px; min-height:360px;}

.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0rem 0rem;margin-bottom: 11px!important;background-color:transparent;border-radius:.0rem;}

.breadcrumb a:hover{color:#0056b3;text-decoration:none!important;}

.breadcrumb-item+.breadcrumb-item::before{content: "|" !important;}

.actions{padding-top:2px; padding-right:3px;}

.actions .fa{ padding-right:3px;}

.actions a {color: #fff !important; background: #008fd5; border: 1px solid #fff !important; border-radius: 3px; height: auto; font-size: 12px; padding: 1px 6px 2px 5px; margin: 1px 5px 0px 0px !important; float: left; text-decoration: none!important; cursor: pointer; /* margin: 0px 5px 0px 0px !important; Changes based on Invoice Report Screen */} 

.heading-section .help .fa{display: inline-block;font: 25px/1 FontAwesome;text-rendering:auto;}

hr{margin-top:0rem !important;margin-bottom: 1rem;border-top:1px solid #eee !important;}	

.caption{border-bottom:1px solid #ddd;color:#000;font-size:20px;width:100%;margin-bottom:16px;}

/* -- end body frame -- */
   
/* --- Table Info */

.table-info{margin-bottom:16px;width:100%;background:#f2f2f2;/* border:1px solid #b5b5b5!important; */}

.table-info tr td:nth-child(odd){text-align:right;}

.table-info tr td{padding:4px 8px !important; border: 1px solid #ddd !important;}

/* .table-info tr{border-bottom: 1px solid #d5d5d5!important} */

/* .table-info tr td:nth-child(even){border-left:1px solid #d5d5d5;border-right:1px solid #b5b5b5} */

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border-top: 1px solid #ddd !important; line-height: 17px !important; white-space: nowrap; padding: 6px 10px !important; font-size:14px;}

.table-info tr:nth-child(odd) {background-color: #fff;}

/*.table-responsive {overflow: visible;}*/

.large-table .table-responsive{display:block ruby !important;}

/* --- End Table Info */

/* -- list -- */

.listactions, .listactions{border-left: 1px solid #fff !important; width:auto;}

.list .form-control{margin-bottom:8px!important;}

.list .chosen-select{margin-bottom:0px!important;}

.list td, .card-body1 td{position:relative;}

/*New Styles for Vertical strips and badges*/

.color-widget .list-inline{ margin-bottom:-8px }

.color-widget .list-inline > li{display:inline-block;padding-right:6px; vertical-align:middle!important;padding-left:1px; float:left; }

.box-new {background-color:#8dd8f8;}

.box-approval {background-color:#f7f6b5;}

.box-approved {background-color:#a0d27d;}

.box-rejected {background-color:#FF0000;}	

.box-taken {background-color:#b4d3b3;}

.box-canceled{background-color:#f6d8b4;}

/* Vertical Strips*/
.new-Vbadge, .approval-Vbadge, .approved-Vbadge, .rejected-Vbadge, .taken-Vbadge, .canceled-Vbadge {float:left;width:5px;height:100%;position:absolute;top:0px;bottom:0px;left:0px;} 

.new-Vbadge{background:#8dd8f8;}

.approval-Vbadge{background:#f7f6b5;}

.approved-Vbadge{background:#a0d27d;}

.rejected-Vbadge{background:#FF0000;}

.taken-Vbadge{background:#b4d3b3;}

.canceled-Vbadge{background:#f6d8b4;}

/* -- end list -- */

/* -- forms fields -- */

.form{ padding-bottom:8px;}

label{display:inline-block; font-size:14px; margin-bottom: 4px !important;} 

.form-check-label{margin-bottom:0px !important;}

.alert-dismissible .close{top: -4px;}

.invoicezone{background:#d5effc;text-align:center}

.iz-toplinks{border-bottom:1px solid #fff; padding:10px!important}

.iz-toplinks a{padding: 5px 5px 5px; font-size:16px;color:#1F78BF;text-decoration:none!important;}

.fa-trash-o {font-size:16px !important;}

.dropzone-mrg{margin-right:16px!important;margin-left:16px!important;}

.docsbox{ background:#f5f5f5}

.form-control{color:#000!important;margin-bottom:8px!important;font-size:14px!important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
	
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.input-group-text{margin-bottom:8px;background-color:#e6e4e4;}

.list .chosen-container-single .chosen-default{margin-bottom:0px!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
	
.chosen-single{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.form-group{margin-bottom: 0.5rem;}

.form-control-file{border:1px solid #ced4da;padding:4px 3px;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);margin-bottom:8px!important;font-size:14px!important;color:#000!important;background-color:#fff;font-size: 1rem;background-clip:padding-box;}

.form-control-file:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.subcaption{display:block;margin-bottom:16px;}

.alert{ margin-bottom:16px !important;}	 

.chosen-select:focus{border-color:#66afe9!important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.chosen-select{margin-bottom:8px !important;}

/* -- end forms fields -- */

/* -- table -- */

.table > thead > tr > th, .table > thead > tr > td{vertical-align: middle !important;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td{border-bottom-width:1px !important;border:none;}

.table > thead > tr > th {background-color:#d9eeff !important;color:#000!important;font-weight: normal;padding:6px 10px !important;border-bottom:1px solid #fff !important;border-bottom-width:1px; border-left: 1px solid #b9dfe1 !important;}

.table > tbody{background: #f2f2f2 !important; border-top: 1px solid #ddd !important;}

.table > tbody > tr > td{border-top: 1px solid #fff !important;border-bottom-width: 1px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 10px 10px 7px 10px !important; vertical-align: top;}

/* -- end table -- */

/* -- Buttons -- */

.buttons{width:100%;text-align:right;margin:0px 0px 14px;}

.btn-sutisoft{background-color:#168fce;border-color:#168fce;color:#fff; margin-left:1px;outline:none;padding:4px 16px 5px 16px !important; font-size: 16px !important;}

.btn-sutisoft:hover, .btn-sutisoft:focus, .btn-sutisoft:active, .open > .dropdown-toggle.btn-sutisoft{background-color:#016faf!important;border-color:#016faf;color: #fff !important;outline:none;}

.btn-successtoggle, .btn-dangertoggle {background: #15A447  !important;border-color: #15A447  !important;color: #fff  !important;} 

.btn-dangertoggle {background: #D40000 !important;border-color: #D40000 !important;}

.btn{font-size:15px !important; line-height: 1.42857143; border-radius: 4px; cursor: pointer; padding:7px 12px 5px 12px !important;}

.dash-btn{font-size:15px !important; line-height: 1.42857143; border-radius: 4px; margin-bottom: .25rem;cursor: pointer; padding:6px 12px !important;}
	
.btn-xs{font-size:12px !important; line-height: 1.6 !important;}

.btn-success {color: #fff; background-color:#5cb85c; border-color:#4cae4c;}

.btn-success:hover {color: #fff; background-color: #449d44; border-color:#398439;}

.btn-primary {color: #fff; background-color:#337ab7 !important; border-color:#2e6da4 !important;}

.btn-primary:hover {color: #fff; background-color:#286090 !important; border-color:#204d74 !important;}

.btn-info {color:#fff; background-color:#5bc0de; border-color:#46b8da;}

.btn-info:hover {color:#fff; background-color:#31b0d5; border-color:#269abc;}

.btn-warning {color: #fff; background-color:#f0ad4e; border-color:#eea236;}

.btn-warning:hover {color: #fff; background-color:#ec971f; border-color:#d58512;}

.btn-default {color: #333; background-color: #fff; border-color:#ccc !important;}

.btn-group-xs > .btn, .btn-xs {padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important;}

.btn:focus{box-shadow:none !important;}

.dropdown-toggle::after{display:none !important;}

button, input, optgroup, select, textarea{font-family: AmericanSansRegular, arial, sans-serif !important;}

button:focus {outline:none !important;}

.search-btn {background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 8px!important; margin-left: 1px; outline: none; padding: 5px 16px 2px 16px !important; font-size: 15px !important;}

/* end  buttons -------------- */


/* -- footer -- */

.copyright{text-align:left;}

/*.support{text-align: right}*/

.footer{width: 100%;padding-top:10px;position:fixed;bottom:0px;clear:both;margin-top:20px;z-index:999;}

.footer-button{background: #e5e5e5;border-top:1px solid #ddd;padding-top:10px;padding-bottom:12px;}

.footer-section{background: #f8f8f8;border-top: 1px solid #ddd;padding-top: 5px;padding-bottom:5px;}

/* -- end footer -- */

/* -- Elements --- */

.reports-container div[class^="col"]{padding-left:8px;padding-right:8px;}


/*pagenation*/

.pagination .page-link img{margin-top:-2px !important;}

.dropbox{background:#abe2fd;margin-left:-16px!important;margin-right:-16px!important;padding: 16px 13px 0px;}

.receiptsbox{background:#31598d;margin:0px -16px -1px -16px;padding:16px 13px 0px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}

.receipts{background:#f5f5f5!important;width:100%;height:auto;border:0px solid #333;margin-bottom:16px;position: relative;}

.tools{position:absolute; top:0; left:3px;}

.receipts ul li{list-style:none!important; padding:0px !important; margin:0px !important;}

.receipts ul{list-style:none!important; padding:0px !important; margin:0px !important;}

.receipt-img{border:1px solid #ddd;padding:0px;float:left;margin:0px -1px 0px 18px;width:240px;height:331px !important;overflow:hidden; background: #fff;}

.receipts .table-info{margin-bottom:0px !important;}

.tagbox{margin-bottom:16px;background:#f5f5f5!important;padding:16px 13px 0px 13px;}

.tagbox-class{margin-bottom:16px;padding:16px 13px 0px 13px; border:1px solid #e3e3e3;}

.tagbox-class2{margin-bottom:16px;padding:28px 13px 0px 13px; border:1px solid #e3e3e3; position:relative;}

.tagbox-class ul{padding:0px !important;}

.tagbox-class2 ul{padding:0px !important;}

.tagbox-class ul li{list-style:none !important;width:100%;}

.tagbox-class2 ul li{list-style:none !important;width:100%;}

.tag{background:#d3eeff;padding:10px 10px;float:left;width:100%;box-shadow:0px 4px 4px -4px rgba(191,185,191,0.62);border:1px solid #afddfa;margin-bottom:16px;}

.tag-class{border:1px solid #e3e3e3;padding:10px 10px;float:left;width:100%;box-shadow:0px 4px 4px -4px rgba(191,185,191,0.62);margin-bottom:16px;}

.tagbox-class2 .tagbox-close{color:#000!important;position:absolute;top:-3px;right:5px;}

.flipbox{background:#f2f2f2;margin-bottom:16px;margin-top:-18px;position:relative;}

.flipbox table{ border-left:1px solid #fff; margin-bottom:-1px;}

.flilp-img{ position:absolute;top:98px;right:600px;}

.flilp-img2{ position:absolute;top:54px;right:600px;}

/* --- H Tabs ---- */

.tab-content{border:1px solid #dee2e6; border-top:none; padding:16px 16px 0px; margin-bottom:-5px;}

.nav-tabs .nav-item{margin-bottom:-1px;background:#eee;margin-right: 2px;border-radius:3px;}

.nav-tabs a{color: #000 !important;}

/* --- V Tabs ---- */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color:#e4e4e4;background-color:#0786cb !important;}

.nav-pills .nav-link {border-radius: .0rem; background:#d3eeff; color:#000; margin-bottom: 1px;}

.vtab-content {border-top:1px solid #dee2e6; margin-bottom:16px;}

/* --- End Tabs ---- */

/* -- End Elements --- */

/* -- popup --- */	

.modal-header{padding:0.2rem 1rem 0.3rem;border-bottom: 1px solid #dee2e6;background: url(../images/panel_bg.png); color:#000;border-radius: 8px 8px 0px 0px !important;}

.close{font-weight:normal;color:#000;opacity:1.8;}

.close:hover{color:#fff;}

.modal-footer{padding: 0rem 1rem 16px !important;border-top: none !important;border-bottom-right-radius:.0rem;border-bottom-left-radius:.0rem;}

.modal-content{outline:0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);border-radius: 15px !important;border: none !important}

.modal-body .nav-link{padding: 6px 10px 7px!important; border-bottom: 1px solid #f1f1f1!important; color: #000 !important; height: 39px;border:0px !important ;}

.modal-body .nav-link:focus, .modal-body .nav-link:hover{background:#b1b1b1!important;border-bottom: 1px solid #f1f1f1!important;color:#000!important;} 

.modal-body .action{padding-right:5px;margin-top:-4px;color:#000!important;}

.modal-body.form{padding-bottom:0px !important;margin-top:-6px !important;margin-bottom:8px !important;}

.modal-body.form .form-group{margin-bottom:0px !important;}

.modal-body.form .form-group label { margin-bottom:3px !important;}

.modal-body.form .form-group label{margin-bottom: 3px !important;margin-top: 2px !important;}

/* -- end popup --- */	

/*--- Dashboard ---------------- */

.dashboard-container{background:#31598d;padding:20px 15px 0px!important;border-radius:6px;position:relative;margin-bottom:20px;-webkit-box-shadow:0px 8px 7px -4px rgba(191,185,191,0.62);-moz-box-shadow: 0px 8px 7px -4px rgba(191,185,191,0.62);box-shadow:0px 8px 7px -4px rgba(191,185,191,0.62);}

.circle-block{width:120px;margin:0px auto 10px;height:auto;clear:both;position:relative;}

.badge-rounded{min-width:24px;width:auto;height:24px;background:#fff !important;color:#000!important;font-size:12px!important;font-weight:bolder !important;padding: 3px 4px 6px !important; !important;position:absolute; top:5px;right:5px;border-radius:100% !important;text-align:center; border:1px solid #ddd}

.circle-btn{width:99px;height:93px; border-radius:100%;-wekkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius:100%;margin:0px auto !important;box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.3)!important;}

.circle-blue{background: #1eb8f3!important;}

.circle-cyan{background: #1794ad!important;}

.circle-green{background: #98bc47!important;}

.circle-orange{background: #ffc33b!important;}

.circle-pink{background: #c99a9a !important;}

.circle-brown{background: #c9b99a !important;}

.circle-dblue{background: #93a5d3 !important;}

.circle-label{/*font-family: SegoeUISemiBold, arial, sans-serif !important;*/ font-size:16px;margin-top:10px;color:#000;text-align:center;}

.pannel{background:#fefefe;border-radius:6px;margin-bottom:20px;}

.pannel-head{background:#418bca!important;padding:5px 10px;font-size:18px;color:#fff !important;border-top-left-radius:4px !important;border-top-right-radius:4px !important;}

.pannel-body{border-bottom-left-radius:4px !important;border-bottom-right-radius:4px !important;overflow:hidden; min-height:350px; height: 350px; overflow-y: auto; /* padding: 5px; */ }

.big-body{ height:353px;}	

.dashboard-container div[class^="col"]{padding-left:10px;padding-right:10px;}

.pannel-head a{color:#fff !important; font-size:18px; position: relative; top:-3px;}

.pannel-head a:hover{color:#ccc !important;}	 

.pannel-body .table {margin-bottom:0rem!important;}

.dashboad-group{float:right !important;margin-top:-2px!important;width:160px;height:30px !important;padding:0px 4px !important;}

 .dashboad-group .form-control{background:#D3EEFF;height:30px;padding:0px 4px !important;margin-right:6px !important;float:right} 

.dashboad-group .form-control {background: #D3EEFF; height:23px; padding:0px 4px !important; margin-right:2px!important; float:right; margin-top:4px; font-size:12px!important;}

.dashboard-container .new-Vbadge, .dashboard-container .approval-Vbadge, .dashboard-container .approved-Vbadge, .dashboard-container .rejected-Vbadge, .dashboard-container .taken-Vbadge, .dashboard-container .canceled-Vbadge{ float:left;width:5px;height:100%;position:absolute;top:0px;bottom:0px;left:1px !important;}

.circle-gray {background: #e6e6e6 !important;}

.circle-gray img{ width:105px;}

.main-section .color-widget {/*padding: 10px 0px; position: absolute; width: 100%; bottom: 0; border-top: 1px solid #ddd;*/}

.main-section .color-widget .list-inline > li{/*padding-right:0px; vertical-align:middle !important; padding-left:0px; display: inline-block; font-size: 13px;*/}

.main-section .box-new, .main-section .box-approval, .main-section .box-approved, .main-section .box-rejected, .main-section .box-taken, .main-section .box-canceled,

/*Goal status*/

.main-section .box-ontrack, .main-section .main-section .main-section .box-atrise, .main-section .box-behind, .main-section .box-complete, .main-section .box-reopened {width:10px; height:10px; margin:5px 5px 0px 5px; float: left;}

.box-new {background-color: #8dd8f8;}

.box-approval, .box-ontrack {background-color: #f7f6b5;}

.box-approved, .box-complete {background-color: #a0d27d;}

.box-rejected, .box-behind {background-color: #f6adb4;}

.box-taken, .box-atrise {background-color: #b4d3b3;}

.box-canceled{background-color: #f6d8b4;}

.box-reopened{background: #f5cfff;}

/* Vertical Strips*/

.new-Vbadge, .approval-Vbadge, .approved-Vbadge, .rejected-Vbadge, .taken-Vbadge, .canceled-Vbadge, 

/*Goal status*/

.ontrack-Vbadge, .atrise-Vbadge, .behind-Vbadge, .complete-Vbadge, .reopened-Vbadge {float: left; width: 4px; height: 60%; position: absolute; top: 20%; bottom: 20%; left: 0px;} 

.new-Vbadge{background: #8dd8f8;}

.approval-Vbadge, .ontrack-Vbadge {background: #f7f6b5;}

.approved-Vbadge, .complete-Vbadge{background: #a0d27d;}

.rejected-Vbadge, .behind-Vbadge {background: #f6adb4;}

.taken-Vbadge, .atrise-Vbadge {background: #b4d3b3;}

.canceled-Vbadge{background: #f6d8b4;}

.reopened-Vbadge{background: #f5cfff;}

.main-section .fa-color{font-size: 11px !important; color: #999 !important;}

.user-profile{position:relative; width: 100%;}

.user-profile-pic{width: 160px; height: 160px; border: 4px solid #fff; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: hidden; margin: 0px auto;}

.user-profile h4 {color:#333; margin-top: 20px; margin-bottom: 2px; line-height: 20px; font-size: 18px !important;}

.user-profile p{color: #333; margin-bottom: 0px; line-height: 20px; font-size: 15px !important;}
	
#sidebarCollapse {padding-top: 25px !important;}

/* breadcrumb Circle Type*/

/* Background container */

#cssmenu-container {height: 220px; background-color: #CEE3F8;}

/* Menu container */

#cssmenu {display: inline-block; position: relative; left:16px; top: 0; transform: translate(0%, 0%); font-size: 14px; line-height: 1em; border-radius: 2px; overflow: hidden; margin-bottom:8px; }

/* Icons */
#cssmenu i {transform: scale(1.4);}

/* Menu */
#cssmenu ul {display: flex; flex-direction: row-reverse; list-style: none; margin: 0; padding: 0;}

#cssmenu ul li {margin: 0;}
	
/* Menu items */
#cssmenu ul li a {display: inline-block; padding: 10px 30px 10px 40px; margin-left: -20px; color: #fff; background-color: #51879b/*#3090b3--old*/; text-decoration: none; border-radius: 0 100px 100px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); white-space: nowrap; font-size: 15px;}

/* Hover event */

/*#cssmenu ul li:hover a {background-color: #297EFE;}*/

/* Remove the shadow for first item, last in the right side when it gets reversed */
#cssmenu ul li:first-child a {box-shadow: none;}

/* Active item is a bit different */
#cssmenu ul li.active a {color: #333; background-color: #a7e7ff;}

/* Remove the shadow for the active's next item, to match the design more accurately */
#cssmenu ul li.active + li a {background: #f4f4f4; color: #333; /*box-shadow: none;*/}

.main-circle1, .main-circle2, .main-circle3, .main-circle4, .main-circle5, .main-circle6, .main-circle7, .main-circle8, .main-circle9, .main-circle10, .main-circle11, .main-circle12, .main-circle13, .main-circle14 { width: 40px; height: 40px; border-radius: 100%; margin-right: 10px; float: left; text-align: center; vertical-align: middle;}

.main-circle1{background: #6acff5;}

.main-circle2{background: #9edda7;}

.main-circle3{background: #cdd4a5;}

.main-circle4{background: #c9b99a;}

.main-circle5{background: #c99a9a;}

.main-circle6{background: #92cacc;}

.main-circle7{background: #93a5d3;}

.main-circle8{background: #d49bde;}

.main-circle9{background: #d5d497;}

.main-circle10{background: #b1d597;}

.main-circle11{background: #97d5c0;}

.main-circle12{background: #90d4e5;}

.main-circle13{background: #90b8e5;}

.main-circle14{background: #dec780;}

#sidebar-icons .main-circle1, #sidebar-icons .main-circle2, #sidebar-icons .main-circle3, #sidebar-icons .main-circle4, #sidebar-icons .main-circle5, #sidebar-icons .main-circle6, #sidebar-icons .main-circle7, #sidebar-icons .main-circle8, #sidebar-icons .main-circle9, #sidebar-icons .main-circle10, #sidebar-icons .main-circle11, #sidebar-icons .main-circle12, #sidebar-icons .main-circle13, #sidebar-icons .main-circle14{float: none !important; margin: auto !important;}

#sidebar-icons ul> a{height:auto !important; line-height:inherit !important; padding: .25rem 1.5rem !important;}

.main-section {margin:0px 0px 30px;}

.main-section .card{box-shadow: 0 2px 2px rgba(0,0,0,.05) !important; cursor: move; /*min-height: 331px !important;*/}

.main-section .card-default > .card-header{height: 36px !important; font-size: 18px !important; color: #343434 !important; line-height: 16px !important; padding: 10px !important; margin-bottom: 0; background-color:#f7f7f7 !important;
background-image: url(../images/bg_panal1.png); background-position: center;
border-bottom: 1px solid rgba(0,0,0,.125);}

.main-section .card-body {padding: 10px !important; /*min-height: 228px;*/ position: relative; background: #fff; height:auto}

.main-section .card-body1 {padding: 0px !important; min-height: 305px; position: relative; background: #fff;}

.main-section .card-body1 .table > tbody > tr > td{padding: 10px 10px !important;}

/*.main-section .custom-select{background-color:#dbe4e8;}*/

.main-section .custom-select-sm{height: calc(1.6em + .1rem + 2px); padding-top: .1rem !important; /*font-size: 13px !important;*/}

.main-section .table > tbody{background: #f2f2f2 !important; border-top: 1px solid #ddd !important;}

.main-section .table > tbody > tr > td{border-bottom: 1px solid #fff !important;border-bottom-width: 1px;}

.main-section .card-heading span a, .card-footer span a {padding: 0px 2px; position: relative;}

.main-section .card-footer{ padding: 6px 8px !important; background:#f7f7f7; }

.main-section .card-footer a{color:#505050;}

.badge {background: #fff !important; border-radius: 4px!important; border: 1px solid #e1e1e1; color: #343434 !important; font-size: 13px !important; font-weight: normal !important; top: 5px; margin-top: -3px !important; margin-left: 5px;}

.birthday-div{width: 100%; float: left; display: inline-block; height: 100%; padding: 5px 6px; /*border: 1px solid #e1e1e1; margin-left: -1px;  margin-top: -1px;*/ }

.birthday-pic{width: 50px; height: 50px; margin: 0px auto 5px auto; border: 1px solid #ddd; border-radius: 50%; overflow: hidden;}

.birthday-pic img{width: 100%;}

.birthday-div p img{text-align:center;}

.bithday-details{width: 100%; text-align: center; line-height: 18px;}

.holyday-div1, .holyday-div2{width: 100%; float: left; display: inline-block; height: 100%; padding: 9px 8px 9px; /*border: 1px solid #e1e1e1; margin-left: -1px;  margin-top: -1px;*/ }

.holyday-text{ margin: 4px 0px 5px 0px; float: left; line-height: 25px; }

.holyday-pic{width: 40px; height: 40px; margin: 20px 10px 10px 0px; float: left;}

.day{margin-top: 0px !important; margin-bottom: 0px !important; text-align: center;}

/*.holyday-div{background: #a7e7ff;}*/

.holyday-div1{background-color:#a7e7ff;}

.holyday-div2 {background-color:#b0e5a3;}

.mytable {border-collapse: collapse;}

.mytable tr th, .mytable tr td{padding: 0px 0px !important; border: 1px solid #ddd;}

.small-txt{color: #828282 !important; font-size: 14px !important;}

.hi {font-size: 30px; padding-top: 28px !important; text-align: center; color:#1a8ecd; line-height: 28px;}

/*--- End Dashboard ---------------- */	

.dashboad-dategroup .form-control {background: #D3EEFF; font-size: 12px !important; width: 120px; display: inline !important; margin-bottom: 5px !important; margin-top: 1px !important;
/* height: 23px; padding: 0px 4px !important; margin-right: 0px !important; float: right; margin-top: 2px; margin-left: 6px; */}

.well{padding:16px; background-color:#f5f5f5; border-radius:4px; margin-bottom:16px; width:100%; margin: 0 5px 16px 5px;/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); */}

.well .logo{border-left:1px solid #ddd; padding:0px 10px;text-align:center;}

.text-center {text-align: center !important;}

.fileinput-button input {cursor: pointer; direction: ltr; font-size: 15px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0;}

input[type="file"] {display: block;}

.input-group-btn .btn {border-radius:4px !important; background: #fff!important; color: #000 !important; border: 1px solid #ccc !important; margin-bottom: 0px !important;height:35px !important; padding-top:6px !important; margin-left:-1px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; font-size:14px;}

/* .toggle.btn-xs{margin-bottom:8px} */

.settings .form-check{ margin-bottom:8px;}

/*.bhoechie-tab-menu div.list-group>a.active:after {content:''; position:absolute; right: -3px; top: 28% !important; border-left: 12px; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-right: 12px solid #ccc;}*/

#v-pills-tab a{ position:relative;}

#v-pills-tab a.active:after {content: ''; position: absolute; right:-2px; top:12px !important; border-left: 12px; border-bottom: 12px solid transparent; border-top: 12px solid transparent;
	border-right:12px solid #fff !important;}
	
#v-pills-tab .nav-link {padding: .80rem 1rem;}

/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff; background-color: #0786cb;}*/

/* ------------ Special Classes ----------------------- */

/*- Margin-*/

.mrgtop16{margin-top:16px;}

.mrg-bot16{ margin-bottom:16px;}

.mrg-top-bot16{margin-bottom:16px; margin-top:16px;}

.mrg-trbl-16{margin:-16px!important;}

.mrg-bot-16{margin:-16px!important;}

.bottom-mrg{margin-bottom:52px;}

.mrg-top4{margin-top:4px;}

.mrgtop11{margin-top: 11px !important;}

/*- padding-*/

.pad-top0{padding-top:0px!important;}

.pad-bot1{padding-bottom:1px!important;}

/*- width-*/

/*.w24{ width:24px!important}

.w102{ width:102px!important}*/

.action1,.action2,.action3{white-space:nowrap !important;}

.action1{width:24px!important;}

.action2{width:73px!important;}

.action3{width:102px!important;}

/*- mini height-*/

.mh168{min-height:168px !important;}

.mh176{height: 380px; overflow-y: auto;/* min-height: 295px !important;*/ }

.w155{ width:155px !important;}

.overhight430{height:430px; overflow:auto;}

.btn-default{border:red solid 1px; background:#fff; border:#ccc 1px solid;}

/*------------------------------------- */

.sub-section {background: #fff; padding: 16px 16px 8px 16px !important; margin: 0px 0px 105px 16px; border-radius: 6px; position: relative; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.05); box-shadow: 0 2px 2px rgba(0,0,0,.05); border: 1px solid #ddd;}

.heading-section{background:#008FD5; color:#fff; padding:6px 0px 6px 9px; width:100%; margin-bottom:1rem!important; height:auto; float:left; line-height:1.5; margin-top:10px;}

.mainheading{float:left; font-size:18px; font-weight:normal;}

.heading-section .list-inline{margin-bottom:0;}

.heading-section .list-inline li {margin-left:4px; padding-left:0px !important;}

.heading-section .list-inline-item:not(:last-child){margin-right:0;}

.heading-section .help{padding-top:2px;}

.heading-section .help a{position:relative; color:#fff!important; background:#008fd5;}

.panel-body_sub {padding: 0px 16px 0px 0px !important;}

.spl-mrf-lft15{margin-left:15px !important;}

/* -- Media Query Min -- */

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

.hidden-xs {display: none !important;}	

.navbar-nav > li > a {border-bottom: 1px solid #eee; padding-bottom: 12px; padding-top: 12px;}

.navbar-default .navbar-nav > .active > a{background-color: #a7e7ff;}
	
}

@media (min-width: 576px) { ... }

@media (min-width: 768px) { 


.dboxsize12-nl {
    margin-top: 62px ;
    margin-left: 20px !important;
}
/*.table-responsive {overflow: visible;}*/

}


@media (min-width: 1921px) { 


.dboxsize12-nl {
    margin-top: 62px ;
    margin-left: 47px !important;
}
/*.table-responsive {overflow: visible;}*/

}

@media (min-width: 1280px) { 


.dboxsize12-nl {
    margin-top: 62px ;
    margin-left: 48px !important;
}
/*.table-responsive {overflow: visible;}*/

}

@media (min-width: 1200px) { 


.dboxsize12-nl {
    margin-top: 62px ;
    margin-left: 48px !important;
}
/*.table-responsive {overflow: visible;}*/

}


@media (min-width: 992px) and (max-width: 1280px) {
	.dboxsize12-nl {
   margin-top: 62px;
    margin-left: 32px !important;
}

.main-section .card-body{/*min-height: 378px !important;*/}

.main-section .card-body1{min-height: 320px;}	



}

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

.main-section .card-body{/*min-height: 378px !important;*/}

.main-section .card-body1{min-height: 340px;}

}

@media screen and (min-width:768px) and (max-width:991px) {
	
.hi {font-size: 20px;}
	
.main-section .card-body { /*min-height: 228px;*/}

.main-section .card-body1 {min-height: 304px;}	
	
}

@media (min-width: 1200px) { ... }

.seven-cols {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.seven-cols > div[class^="col"] {
	float: none;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}

@media (min-width: 1200px) {
/* Seshu 7 columns grid in bootstrap */
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
	max-width: 9.82345%;
}
/* Seshu 5 columns grid in bootstrap */
.col-lg-5ths {
	width: 19.500%;
	float: left;
}
}

@media (min-width: 1920px) {
/* Seshu 7 columns grid in bootstrap */
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
	width: 6.82345%;
}
}

@media (min-width: 1921px) {
/* Seshu 7 columns grid in bootstrap */
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
	width: 6.82345%;
}
}

@media (max-width: 992px) {
.col-centered > div[class^="col"] {
	float: left;
	display: grid;
}
}

/* -- Media Query Max -- */

@media (max-width: 575.98px) { ... }

@media (max-width: 767.98px) {

.actions a{ margin-bottom: 6px !important;} 

.bodycontent{ margin-bottom:76px;}

.bodycontent{margin-bottom:160px;}

}

@media (max-width: 991.98px) { ... }

@media (max-width: 1199.98px) { ... }

/* -- Media Query Min & Max -- */

@media (max-width: 575.98px) { ... }

@media (min-width: 576px) and (max-width: 767.98px) { ... }

@media (min-width: 768px) and (max-width: 991.98px) { ... }

@media (min-width: 992px) and (max-width: 1199.98px) { ... }

@media (min-width: 1200px){
	.dboxsize12-nl {
   margin-top: 62px;
    margin-left: 48px !important;
}

/* .table-responsive{overflow-x:none} */

}

/* -- Media Query Spl -- */

@media (min-width:1366px){

.container{min-width:1366px!important;}

}

@media (min-width:1367px) and (max-width:1920px) {
	.dboxsize12-nl {
    margin-top: 62px !important;
    margin-left: 44px !important;
}

/*.container{min-width:92%!important}*/

}	
	
/*.table-responsive {display: block; width:100%; overflow-x:none; t-overflow-scrolling: touch;} */



.list-group-item{border-radius:0px !important;}

.commentbox{ padding:6%; border:none !important; border-radius:6px;}

.commentbox h4{color:#0C0;}

.fullbg{background:#d3eeff !important;}


/* -------- Nagaraju -------------------- */

/*@media (min-width:1367px) and (max-width:1920px) {.container{min-width:92%!important}}*/

.modal-header .close{padding:0rem 0rem;margin: -0rem -0rem -0rem auto;}

/* .mrg-trbl-16{margin:-15px!important} */



.spl-mrg0{margin-bottom:0px;}

.spl-mrg-top16{margin-top:16px;}

.spl-mrg-bot8{margin-bottom:8px;}

.spl-mrg-bot16{margin-bottom:16px;}

.main-header .input-group{margin-bottom:-8px !important;}

.spl-mrg-top8{margin-top:8px;}

/* -- end --- */

.note{position: relative; top: -8px;}

/*** Ashok 21-10-19 start***/

.modal-body.form1 .form-group label {margin-bottom: 3px !important; margin-top: 0px !important;}

/*.browse .input-group-btn .btn{padding-top: 4px !important; background: #008fd5 !important; color:#fff !important; border-radius:0px !important; border:0px !important;}*/

/*.browse .form-control {margin-bottom: 0px !important; background: #e6e6e6 !important; border-radius:0px;}*/

.mrg-bot0{ margin-bottom:0px !important;}

.table-info {margin-bottom: 16px; width: 100%; border: 1px solid #e5e5e5!important; background: #f2f2f2;}

.table-info tr {border-bottom: 1px solid #d5d5d5!important;}

/* .table-info tr td:nth-child(even){border-left:1px solid #d5d5d5;border-right:1px solid #e5e5e5} */

.view-doc-img{ height: 474px !important; overflow: hidden;}

.view-doc-img2{ height: 165px !important; overflow: hidden;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #eee; opacity: 1;}

/* .table-info tr td:nth-child(even) {border-left: 1px solid #d5d5d5; border-right: 1px solid #b5b5b5;} */

/*** Ashok 21-10-19 end***/

/*vamshi css 16-10-2019*/

.modal-footer>:not(:last-child) {margin-right:0px;}

.color-widget {margin-top:3px; margin-bottom:16px!important;padding-bottom:16px}

.box-new, .box-approval, .box-approved, .box-rejected, .box-taken, .box-canceled{width:10px; height:10px; margin:0 5px 0 0;}

.mrg-bot10{ margin-bottom:10px;}

.alert-info {color: #000; background-color: #d1ecf1; border-color: #bee5eb;}

.copyright {text-align: right; font-size: 13px;}

.support {text-align: center; font-size: 13px;}

.modal-body.form1 {padding-bottom: 2px !important; margin-bottom: 6px !important;/*margin-top: -6px !important;*/ }

.modal-body.form2 {padding-bottom: 0px !important; margin-bottom: 0px !important;/*margin-top: -6px !important;*/ }

/*- Margin-*/

.marbottom2{margin-bottom:2px;}

.mrgtop0{margin-top:0px;}

.mrgtop8{margin-top:8px;}

.mrgtop10{margin-top:10px;}

.mrgtop-8{margin-top:-8px;}

.mrgtop6{margin-top:6px;}

.mrgtop-9{margin-top:-9px;}

.mrgbottom-8{margin-bottom:-8px;}

.txt-cen{text-align:center;}

.lable-newstyle{margin-bottom:0px;}

.alert-danger{color:#000;}

.headcount{background-color: #fff; border: 1px solid #008fd5; border-radius: 4px; bottom: 2px; color: #000; font-size: 12px; font-weight: normal; padding: 1px 5px; position: relative;
    white-space: nowrap;}

.nav-link.active{background-color:#b1b1b1 !important;}

.mrgtop14{margin-top:13px;}

.text-sm-left{text-align:left;}

.mr-3, .mx-3 {margin-right: 1rem!important;}

.mt-3, .my-3 {margin-top: 1rem!important;}

.rounded-circle {border-radius: 50%!important;}

.p2-text {margin-bottom: 0rem !important;}

.modal-body .nav-link:focus, .modal-body .nav-link:hover {background: #eee!important; border-bottom: 1px solid #f1f1f1!important; color: #000!important;}

/*vamshi css*/
.checkbox-inline1 {
    margin-right: 5px !important;
    padding-right: 8px;
	margin-top:4px;
}

.side_btn{margin-top:-3px; margin-bottom:13px !important;}

.checkbox-inline{
    margin-bottom: 8px;
}
.radio-inline{
    /* top: 6px !important; */
    margin-top: 9px !important;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
.table-bordered > tbody > tr > td {
    max-width: 140px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
@media (min-width:320px) and (max-width:767px) {
	
.hidden-mid {display: none !important;}	

.col-width{width:100%; padding:0px;}	

.col-float1{float:none;}

.col-float2{float:none;}

.dboxsize12-nl {
    margin-top: 0px !important;
    margin-left: 0px !important;
}
.navbar{padding: .5rem 1rem !important;}

/*footer*/

.copyright {font-size: 12px; text-align: center !important;}

.support {font-size: 12px; text-align: center !important;}

.version {font-size:12px !important; text-align: center !important;}

.main-circle1, .main-circle2, .main-circle3, .main-circle4, .main-circle5, .main-circle6, .main-circle7, .main-circle8, .main-circle9, .main-circle10, .main-circle11, .main-circle12, .main-circle13, .main-circle14{float: none !important; margin: auto !important;}	

.card-body { /*min-height: 228px;*/}

.card-body1 {min-height: 305px;}

.table-responsive .dropdown-menu{position:static;}

.btn{ margin-bottom: .25rem;}

}

/* Seshu - Styles */

.right-section p {margin-bottom: 0px !important;}

p {margin-bottom: 8px !important;}

.right-section{background: #d5effc; padding: 10px; min-height: auto; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 16px;}	

.list-inline-item {padding-left: 15px !important; margin-bottom: 0px;}

.list-inline-item li {line-height: 24px;}

/* fixed buttons and copyright */

.button-section {width: 100%; padding-top: 10px; position:fixed !important; bottom: 30px; clear: both; margin-top: 20px;z-index: 999;}

.footer {width: 100%; padding-top: 10px; position:fixed !important; bottom: 0px; clear: both; z-index: 999;}

.box-section{background: #fff; border-radius: 4px; margin-bottom: 8px; border: 1px solid #ddd; padding: 6px; margin-right: 4px;}

.box-section :nth-last-child{margin-right: 0px;}

@media (min-width:320px) and (max-width:560px) {

/*footer*/

.copyright {font-size: 12px; text-align: center !important;}

.support {font-size: 12px; text-align: center !important;}

.version {font-size: 12px; text-align: center !important;}
	
.button-section {bottom: 65px !important;}

}

@media (min-width:559px) and (max-width:767px) {

/*footer*/

.copyright {font-size: 12px; text-align: center !important;}

.support {font-size: 12px; text-align: center !important;}

.version {font-size: 12px; text-align: center !important;}
	
.button-section { position:fixed !important; bottom: 47px !important; margin-top: 20px;}

.footer {position:fixed !important; bottom: 0px;}	

}

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

.button-section {bottom: 48px !important;}	

.inner-cont{width:89% !important;}

.inner-cont .table-responsive {overflow: auto;}

.bgwraper {width: 86.9%;}

}
	
/* --- H Tabs ---- */

.tab-content{border:1px solid #dee2e6; border-top:none; padding:16px 16px 0px; margin-bottom:-5px;}

.nav-tabs .nav-item{margin-bottom:-1px;background:#eee;margin-right: 2px;border-radius:3px;}

.nav-tabs a{color: #000 !important;}

/* --- V Tabs ---- */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color:#e4e4e4;background-color:#0786cb;}

.nav-pills .nav-link {border-radius: .0rem; background:#d3eeff; color:#000; margin-bottom: 1px;}

.vtab-content {border-top:1px solid #dee2e6; margin-bottom:16px;}

/* --- End Tabs ---- */

.color-widget .with_doc{width:20px;height:7px;background-color: #a0d27d;}

.color-widget .without_doc{width:20px;height:7px;background-color: #8dd8f8;}

.control-label {height: auto !important; margin-bottom: 0px !important; padding: 6px 0px 11px !important; text-align: right !important; width: 100%; color: #000 !important;}

.form-check-input {position: absolute; margin-top: .2rem; margin-left: -16px;}

.label-adjust{padding: 0px 0px 7px !important;}

/* --- New-css 23-10-2019---- */

.p-center{text-align:center; margin-bottom:3px; word-wrap: break-word;word-wrap: break-word;}

.adminhelpicon{ cursor: pointer; position: relative; /* top: -4px; margin-bottom: 8px;  */}

.exception-border{border: 1px solid #ddd; display: block; position:relative;padding: 10px 10px !important;}

.login-box1 {width: 100%; border: #ececec solid 1px; padding: 10px; margin-bottom: 0px !important;}

.spl-mrg-bot16{margin-bottom:16px !important;}

.mrg-bot8{ margin-bottom:8px !important;}

.dashboad-dategroup {float: left!important; z-index: 9999;/* margin-top: -2px!important; height: 30px !important; padding: 6px 0px 0px !important; */ }

.spl-fa-go{font-size: 20px !important; margin-top: 8px;}

.form-group-date {margin-bottom: 3px !important; /* margin-top: 2px !important; */}
.version {font-size: 13px;}
.setups{position:fixed; bottom:40px; left:10px; /*background:#cfcfcf !important*/}


.bgwraper {
    background: #fff !important;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 0px 16px !important;
    margin:0px 10px 16px 10px !important;
   
}

.breadcrumb_1{background-color:#2896bf !important;color:#fff !important}
.breadcrumb_2{background-color:#43aed6 !important;color:#fff !important}
.breadcrumb_3{background-color:#62b9d9 !important; color:#fff !important}
.breadcrumb_4{background-color:#68c7ea !important;color:#fff !important}
.breadcrumb_5{background-color:#76d3f5 !important;color:#fff !important}

.dashboard-container .new-Vbadge, .dashboard-container .approval-Vbadge, .dashboard-container .approved-Vbadge, .dashboard-container .rejected-Vbadge, .dashboard-container .taken-Vbadge, .dashboard-container .canceled-Vbadge{ float:left;width:5px;height:100%;position:absolute;top:0px;bottom:0px;left:1px !important;}
*{scrollbar-width:thin;scrollbar-color: #f5f5f5}
.card{margin-bottom:16px;background:#f5f5f5!important;box-shadow:0px 4px 4px -4px rgba(191,185,191,0.62);/* min-height:126px */ border-bottom: 1px solid #ddd !important;}
.card-header{
	font-size:18px; 
	padding:0px; 
	background: #d5effc;
	color:#343434 !important;	
	background:url(../images/bg_panal1.png) center;
	}
.collapse{ padding:0px !important;}
.card-body{padding:16px 16px 0px 16px !important; /*min-height: 100px */!important; background:#fff !important}
.btn-link {
    color: #343434 !important;
	text-decoration:none !important
}

/*.pagination {
    border:1px solid #ddd !important;
    border-radius:22px !important;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.60);
    -moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25);
    font-size: 14px !important;
    font-weight: bold;
	margin-bottom:16px !important;
	padding:3px 3px 4px 3px;
}*/

.page-link {
    position: relative;
    display: block;
    margin-left: 3px !important;;
    line-height: 1.25;
    color: #000 !important;
    background-color:transparent!important;
    border:none !important;
    color: #000;
    font-size: 13px;
    padding: 6px 10px 4px 10px;
    border-radius: 100%;
    margin: 0px 1px;
}

.page-item.active .page-link{background-color:#168fce!important;border-color:#168fce!important; border-radius:100%;color:#fff !important}

.page-link{color:#168fce;}

.page-link img:hover{background-color: transparent!important;}
.card-header .fa{font-size:12px !important;}

.box-new, .box-approval, .box-approved, .box-rejected, .box-taken, .box-canceled{width:10px; height:10px; margin:4px 5px 0 0;}

.white-bg-shadow {
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 16px;
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150);
    box-shadow: 0px 0px 7px rgba(0,0,0,.150);
}
/*.page-link:hover{background-color:#ddd!important;}
*/
/*.btn-link::before{
	content:"b";
	background:green;
	}

.btn-link.collapsed::before{
	content:"a";
	background:red;
	}
*/
.btn-group {margin-bottom:0px;}
.btn-group .btn {
    /*border: 1px solid #008fd5!important;*/
	border: 1px solid #ccc!important;
    background:#fff !important;
    color:#000 !important;
    padding:1px 8px !important;
   
	margin-left:4px !important
}
.btn-group .btn:hover{background:#008fd5 !important; color:#fff !important}

.headCard{padding:16px;margin:0px 3px 16px;background:#deeaf6;text-align:center;cursor:pointer;min-height:156px; height:83%;box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
border-radius:calc(.35rem - 1px);}
.headCard:hover{ background:#fff}
.headCard .overdue{color:#bd0b0b !important}
.headCard .display-3{color:#1a8ecd;}
.defalt-bor{border-bottom:3px solid #a2bbd3;}
.overdue-bor{border-bottom:3px solid #d97a7a;}
.headCard h6{/*font-weight:bold !important*/}



/*.bg-arrow{background: url("../images/arrow_left-right.png") no-repeat top center; width: 20px; height: 70px; position: absolute; top: 15px; right: -38px;}*/

.bg-arrow{
	
	width:36px; 
	height:36px;
	border-radius:100%;
	background:#fff;
	/*border:1px solid #ccc; */
	position:absolute; 
	top:-8px; 
	right:-36px;
	z-index:1000;
	-webkit-box-shadow: 6px 6px 8px -7px rgba(112,112,112,1);
-moz-box-shadow: 6px 6px 8px -7px rgba(112,112,112,1);
box-shadow: 6px 6px 8px -7px rgba(112,112,112,1);

	}

.bg-arrow img {
    position: relative;
    top: -18px;
    left: -5px;
    width: 20px;
}
.mt-5{margin-top: -5px !important;}
.mt63{margin-top:63px !important}
.mr16{margin-right:16px !important;}
.font-aril{font-family:Arial !important}

.list-img{
    border:1px solid #ccc;
    border-radius:50%;
    height:50px;
    width:50px;
	margin-right:8px !important;
}

.list .media-body p {
    margin-top:6px !important;
    margin-bottom:0px!important;
}

.ml-3{ margin-left:3px !important}
.cssmenu2 .fa{font-size: 9px !important;
    position: relative;
    top: -1px;
}
.req-chek{ margin-top:12px}

.card-header .card-actions{ float:right}
.card-header .card-actions a{border: 1px solid #ccc;
    padding: 3px 9px;
    font-size: 14px;
    background: #fff;
    position: relative;
    top: -2px;}
.card-header .card-actions a:hover{ background:#168fce; color:#fff}
.mt81{margin-top: 81px !important;}
/*.circle-btn img{width:63%!important;}*/

.input-group-text {
    padding: 7px .75rem;
    font-size: 14px !important;
	line-height: 1.4;
    color: #495057;
    text-align: center;
    white-space: nowrap;
   /* background-color: #e9ecef;*/
    border: 1px solid #ced4da;
	}

.form-group{margin-bottom:0px;}

.acc-form-width{width: 82%; margin:auto auto 16px auto;}



















@media screen and (min-width:320px) and (max-width:767px) {

.control-label {height: auto !important; margin-bottom: 0px !important; padding: 6px 0px 7px !important; text-align: left !important; width: 100%; color: #000 !important;}

.main-section .card-body1{min-height: 320px !important;}

.table-responsive{overflow-x: auto;}

}

.color-widget .without_doc {width: 10px; height: 10px; background-color: #8dd8f8;}

.color-widget .with_doc {width: 10px; height: 10px; background-color: #a0d27d;}

.lineItemForm-popup {margin: 0 0 0px 0 !important; text-align: left !important;}

.badge-popup {background: #0081c0 !important; color: #fff !important; font-size: 12px !important; font-weight: normal; border-radius: 4px !important; text-align: center; border: 0px;
        cursor: pointer; padding: 2px 5px 3px 5px; /*  height:23px; */ }
		
.fa {font-size: inherit !important;}

 /* BY nagaseshanna  Nov_1*/

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;}

#appendFooter{margin: 0 0 -8px 0 !important; text-align: right !important;}

.table-info1 {margin-bottom: 16px; width: 100%; border: 0px solid #e5e5e5!important; background: #f2f2f2;}

.table-info1 tr td{padding: 5px 2px 5px 3px!important; !important; border: 0px solid #ddd !important;} 

.bg-success_fin {background: #a0d27d !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.bg-primary_fin {background: #0074d9 !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.bg-reject_fin {background: #FF0000 !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.spcl_btn4{position: relative;left: 4px !important;}

.iz-bottomlinks {border-top: 1px solid #fff; padding: 10px!important;}

@media (min-width:1025px) and (max-width:1280px) {

.container{min-width:92%!important;}

.spl-box{margin-left: -132px;}

.spl-box1{margin-left: -72px;}

.spl-box2 {margin-left: -50px;}

.box2 {padding: 8px; border-radius: 4px; border: 2px #ced4da dotted; background: #fff; text-align: left; margin: 0px 0px 16px; min-height: 60px;}

}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper { display: flex; align-items: stretch;}

#sidebar-icons { min-width: 80px; max-width: 80px; background: #cfcfcf; color: #fff; padding-bottom: 30px !important; margin-right: 1px; text-align: center; z-index: 999; /*padding-left: 15px;*/ }

#sidebar-icons ul li a {padding: 10px; font-size: 15px; display: block; color: #333333; line-height: 40px;height:61px;}

#sidebar-icons ul li a:hover {color: #333333; background: #eee;}

#sidebar-icons ul li a i {margin-right: 10px;}

#sidebar-icons ul li.active>a, a[aria-expanded="true"] {color: #333; /*background: #eee;*/}

/* 2 */

#sidebar {min-width: 240px; max-width: 240px; background: #dbe4e8; color: #fff; transition: all 0.3s; padding-bottom: 30px !important;}

/*#sidebar.active {min-width: 80px; max-width: 80px; text-align: center;}*/

#sidebar.active { margin-left: -240px;}

/*#sidebar.active .sidebar-header h3, #sidebar.active .sidebar-header h4, #sidebar.active .sidebar-header p,*/

#sidebar.active .CTAs {display: none;}

/* top profile div padding */

/*#sidebar.active .sidebar-header {padding: 20px 20px;}*/

#sidebar.active .sidebar-header strong {display: block;}

#sidebar ul li a {text-align: left;}

/*#sidebar.active ul li a {padding: 10px 10px; text-align: center; font-size: 0.85em; float: left; display: block; width: 100%;}*/

/*#sidebar.active ul li .main-circle1, #sidebar.active ul li .main-circle2, #sidebar.active ul li .main-circle3, #sidebar.active ul li .main-circle4, #sidebar.active ul li .main-circle5, #sidebar.active ul li .main-circle6, #sidebar.active ul li .main-circle7, #sidebar.active ul li .main-circle8, #sidebar.active ul li .main-circle9, #sidebar.active ul li .main-circle10, #sidebar.active ul li .main-circle11, #sidebar.active ul li .main-circle12, #sidebar.active ul li .main-circle13, #sidebar.active ul li .main-circle14 {float: none !important; margin: auto !important;}

#sidebar.active ul li span {display: none;}*/

#sidebar.active ul li a i {margin-right: 0; display: block; font-size: 1.8em; margin-bottom: 5px;}

#sidebar.active ul ul a {padding: 10px !important;}

#sidebar.active .dropdown-toggle::after {top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}

#sidebar .sidebar-header {padding:16px 20px; background: #dbe4e8; border-bottom: 1px solid #fff;}

#sidebar .sidebar-header strong {display: none; font-size: 1.8em;}

#sidebar ul.components {/*padding: 20px 0;*/ /*border-bottom: 1px solid #47748b;*/}

#sidebar ul li a {padding: 10px; font-size: 15px; display: block; color: #333333; line-height: 40px;}

#sidebar ul li a:hover {color: #333333; background: #eee;}

#sidebar ul li a i {margin-right: 10px;}

#sidebar ul li.active>a, a[aria-expanded="true"] {color: #333; background: #eee;}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {width: 100%; padding: 20px; min-height: 100vh; transition: all 0.3s; margin-bottom: 30px; /* new */}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {

#sidebar {min-width: 80px; max-width: 80px; text-align: center; margin-left: -80px !important;}

.dropdown-toggle::after {top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}

#sidebar.active {margin-left: 0 !important;}

#sidebar .sidebar-header h3,  #sidebar .CTAs {display: none;}

#sidebar .sidebar-header strong {display: block;}


#sidebar ul li a span {display: none !important;/*font-size: 0.85em;*/ }

#sidebar ul li a i {margin-right: 0; display: block;}

#sidebar ul ul a {padding: 10px !important;}

#sidebar ul li a i {font-size: 1.3em;}

#sidebar {margin-left: 0;}

#sidebarCollapse span {display: none;}

/* customization */
	
.main-circle1, .main-circle2, .main-circle3, .main-circle4, .main-circle5, .main-circle6, .main-circle7, .main-circle8, .main-circle9, .main-circle10, .main-circle11, .main-circle12, .main-circle13, .main-circle14 {float: none !important; margin: auto !important;}

#sidebar .user-profile h3, #sidebar .user-profile h4, #sidebar .user-profile p {display: none !important;}

#sidebar.active .sidebar-header {padding: 19px 20px;}

#sidebar .sidebar-header {padding: 19px !important;}
#sidebar ul{ margin-top:38px!important}
#sidebar ul.components {margin-top: 38px;}
#sidebar ul li a i {padding:10px 10px !important; text-align:center}

}

@media (max-width: 992px) {

.hidden-sm {display: block !important;}

}


.circle-block {
    width: 120px;
    margin: 0px auto 10px;
    height: auto;
    clear: both;
    position: relative;
}
.circle-btn {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 20px 20px;
    -wekkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0px auto !important;
    box-shadow: 0px 4px 0px 0px rgb(0 0 0 / 30%) !important;
}

.form-check-inline{margin-top:5px !important;}


@media (min-width: 1200px) {

/* Seshu 5 columns grid in bootstrap */
.col-lg-5ths {
	width: 19.500%;
	float: left;
}
}

::-webkit-scrollbar-thumb {
    background: #c0c0c0de;
    border-radius: 15px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 8px;
}

.main-section .color-widget {
    padding: 10px 0px;
    position: absolute;
    width: 100%;
    bottom: 0;
/*    border-top: 1px solid #ddd;*/
}

.sidebtn a {
    color: #000 !important;
    border: 1px solid #008fd5 !important;
    border-radius: 3px;
    height: auto;
    font-size: 12px;
    padding: 5px 6px 2px 6px;
    margin-left: 8px;
    margin-top: 2px;
    margin-bottom: 12px;
    float: left;
}
.help_icon {
    margin: 4px 6px 2px 6px;
}

.list-group {
    border: 1px solid #ddd !important;
    padding: 8px 10px !important;
    border-radius: 4px;
	margin-top: 6px;
}




.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
   
}
./*btn {
    font-size: 15px !important;
}
.btn {
    padding: 7px 12px 4px 12px !important;
    font-size: 15px !important;
}*/
.grey-blue {
    background-color: #e7e5e5 !important;
    border: 1px solid #fff !important;
    color: #000 !important;
    padding: 5px 13px 6px !important;
    border-radius: 0px !important;
}
.dboxsize12-nl {
   margin-top: 62px;
    margin-left: 42px;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.main-section .table .table-borderless > tbody {
    background: #fff !important;
    border-top: 1px solid #ddd !important;
}




.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
	font-size:18px;
}
.text-left {
    text-align: left !important;
}

.thankyou_padding {
    padding: 50px 40px !important;
}

.thankyou-text {
    font-family: SegoeUIBold, arial, sans-serif !important;
    font-size: 50px !important;
    font-weight: bold;
    color: #418bca;
    text-align: center;
    margin: 20px 0px !important;
}

.thankyou-p {
    font-size: 20px;
    padding-bottom: 30px;
    text-align: center;
    line-height: 34px;
}
.header_bottom {
    margin-bottom: 0px !important;
    border-bottom: 3px solid #a7e7ff;
   min-height: 0px; 
    border-left: none;
    border-right: none;
    border-radius: 0px !important;
    padding: 0px !important;
   
}

.bg_box{background-color:#a7e7ff !important;}

<!--menu css29-07-2021-->

.menu .accordion-heading {  position: relative; }
.menu .accordion-heading .edit {
    position: absolute;
    top: 8px;
    right: 30px; 
}
.menu .area { border-left: 4px solid #e3e3e3; }
.menu .equipamento { border-left: 4px solid #e3e3e3; }
.menu .ponto { border-left: 4px solid #e3e3e3; }
.menu .collapse.in { overflow: visible; }


.accordion{margin-bottom:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}


<!--menu css29-07-2021 end-->
/*HR ---table css.table.table.table-bordered1 .mb-0 {
    border: 0px solid #dee2e6 !important;
}
.table.table.table-bordered1 td {
    border-bottom: 0px solid #fff !important;
    border-bottom-width: 1px;
	border-top:0px solid #ddd !important;
}
*/

 .w-229 {
    width: 229px !important;
}

.list-caption {
    position: relative;
    top: 7px;
}
.input-group {width:auto;}


/*** Pagination CSS ***/

.pagination {
	border-radius: 4px;
	/*margin: 8px 0 -4px !important;*/
	border:1px solid #ddd !important;
	border-radius: 22px !important;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25);
font-size: 14px !important;
font-weight:bold;

	
}
.pagination fa { font-size:8px !important}
.pagination > li > a, .pagination > li > span {
	padding: 8px 12px 5px !important;
	}
.pagination > li > a img {
	position: relative;
	top: -1px !important;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
     color: #000 !important;
    text-decoration: none;
    background-color: #fff;
	border:none !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 22px !important;
    border-bottom-left-radius: 22px !important;
	/*border-left:1px solid #ddd !important;*/
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius:22px!important;
    border-bottom-right-radius:22px !important;
	/*border-right:1px solid #ddd !important;*/
}



.pagination>li>a{
	border-right:none !important;
	border-left:none !important;
    
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #168fce !important;
    border-color: #999 !important;
    color: #fff !important;
    border-radius: 100%!important;
    padding: 3px 9px 1px !important;
    margin-top:5px;
    margin-left: 2px;
    margin-right: 2px;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -4px;
    padding-top: 5px !important;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.table .form-control {
    margin-bottom: 0px !important;
}
input.subradio {
    margin-top: 10px;
}

.head_bdr {
    border-top: 2px solid #a7e7ff !important;
}

.list-logos img {
    height: 40px;
}

.search22 {
    background-color: #f6f9ff !important;
}

.add_here{
display:block;
	transition: all 0.6s !important;
	margin-top:0px !important;
	opacity:100% !important;
	width:100%;
	
}

.search_here{
display:block !important;
transition: all 0.4s ;
opacity:100% !important;

	
}
.spl-topmrg6 {
    margin-top: 6px !important;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 45px;
    text-align: center;
    pointer-events: none;
}

.search22 {
    background-color: #f6f9ff !important;
}

.title{
	margin-bottom: 0;
    line-height: 1.5;
    font-size: 24px;
}

.error{
	font-size: 14px;
}
.confirm_icon {
    position: fixed;
    z-index: 9999;
    top: 92%;
    left: 43%;
    color: #FFF;
    background: #008000;
    padding: 15px;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid yellow;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}