.lagAm .btn-group.bootstrap-select {
    margin-top: 8%;
}

.mka-das-table {
    min-height: 328px;
}

.pic_size img{
  max-width: 100%;
}

.clear-both{
  clear: both;
}

.dataTables_length{float:left;}
.dataTables_filter input[type="search"] {
    padding: 4px 12px;
    font-weight: normal;
    background: url(../images/search.png) no-repeat 96% 45%;
    width: 200px;
    height: 35px;
    transition: all 0.5s;
}

.box-body .dt-buttons, .dataTables_filter{
  float: right;
}

.pic_size img {
    max-width: 100%;
}

.rolesPermissionTable input[type="checkbox"] {
	opacity: 1;
	position: static;
}

.help-variables-div{
    background-color: #f9f7f6;
    border: 1px solid #eeeeee;
    padding: 8px 0px 10px 10px;
    max-height: 200px;
    overflow: auto;
  }
.my-editor-contant {
    max-height: 200px;
    overflow: auto;
    padding: 7px 0px 0px 7px;
    background-color: #edeef2;
}
.sub-btn-wdt {
    padding-bottom: 20px;
}

.info-box .icon span.glyphicon {
    padding: 21px;
    font-size: 35px;
}

.mka-check {
    position: relative;
    left: 21px;
}

p.line span {
    height: 0px;
}

.menu li i.glyphicon {
    font-size: 18px;
    padding-top: 4px;
}

.daterangepicker .calendar.right{
    float: left!important;
}

/* a.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

img#logo {
    width: 100%;
    max-height: 100%;
} */

a.navbar-brand{
    max-width: 252px;
}

.text-red{
    color: #f44336;
}
button.btn-primary i.material-icons {
    color: white !important;
    font-size: 15px !important;
    margin-right: 5px;
}
ul{
    list-style: none !important;
}
a.btn-primary i.material-icons {
    color: white !important;
    font-size: 15px !important;
    margin-right: 5px;
}
.percentagecl{
       position: absolute;
    top: 9px;
    right: 15px;
}
.invice .card .body .col-md-12,.invice .card .body .col-md-10 {
    margin-bottom: 0;
}

span.mka-loading {
    position: relative;
    left: 2%;
}

span.mka-loading img {
    height: 28px;
}

.heedingInformStyle {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
}

div.dataTables_wrapper div.dataTables_length .bootstrap-select {
    width: 75px;
    display: inline-block;
}


/*============================================================
=            Css for change color as teme            =
============================================================*/

.theme-grey .btn-primary, .theme-grey .profile-card .profile-header{
    background-color: #9e9e9e !important;
}
.theme-grey [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #9e9e9e;
    background-color: #9e9e9e;
}
.theme-grey a{color: #9e9e9e !important;}
.theme-grey .profile-card .profile-body .image-area img
{
	border: 2px solid #9e9e9e !important;
}

.theme-grey .pagination li.active a {
    background-color: #9e9e9e !important;
}
.theme-grey .pagination > .active > a, 
.theme-grey .pagination > .active > span, 
.theme-grey .pagination > .active > a:hover, 
.theme-grey .pagination > .active > span:hover, 
.theme-grey .pagination > .active > a:focus, 
.theme-grey .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #676767 !important;
    border-color: #676767 !important;
}
/*===============================================================================*/

.theme-blue .btn-primary, .theme-blue .profile-card .profile-header{
    background-color: #039ae4 !important;
}
.theme-blue [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #039ae4;
    background-color: #039ae4;
}
.theme-blue a{color: #039ae4 !important;}
.theme-blue .profile-card .profile-body .image-area img
{
	border: 2px solid #039ae4 !important;
}
.theme-blue .pagination li.active a {
    background-color: #039ae4 !important;
}
.theme-blue .pagination > .active > a, 
.theme-blue .pagination > .active > span, 
.theme-blue .pagination > .active > a:hover, 
.theme-blue .pagination > .active > span:hover, 
.theme-blue .pagination > .active > a:focus, 
.theme-blue .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #017cb9 !important;
    border-color: #017cb9 !important;
}
/*===============================================================================*/

.theme-red .btn-primary, .theme-red .profile-card .profile-header{
    background-color: #f44336 !important;
}
.theme-red [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #f44336;
    background-color: #f44336;
}
.theme-red a{color: #f44336 !important;}
.theme-red .profile-card .profile-body .image-area img
{
	border: 2px solid #f44336 !important;
}

.theme-red .pagination li.active a {
    background-color: #f44336 !important;
}
.theme-red .pagination > .active > a, 
.theme-red .pagination > .active > span, 
.theme-red .pagination > .active > a:hover, 
.theme-red .pagination > .active > span:hover, 
.theme-red .pagination > .active > a:focus, 
.theme-red .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #d03429 !important;
    border-color: #d03429 !important;
}
/*===============================================================================*/

.theme-pink .btn-primary, .theme-pink .profile-card .profile-header{
    background-color: #e91e63 !important;
}
.theme-pink [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #e91e63;
    background-color: #e91e63;
}
.theme-pink a{color: #e91e63 !important;}
.theme-pink .profile-card .profile-body .image-area img
{
	border: 2px solid #e91e63 !important;
}

.theme-pink .pagination li.active a {
    background-color: #e91e63 !important;
}
.theme-pink .pagination > .active > a, 
.theme-pink .pagination > .active > span, 
.theme-pink .pagination > .active > a:hover, 
.theme-pink .pagination > .active > span:hover, 
.theme-pink .pagination > .active > a:focus, 
.theme-pink .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #d21857 !important;
    border-color: #d21857 !important;
}
/*===============================================================================*/

.theme-purple .btn-primary, .theme-purple .profile-card .profile-header{
    background-color: #9c27b0 !important;
}
.theme-purple [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #9c27b0;
    background-color: #9c27b0;
}
.theme-purple a{color: #9c27b0 !important;}
.theme-purple .profile-card .profile-body .image-area img
{
	border: 2px solid #9c27b0 !important;
}

.theme-purple .pagination li.active a {
    background-color: #9c27b0 !important;
}
.theme-purple .pagination > .active > a, 
.theme-purple .pagination > .active > span, 
.theme-purple .pagination > .active > a:hover, 
.theme-purple .pagination > .active > span:hover, 
.theme-purple .pagination > .active > a:focus, 
.theme-purple .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #811d92 !important;
    border-color: #811d92 !important;
}
/*===============================================================================*/

.theme-deep-purple .btn-primary, .theme-deep-purple .profile-card .profile-header{
    background-color: #673ab7 !important;
}
.theme-deep-purple [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #673ab7;
    background-color: #673ab7;
}
.theme-deep-purple a{color: #673ab7 !important;}
.theme-deep-purple .profile-card .profile-body .image-area img
{
	border: 2px solid #673ab7 !important;
}

.theme-deep-purple .pagination li.active a {
    background-color: #673ab7 !important;
}
.theme-deep-purple .pagination > .active > a, 
.theme-deep-purple .pagination > .active > span, 
.theme-deep-purple .pagination > .active > a:hover, 
.theme-deep-purple .pagination > .active > span:hover, 
.theme-deep-purple .pagination > .active > a:focus, 
.theme-deep-purple .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #4d2c88 !important;
    border-color: #4d2c88 !important;
}
/*===============================================================================*/

.theme-indigo .btn-primary, .theme-indigo .profile-card .profile-header{
    background-color: #3f51b5 !important;
}
.theme-indigo [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #3f51b5;
    background-color: #3f51b5;
}
.theme-indigo a{color: #3f51b5 !important;}
.theme-indigo .profile-card .profile-body .image-area img
{
	border: 2px solid #3f51b5 !important;
}

.theme-indigo .pagination li.active a {
    background-color: #3f51b5 !important;
}
.theme-indigo .pagination > .active > a, 
.theme-indigo .pagination > .active > span, 
.theme-indigo .pagination > .active > a:hover, 
.theme-indigo .pagination > .active > span:hover, 
.theme-indigo .pagination > .active > a:focus, 
.theme-indigo .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #2c3980 !important;
    border-color: #2c3980 !important;
}
/*===============================================================================*/

.theme-light-blue .btn-primary, .theme-light-blue .profile-card .profile-header{
    background-color: #03a9f4 !important;
}
.theme-light-blue [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #03a9f4;
    background-color: #03a9f4;
}
.theme-light-blue a{color: #03a9f4 !important;}
.theme-light-blue .profile-card .profile-body .image-area img
{
	border: 2px solid #03a9f4 !important;
}

.theme-light-blue .pagination li.active a {
    background-color: #03a9f4 !important;
}
.theme-light-blue .pagination > .active > a, 
.theme-light-blue .pagination > .active > span, 
.theme-light-blue .pagination > .active > a:hover, 
.theme-light-blue .pagination > .active > span:hover, 
.theme-light-blue .pagination > .active > a:focus, 
.theme-light-blue .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #0191d2  !important;
    border-color: #0191d2  !important;
}
/*===============================================================================*/

.theme-cyan .btn-primary, .theme-cyan .profile-card .profile-header{
    background-color: #00bcd4 !important;
}
.theme-cyan [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #00bcd4;
    background-color: #00bcd4;
}
.theme-cyan a{color: #00bcd4 !important;}
.theme-cyan .profile-card .profile-body .image-area img
{
	border: 2px solid #00bcd4 !important;
}

.theme-cyan .pagination li.active a {
    background-color: #00bcd4 !important;
}
.theme-cyan .pagination > .active > a, 
.theme-cyan .pagination > .active > span, 
.theme-cyan .pagination > .active > a:hover, 
.theme-cyan .pagination > .active > span:hover, 
.theme-cyan .pagination > .active > a:focus, 
.theme-cyan .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #0092a5  !important;
    border-color: #0092a5  !important;
}
/*===============================================================================*/

.theme-teal .btn-primary, .theme-teal .profile-card .profile-header{
    background-color: #009688 !important;
}
.theme-teal [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #009688;
    background-color: #009688;
}
.theme-teal a{color: #009688 !important;}
.theme-teal .profile-card .profile-body .image-area img
{
	border: 2px solid #009688 !important;
}

.theme-teal .pagination li.active a {
    background-color: #009688 !important;
}
.theme-teal .pagination > .active > a, 
.theme-teal .pagination > .active > span, 
.theme-teal .pagination > .active > a:hover, 
.theme-teal .pagination > .active > span:hover, 
.theme-teal .pagination > .active > a:focus, 
.theme-teal .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #017167  !important;
    border-color: #017167  !important;
}
/*===============================================================================*/

.theme-green .btn-primary, .theme-green .profile-card .profile-header{
    background-color: #4caf50 !important;
}
.theme-green [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #4caf50;
    background-color: #4caf50;
}
.theme-green a{color: #4caf50 !important;}
.theme-green .profile-card .profile-body .image-area img
{
	border: 2px solid #4caf50 !important;
}

.theme-green .pagination li.active a {
    background-color: #4caf50 !important;
}
.theme-green .pagination > .active > a, 
.theme-green .pagination > .active > span, 
.theme-green .pagination > .active > a:hover, 
.theme-green .pagination > .active > span:hover, 
.theme-green .pagination > .active > a:focus, 
.theme-green .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #418c44  !important;
    border-color: #418c44  !important;
}
/*===============================================================================*/

.theme-light-green .btn-primary, .theme-light-green .profile-card .profile-header{
    background-color: #8bc34a !important;
}
.theme-light-green [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #8bc34a;
    background-color: #8bc34a;
}
.theme-light-green a{color: #8bc34a !important;}
.theme-light-green .profile-card .profile-body .image-area img
{
	border: 2px solid #8bc34a !important;
}

.theme-light-green .pagination li.active a {
    background-color: #8bc34a !important;
}
.theme-light-green .pagination > .active > a, 
.theme-light-green .pagination > .active > span, 
.theme-light-green .pagination > .active > a:hover, 
.theme-light-green .pagination > .active > span:hover, 
.theme-light-green .pagination > .active > a:focus, 
.theme-light-green .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #77a740  !important;
    border-color: #77a740  !important;
}
/*===============================================================================*/

.theme-lime .btn-primary, .theme-lime .profile-card .profile-header{
    background-color: #cddc39 !important;
}
.theme-lime [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #cddc39;
    background-color: #cddc39;
}
.theme-lime a{color: #cddc39 !important;}
.theme-lime .profile-card .profile-body .image-area img
{
	border: 2px solid #cddc39 !important;
}

.theme-lime .pagination li.active a {
    background-color: #cddc39 !important;
}
.theme-lime .pagination > .active > a, 
.theme-lime .pagination > .active > span, 
.theme-lime .pagination > .active > a:hover, 
.theme-lime .pagination > .active > span:hover, 
.theme-lime .pagination > .active > a:focus, 
.theme-lime .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #b4c132  !important;
    border-color: #b4c132  !important;
}
/*===============================================================================*/

.theme-yellow .btn-primary, .theme-yellow .profile-card .profile-header{
    background-color: #ffeb3b !important;
}
.theme-yellow [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #ffeb3b;
    background-color: #ffeb3b;
}
.theme-yellow a{color: #ffeb3b !important;}
.theme-yellow .profile-card .profile-body .image-area img
{
	border: 2px solid #ffeb3b !important;
}

.theme-yellow .pagination li.active a {
    background-color: #ffeb3b !important;
}
.theme-yellow .pagination > .active > a, 
.theme-yellow .pagination > .active > span, 
.theme-yellow .pagination > .active > a:hover, 
.theme-yellow .pagination > .active > span:hover, 
.theme-yellow .pagination > .active > a:focus, 
.theme-yellow .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #decc32  !important;
    border-color: #decc32  !important;
}
/*===============================================================================*/

.theme-amber .btn-primary, .theme-amber .profile-card .profile-header{
    background-color: #ffc107 !important;
}
.theme-amber [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #ffc107;
    background-color: #ffc107;
}
.theme-amber a{color: #ffc107 !important;}
.theme-amber .profile-card .profile-body .image-area img
{
	border: 2px solid #ffc107 !important;
}

.theme-amber .pagination li.active a {
    background-color: #ffc107 !important;
}
.theme-amber .pagination > .active > a, 
.theme-amber .pagination > .active > span, 
.theme-amber .pagination > .active > a:hover, 
.theme-amber .pagination > .active > span:hover, 
.theme-amber .pagination > .active > a:focus, 
.theme-amber .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #e6ad03  !important;
    border-color: #e6ad03  !important;
}
/*===============================================================================*/

.theme-orange .btn-primary, .theme-orange .profile-card .profile-header{
    background-color: #ff9800 !important;
}
.theme-orange [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #ff9800;
    background-color: #ff9800;
}
.theme-orange a{color: #ff9800 !important;}
.theme-orange .profile-card .profile-body .image-area img
{
	border: 2px solid #ff9800 !important;
}

.theme-orange .pagination li.active a {
    background-color: #ff9800 !important;
}
.theme-orange .pagination > .active > a, 
.theme-orange .pagination > .active > span, 
.theme-orange .pagination > .active > a:hover, 
.theme-orange .pagination > .active > span:hover, 
.theme-orange .pagination > .active > a:focus, 
.theme-orange .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #e88b00  !important;
    border-color: #e88b00  !important;
}
/*===============================================================================*/

.theme-deep-orange .btn-primary, .theme-deep-orange .profile-card .profile-header{
    background-color: #ff5722 !important;
}
.theme-deep-orange [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #ff5722;
    background-color: #ff5722;
}
.theme-deep-orange a{color: #ff5722 !important;}
.theme-deep-orange .profile-card .profile-body .image-area img
{
	border: 2px solid #ff5722 !important;
}

.theme-deep-orange .pagination li.active a {
    background-color: #ff5722 !important;
}
.theme-deep-orange .pagination > .active > a, 
.theme-deep-orange .pagination > .active > span, 
.theme-deep-orange .pagination > .active > a:hover, 
.theme-deep-orange .pagination > .active > span:hover, 
.theme-deep-orange .pagination > .active > a:focus, 
.theme-deep-orange .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #d0461b  !important;
    border-color: #d0461b  !important;
}
/*===============================================================================*/

.theme-brown .btn-primary, .theme-brown .profile-card .profile-header{
    background-color: #795548 !important;
}
.theme-brown [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #795548;
    background-color: #795548;
}
.theme-brown a{color: #795548 !important;}
.theme-brown .profile-card .profile-body .image-area img
{
	border: 2px solid #795548 !important;
}

.theme-brown .pagination li.active a {
    background-color: #795548 !important;
}
.theme-brown .pagination > .active > a, 
.theme-brown .pagination > .active > span, 
.theme-brown .pagination > .active > a:hover, 
.theme-brown .pagination > .active > span:hover, 
.theme-brown .pagination > .active > a:focus, 
.theme-brown .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #5a4037  !important;
    border-color: #5a4037  !important;
}
/*===============================================================================*/

.theme-grey .btn-primary, .theme-grey .profile-card .profile-header{
    background-color: #9e9e9e !important;
}
.theme-grey [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #9e9e9e;
    background-color: #9e9e9e;
}
.theme-grey a{color: #9e9e9e !important;}
.theme-grey .profile-card .profile-body .image-area img
{
	border: 2px solid #9e9e9e !important;
}

.theme-grey .pagination li.active a {
    background-color: #9e9e9e !important;
}
.theme-grey .pagination > .active > a, 
.theme-grey .pagination > .active > span, 
.theme-grey .pagination > .active > a:hover, 
.theme-grey .pagination > .active > span:hover, 
.theme-grey .pagination > .active > a:focus, 
.theme-grey .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #676767  !important;
    border-color: #676767  !important;
}
/*===============================================================================*/

.theme-blue-grey .btn-primary, .theme-blue-grey .profile-card .profile-header{
    background-color: #607d8b !important;
}
.theme-blue-grey [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #607d8b;
    background-color: #607d8b;
}
.theme-blue-grey a{color: #607d8b !important;}
.theme-blue-grey .profile-card .profile-body .image-area img
{
	border: 2px solid #607d8b !important;
}

.theme-blue-grey .pagination li.active a {
    background-color: #607d8b !important;
}
.theme-blue-grey .pagination > .active > a, 
.theme-blue-grey .pagination > .active > span, 
.theme-blue-grey .pagination > .active > a:hover, 
.theme-blue-grey .pagination > .active > span:hover, 
.theme-blue-grey .pagination > .active > a:focus, 
.theme-blue-grey .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #42555f  !important;
    border-color: #42555f  !important;
}
/*===============================================================================*/

.theme-black .btn-primary, .theme-black .profile-card .profile-header{
    background-color: #000000 !important;
}
.theme-black [type="checkbox"].filled-in:checked.chk-col-primary + label:after {
    border: 2px solid #000000;
    background-color: #000000;
}
.theme-black a{color: #000000 !important;}
.theme-black .profile-card .profile-body .image-area img
{
	border: 2px solid #000000 !important;
}

.theme-black .pagination li.active a {
    background-color: #000000 !important;
}
.theme-black .pagination > .active > a, 
.theme-black .pagination > .active > span, 
.theme-black .pagination > .active > a:hover, 
.theme-black .pagination > .active > span:hover, 
.theme-black .pagination > .active > a:focus, 
.theme-black .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #5a5a5a  !important;
    border-color: #5a5a5a  !important;
}
/*===============================================================================*/
/*=====  End of Css for change color as teme  ======*/

.box-footer {
    padding: 20px;
    position: relative;
    background: #eeeeee;
}

.modal .modal-footer {
    background-color: #eee;
}

.modal .modal-header {
    padding: 10px 13px 7px 20px;
    background-color: #eee;
}

.modal-header .close {
    margin-top: 6px;
}

.modal-body .box-body {
    /*min-height: 200px;*/
	min-height: 120px;
}

.showdropdownname ul {
    background-color: #eee;
    padding: 11px 150px 8px 12px;
    position: absolute;
    z-index: 999;
    box-shadow: 5px 4px 5px 0px #a09a9a;
}

.showdropdownname ul li {
    background-color: #eee;
 
}

.showdropdownname ul li {
    width: 289%;
    padding: 6px 0px 6px 0px;
}
.showdropdownname ul li:hover {
    background-color: #ddd;
}