@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-webfont.eot');
    src: url('../fonts/opensans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-webfont.woff2') format('woff2'),
         url('../fonts/opensans-webfont.woff') format('woff'),
         url('../fonts/opensans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.sidebar{ background:#f0f4f5; border-right:1px solid #cacbcd;padding:0px; }
.navbar-inverse{ background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color:#cacbcd;}
.nav > li{ border-top:1px solid #cacbcd; background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.nav > li > a{     color: #4c4f50;
    display: block;
    font: 13px/40px "open_sansregular";
    padding: 0 10px 0 20px;
    text-decoration: none; background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}

.nav > li > ul {
    background: none repeat scroll 0 0 #f1f5f6;
    padding: 8px 0;}
.nav > li > ul > li > a{padding: 0 10px 0 20px;
    text-decoration: none; font-size: 13px;
    line-height: 32px;color: #4c4f50;}
	
.nav > li > ul > li:hover{ background:#e4e6e6;}


/*.header-right {
    float: right;
}*/

.not {
    float: left;
}
.not ul {
    list-style: none outside none;
}

.not ul li {
    display: block;
    float: left;
}
.not ul li a {
    display: block;
    padding: 13px 10px;
    text-decoration: none;
}
.not ul li a i {
    color: #5f6063;
    font-size: 20px;
}
.pro {
    display: block;
    line-height: 40px;
    border-left: 1px solid #cacbcd;
    border-right: 1px solid #cacbcd;
    float: left;
}

.pro button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    display: block;
    line-height: 30px;
    padding: 10px 5px;
}
.pro span {
    border-radius: 100%;
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}

.not ul li a:hover {
    background: none repeat scroll 0 0 #e4e6e6;
}
.slid-right {
    float: left;
}
.slid-right a {
    display: block;
    padding: 13px 10px;
    text-decoration: none;
}
.slid-right a i {
    color: #5f6063;
    font-size: 20px;
}

 
 
 
.form {
    background: none repeat scroll 0 0 #f1f5f6;
    border: 1px solid #cacbcd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.form-head{  background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cacbcd;}
.form-foot{  background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #cacbcd; padding:6px 10px;}
/***table*head***/
.form-head{ border-radius:5px 5px 0px 0px !important;  }	
.form-head-lt{ float:left; font:18px/46px 'open_sansregular';}
.form-head-rt{ float:right}
.form-head-lt i{ padding:0px 8px 0px 10px; color:#5c5f60;}
.form-head-rt ul{ list-style:none; margin-top:13px; margin-right:10px;}
.form-head-rt ul li{ display:inline-block}
.form-art{ padding:10px 10px 10px 10px;}
label.control-label{ font:13px/26px 'open_sansregular'; margin-top:5px; color:#4c4f50; display:block; font-weight:bold; }
/*
input.form-control {
    background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacbcd;
    border-radius: 5px;
    color: #a94442;
    font: 13px/32px "open_sansregular";
    height: 32px; min-width:260px;
}
*/
input.form-control {
    background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacbcd;
    border-radius: 5px;
    color: #4c4f50;
    font: 13px "open_sansregular";
    height: 32px; min-width:260px;
}
input.form-control2 {
    background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacbcd;
    border-radius: 5px;
    color: #a94442;
    font: 13px/32px "open_sansregular";
    height: 32px; min-width:180px;
}

select.form-control{background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);font:13px/26px 'open_sansregular';   color:#a94442;
    border: 1px solid #cacbcd; border-radius:5px;  height:32px;  line-height:20px;  }
textarea.form-control{background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);font:13px/26px 'open_sansregular';   color:#a94442;
    border: 1px solid #cacbcd; border-radius:5px;   min-height:100px;  height:32px;  line-height:32px; }
	
h1.page-header{ font:27px/30px "open_sansregular"; color:#292929; margin-bottom:0px; border:none}
h1.page-header small{ font-size:15px;}


.bram {
    background:#f2f3f5;
    border: 1px solid #cbccce;
    margin-top: 15px; margin-bottom:20px;}

.bram ul {
    display: block;
    float: left; margin:0px; padding:0px;
    list-style: none outside none;
}
.calender {
    float: right;
}
.bram ul li i {
    color: #5c5f60 !important;
    padding: 0 8px !important;
}
.bram ul li a {
    color: #5a5c5d;
    display: inline-block;
    font: 14px/28px "open_sansregular";
    text-decoration: none;
}
.bram ul li {
    display: inline-block;
}

.calender button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cdced0;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    font: 14px/28px "open_sansregular";
    padding: 0 10px;
  
  
}
.calender button i {
    font-size: 14px !important;
}
button.btn {
    background: linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;}
	
.input-icon {
    position: relative;
}
.input-icon > i {
    color: #6d6d6d;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 2px 4px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
    z-index: 3;
}
.input-icon > .form-control {
    padding-left: 33px;
}
.input-icon.right > .form-control {
    padding-left: 12px;
    padding-right: 33px;
}
.input-icon.right > i {
    float: right;
    right: 8px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    opacity:0.7;
}
.checkbox label{ display:block; font:12px/20px "open_sansregular"}
.radio label{ display:block; font:12px/20px "open_sansregular"}
.radio-inline{font:12px/22 px "open_sansregular"}
.checkbox-inline{font:12px/22px "open_sansregular"}

.btn {
    background-image: none !important;
    border-width: 1px;
	border-color:#c7cbcc;
    box-shadow: none;
    filter: none;
    font-size: 14px;
    outline: medium none !important;
    padding: 5px 14px;
    text-shadow: none;
}

#datetimepicker .btn {
    border:none;
    box-shadow: none;
    outline: medium none !important;
    padding:0px;
    text-shadow: none;
}
#datetimepicker button.btn {
    background:#3276B1; padding:10px;
    cursor: pointer;}
	
#datetimepicker1 .btn {
    border:none;
    box-shadow: none;
    outline: medium none !important;
    padding:0px;
    text-shadow: none;
}
#datetimepicker1 button.btn {
    background:#3276B1; padding:10px;
    cursor: pointer;}
	
.datetimepickerStyle .btn {
    border:none;
    box-shadow: none;
    outline: medium none !important;
    padding:0px;
    text-shadow: none;
}
.datetimepickerStyle button.btn {
    background:#3276B1; padding:10px;
    cursor: pointer;
	border:none;}

.btn.default {
    background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #333333;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{ padding-top:4px;}

.form-horizontal .input-icon.right > i {
    float: right;
    right: 10px;}
	
.form-horizontal .checkbox label{ padding-left:20px;}
.form-horizontal .radio label{ padding-left:20px;}
.panel-group .panel {
  border-radius: 0;
    border-right: 1px solid #cacbcd !important;
    margin-bottom: 0;}
.panel{ border:none}
.panel-group .panel + .panel {
    margin-top: 0px;
}
a{ outline: 0 !important;}



.table-wrap{ background:#f1f5f6;   border-radius:5px;  border:1px solid #cacbcd;}
.table-head{ border-radius: 5px 5px 0px 0px;border-bottom:1PX solid #cacbcd; background: #fdfdfd;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fdfdfd 0%, #e1e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e1e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#e1e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#e1e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#e1e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdfdfd 0%,#e1e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1e7e7',GradientType=0 ); /* IE6-8 */}
.table-head-lt{ float:left; font:18px/46px 'open_sansregular';}
.table-head-rt{ float:right}
.table-head-lt i{ padding:0px 8px 0px 10px; color:#5c5f60;}
.table-head-rt ul{ list-style:none; margin-top:15px; margin-right:10px;}
.table-head-rt ul li{ display:inline-block}
.table-wrap table{ border:1px solid #cacbcd !important}
.table-wrap table tr th{ border-color:#cacbcd !important; }
.table-wrap table tr td{ border-color:#cacbcd !important;}

.t-top button, .t-top select, .t-top button, .t-top input{ float:right;}
.input-small {
    width: 120px !important;
}
.t-top select{ margin-left:10px;}
table button{ margin-right:8px;}

.logwith{ margin-top:15px; margin-bottom:15px;}
.logwith label{ font-size:17px;}
.logwith button{ max-width:36px;}

p.logp{ display:block; clear:both; padding-top:10px;}
p.logp a{ font:17px/36px 'open_sansregular' !important; text-shadow:1px 1px 1px #fff; color:#636669; text-decoration:none;}
p.logp span{ display:block;font:13px/20px 'open_sansregular' !important; text-shadow:1px 1px 1px #fff; color:#636669;}
p.logp span a{ color:#4496d2; font-size:13px !important; line-height:20px !important;}
p.logp span a:hover{ text-decoration:underline}

.p-botm{ background:url(../images/bgdot.png) repeat-x; display:block; margin-top:10px; margin-bottom:0px; font:13px/42px 'open_sansregular' !important; text-shadow:1px 1px 1px #fff; color:#636669;}
.p-botm a{ color:#2756e2; text-decoration:none; font-size:13px !important; line-height:20px !important;}
.signlogo{ margin-top:20px; margin-bottom:10px; text-align:center}
/* .log{ background:url(../img/bg.jpg) no-repeat;} */
.log{ background:url(../img/bg.jpg) repeat;}

.copyright{    color: #fff;
    font: 13px/40px "open_sansregular" !important;
    text-align: center;}
.pagination{ margin:0px; float:right;margin-bottom:20PX;}

.input-xlarge {
    width: 420px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.input-large {
    width: 320px !important;
}
.input-medium {
    width: 240px !important;
}
.input-xsmall {
    width: 80px !important;
}
h4{ padding:5px 0px; font:17px/20px "open_sansregular";}
.has-success .input-icon > i {
    color: #45b6af;
}
.has-warning .input-icon > i {
    color: #dfba49;
}
.has-error .input-icon > i {
    color: #f3565d;
}
h3{ font:23px/26px "open_sanslight"; font-weight:300; border-bottom:1px solid #c7cbcc; margin-top:5px; padding:5px 0px;}
.mart-b{margin-bottom:10px;}
.btn-sm{padding:0px 6px;}


/* Error Message CSS */

.error-message{ color:#bd5050 !important; font-size:12px; font-family:open_sanslight}
/*
.error .error-message,

.error .help-block,

.error .help-inline,

.error .control-label,

.error .radio,

.error .checkbox,

.error .radio-inline,

.error .checkbox-inline {

  color: #a94442;

}*/

.error .form-control {

  border-color: #ebccd1;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.error .form-control:focus {

  border-color: #dca7b0;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.error .input-group-addon {

  color: #a94442;

  border-color: #ebccd1;

  background-color: #f2dede;

}

.error .form-control-feedback {

  color: #a94442;

}
.pagination > li.prev a{ border-radius:4px 0px 0px 4px !important;}
.pagination > li.disabled{ border-radius:4px 0px 0px 4px !important;}

ul.pagination li.current{ font-size: 12px !important;

    padding: 8px 12px 7px 12px;  background-color: #eee !important;

    border: 1px solid #ddd !important;

	color: #4f5052 !important;

    float: left !important;

    line-height: 1.42857 !important;

    margin-left: -1px !important;

    position: relative !important;

    text-decoration: none !important;}



ul.pagination li.disabled{ font-size: 12px !important;

    padding: 8px 12px 7px 12px;  background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 !important;

    border: 1px solid #ddd !important;

    color: #4f5052 !important; 

    float: left !important;

    line-height: 1.42857 !important;

    margin-left: -1px !important;

    position: relative !important;

    text-decoration: none !important;
}

input[type="checkbox"]

{

	/*margin-left:-2px !important;*/

}	
/*a.collapsed{ background:none !important;}*/
li.panel ul{ list-style:none !important}
li.panel ul li a{ text-decoration:none !important; display:block; color:#000 !important; font-size:13px !important; line-height:26px !important;}
li.panel ul li ul li a i{ padding-right:6px;}
li.panel ul li:hover ul{ background:#f1f5f6 !important}
li.panel ul li ul{ padding:0px !important;}
li.panel ul li ul li:hover{ background:#e4e6e6 !important;}
li.panel ul li ul li a{ padding-left:37px !important;}
li.active{ position:relative !important;  }
li.active a{ color:#4c4f50 !important}
img.activeImage{ position:absolute !important; z-index:999; right:0px !important; top:3px !important;}

table.table tr.color1{ background:#f1f1f1 !important;}
table.table tr.color2{ background:#f5f5f5	 !important;}
table.table tr.title{ background:#e5e5e5 !important;}
.header-right .nav > li > a{ padding:5px 10px 4px 10px !important; color:#000 !important}
.header-right .dropdown{ border:none !important}
.header-right .pro{ border:none !important;}
.header-right ul.dropdown-menu{ left:0px !important;}

.prof-tab{ background:#f1f5f6 !important; border:1px solid #cacbcd !important; border-top:none !important; border-radius:0px 0px 4px 4px !important;}
.profilpic{ position:relative; border:2px solid #FFF; margin:10px; border-radius:5px;}
.profilpic a{ position:absolute; right:0px; bottom:0px; background:rgba(0,0,0,0.5); padding:2px 5px; color:#fff;}
ul.varb{ list-style:none; padding-left:0px; margin:10px;}
ul.varb li{ border:1px solid #cacbcd; border-top:none; padding:8px 12px; background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
ul.varb li a{ text-decoration:none;}
ul.varb li a i{ padding-right:5px;}
ul.varb li.first{ border-top:1px solid #cacbcd;}
ul.newtab li{ border-top:none !important; margin-right:3px; background:none !important }
ul.newtab li a{ border-color: #eee #eee #ddd; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
ul.newtab li.active a{ background:#f1f5f6 !important}
.padingr{ padding:0px 20px 20px 0px;}

table.filt-tab{ margin-bottom:10px; border:none !important;}
table.filt-tab tr td{ border:none !important;}
.navbar-brand{ padding:10px 15px !important;}

/* Login form */

	/***success**/
.success-alert {
    background: none repeat scroll 0 0 #eef7ea;
    border: 1px solid #bbdba1;
    color: #88a86e; border-radius:5px;
    margin-bottom: 15px;
    padding: 10px;
}
.success-alert p {
    margin-bottom: 0;
}

.error-alert {
    background: none repeat scroll 0 0 #fae4e4;
    border: 1px solid #ed8c8c;
    color: #ca6969; border-radius:5px;
    margin-bottom: 15px;
    padding: 10px;
}
.error-alert p {
    margin-bottom: 0;
}

.warning-alert {
    background: none repeat scroll 0 0 #fcf8e3;
    border: 1px solid #e7d058;
    color: #cfb840; border-radius:5px;
    margin-bottom: 15px;
    padding: 10px;
}
.warning-alert p {
    margin-bottom: 0;
}

.dropdown-menu{min-width:130px;}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ background:#e4e6e6 !important; color:#333 !important;}
.navbar-header:after{ clear:none !important;}
/*.navbar-nav{ margin:0px !important;} */
.navbar-nav{ margin-top:0px; margin-right:40px; margin-left:0px; margin-bottom:0px; !important;}


/* Error Message CSS */


.error .form-control {

  border-color: #ebccd1 !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.error .form-control:focus {

  border-color: #dca7b0;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.error .input-group-addon {

  color: #a94442;

  border-color: #ebccd1;

  background-color: #f2dede;

}

.logout { display:none !important;}
.tab-content{ margin-bottom:10px;}

@media only screen and (max-width: 1200px){
.calender button{ font-size:0px; line-height:20px; padding-bottom:0px;}
.calender button i.fa-calendar{ padding-right:10px;line-height:28px;}

}
 
@media only screen and (max-width: 990px){
.col-md-6 .table-wrap2 { width:100%; overflow:none; margin-bottom:10px;}
.col-md-6 .table-wrap2 .table-responsive{ width:100%; }
.padingr{ padding-left:10px !important;padding-right:10px !important;}

.sidebar{ left:0px;}
.countdown_row { float:left !important}
.coming-soon-countdown{ text-align:left !important}
 .subscribe{ clear:both} 
table.cf{ width:100%;}
}

@media only screen and (min-width: 767px){
	#menu{ left:0px  !important;}
	.overlay{ display:none !important;}
	}
	

@media only screen and (max-width: 767px){
.table-wrap2 table tr td.last button.nomargin{display:block; margin-right:15px !important;}
.table-wrap2 table tr td.last button.margin-to{ margin-top:5px; display:block}
.table-wrap2 table{min-width:580px;}
a.navbar-brand{ padding-left:0px;}
.table-wrap2 table{ border:0px !important;}
.sidebar{ position:fixed; overflow:auto; height:100%; top:50px; z-index:1029; width:240px; 	left:-240px;	}

.logout{ display:block !important}
}
@media only screen and (max-width: 480px){
.filter-responsive{ overflow:auto; width:100%;}
.filter-responsive table.filt-tab{ width:500px; display:block; max-width:500px !important;}
.mart-b button{ margin-bottom:3px;}
	}
	
@media only screen and (max-width: 420px){
.boxi{ width:47% !important; margin:1% !important; display:block !important;}
}
	
@media only screen and (max-width: 380px){
.left-l select.input-xsmall{ display:none;}
.right-r select.input-xsmall{ display:none;}
.tab-foote{padding-bottom:15px;}
.err{ display:none;}
.page-404{ padding-top:30px !important;}
.page-404 .details{ margin-left:0px !important; padding-top:20px !important;}
}


.error .form-control-feedback {

  color: #a94442;

}

.overlay{
	display:none;
	background: none repeat scroll 0 0 #000;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    z-index: 777;	
}

span.slug{display:none !important;}
.email-status{padding-left:5px !important;font-weight:lighter;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}

.inline-label{}
.inline-label input{ float:left; margin-right:5px; margin-bottom:20px; width:20px; display:block; }
.inline-label label{ font-size:14px; display:block; font-weight:lighter;}
li.panel li.active{ background:#e4e6e6}

.list-group-item-success{ border-top:1px solid #cacbcd; border-right:none !important; display: block;
    font: 13px/40px "open_sansregular"; color:#4c4f50 !important;
    padding: 0 10px 0 20px;
    text-decoration: none; background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
    
.list-group-item:first-child{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.list-group-item:last-child{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
#MainMenu  i {
    padding-right: 7px !important;
}

img.activeImage {
    position: absolute !important;
    right: -2px !important;
    top: 2px !important;
    z-index: 999;
}
.sidebar{ border-right:0px !important;}
 li.active {
    position: relative !important;
}

.inback{ background:#f1f5f6 !important;}
.inback a{ font-size:13px; background:none;}
.inback a i{ padding-left:10px !important}
.inback a:hover{ background:#e4e6e6 !important}
.list-group-submenu a i{ padding-left:25px !important} 
.list-group-submenu .list-group-submenu a i{ padding-left:40px !important} 
.inback a.list-group-item:hover, .inback a.list-group-item:focus{ background:#e4e6e6 !important}
a.list-group-item-success{ border-right:1px solid #cacbcd !important;}

.sidebar{box-shadow:inset -1px 0px 0px 0px #cacbcd !important;}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{color:#555 !important; background:#f5f5f5 !important;border:1px solid #ddd !important}
/*.col-fixed, .row.rr{ float:left !important}
 

.col-fixed {
  background: #CCC;
  width: 300px;
}

.row.rr {
  background: #EEE;
  width:calc(100% - 300px + 15px * 2);
}*/

.page-404 {
    text-align: center;
}
.page-404 .number {
    color: #666;
    display: inline-block;
    font-size: 128px;
    font-weight: 300;
    letter-spacing: -10px;
    line-height: 128px;
    margin-bottom: 10px;
    margin-top: 0;
    position: relative;
    text-align: right;
    top: 35px;
}
.page-404 .details {
    display: inline-block;
    margin-left: 40px;
    padding-top: 0;
    text-align: left;
}

/*
mODIFIED BY RAVI
*/


.boxi{ width:120px; margin-right:10px; margin-bottom:10px; float:left; border:1px solid #cacbcd; border-radius:3px;   background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
.boxi img{ display:block; width:100%;  padding:10px 10px 0px 10px;  }
.boxi span{font:15px/30px 'open_sanslight'; color:#000; display:block; text-align:center;}


.dropdown-menu .divider{ margin:3px 0px;}
.navbar-header:after{ clear:none !important;}
/*.navbar-nav{ margin:0px !important;} */
.navbar-nav{ margin-top:0px; margin-right:40px; margin-left:0px; margin-bottom:0px; !important;}

.header-right .navbar-nav .open .dropdown-menu {
    background: #f1f5f6 !important;
    border:1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;
    float: left !important;
    margin: 2px 0 0 !important;
    position: absolute !important;
    width: auto !important;
}

/**********breadcrumb************/

 
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}
#bc1 .btn-default{ background:#f1f1f1 !important;}
.btn-breadcrumb .btn:not(:last-child):after {  
    border-left: 10px solid #f1f1f1 !important;
 }
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ccc !important;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #ccc !important;
}

/* The responsive part */
.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

/*.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}*/

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

.btn-breadcrumb .btn.btn-default.active:not(:last-child):before {
border-left: 10px solid #ccc !important;
}
.btn-breadcrumb .btn.btn-default.active:not(:last-child):after {
border-left: 10px solid #ccc !important;
}



#bc1 .btn-default.active {
background-color: #ccc !important; box-shadow:none !important;
border-color: #ccc !important;
color: #333 !important;
}
.btn-default.active {
background-color: #ebebeb;
border-color: #adadad;
color: #333;
}


#bc1{ background:#f1f1f1 !important; 
width:100%;  
border-width: 1px;   
border-color: #c7cbcc; 
border-style:solid; 
border-radius:5px;}
#bc1 a.btn{ border:none; 
margin-left:0px; 
border-radius:5px 0px 5px0px;}
a.hideanchore {   background: none repeat scroll 0 0 #f0f4f5 !important;
    border: medium none;
    box-shadow: none !important;}
	

/**5-3-2015**/
#MainMenu{ margin-top:36px !important;}
.slimScrollBar{ position:fixed !important; left:240px !important;opacity:0.1 !important;z-index:1003 !important}
	.profile-name{ display:none;}
select.form-control{ min-width:150px;}
.panel{ box-shadow:none !important;}
 
.subscribe input{ float:left;  margin-right:5px;}

 
/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
a.logout{ display:block; }
.hright{ display:none}
#menu{  left:-250px;}

	.wrappe{ padding-left:0px !important;}
	.activeImage{ display:none}
	.list-group-item-success{ background:#FFF !important}
	.sidebar{ background:#FFF !important}
	
		.profile-name{ display:block !important;}
#MainMenu{ margin-top:70px !important;}

.slimScrollBar{ opacity:0 !important;}
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}



.hright .nav li{ border:none}
.hright .nav li a{font:13px/50px "open_sansregular"; color:#333 !important; padding:0px 10px;}
/*.hright .nav li .dropdown-menu li a{font:13px/40px "open_sansregular"; padding:0px 10px 0px 20px} */
.hright .nav li .dropdown-menu li a{font:13px/40px "open_sansregular"; padding:0px 5px 0px 5px}
.hright .nav li .dropdown-menu:hover .nav li a.dropdown-toggle{ background:#e4e6e6 !important;}
ul.dropdown-menu{ right:0px !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ background:#e4e6e6 !important; color:#333 !important;}
.navbar-header:after{ clear:none !important;}
/*.navbar-nav{ margin:0px !important;}*/
.navbar-nav{ margin-top:0px; margin-right:40px; margin-left:0px; margin-bottom:0px; !important;}

.header-right .navbar-nav .open .dropdown-menu {
    background: #f1f5f6 !important;
    border:1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176) !important;
    float: left !important;
    margin: 2px 0 0 !important;
    position: absolute !important;
    width: auto !important;
}

/***footer****/
.page-footer{ font-family: "open_sansregular"; text-align:center; padding-top:20px;padding-bottom:20px;}


/*********sidebar css*******/


  
  #wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

.sidebar-wrapper {
  margin-left: 0px;
  left:0px;
  width: 250px;
 
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#page-content-wrapper {
  width: 100%;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wrappe { 
/*	padding-left: 250px; */
	padding-left: 0px;
  	transition: all 0.4s ease 0s;
  }
  
.container{ width:auto !important }

#menuicon{ background:url(../img/nav.png) no-repeat !important; border-radius:0px; margin:16px 1px; width:23px; height:18px;}



.navbar-brand{ padding:9px;}

.adminpic{ overflow:hidden; width:40px; height:40px; border-radius:50%; margin-right:5px;}

/***file button**/
.btn-primary:hover{ border:1px solid #ccc;}
.green{ display:block; background:url(../img/btn_green.png) no-repeat; width:14px; height:14px; margin-top:5px;}
.red{display:block; background:url(../img/btn_red.png) no-repeat; width:14px; height:14px; margin-top:5px;}
.yellow{display:block; background:url(../img/btn_yellow.png) no-repeat; width:14px; height:14px; margin-top:5px;}
.gray{display:block; background:url(../img/btn.png) no-repeat; width:14px; height:14px; margin-top:5px;}

.green:hover{background:url(../img/btn_green_g.png) no-repeat;}
.red:hover{background:url(../img/btn_red_g.png) no-repeat; }
.yellow:hover{background:url(../img/btn_yellowo.png) no-repeat; }

.page-sidebar .page-sidebar-menu li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before{ content: "";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -1px;
    text-align: center;
    text-shadow: none;
    width: 10px;
} 

.picup img{ display:block; height:190px !important; width:100%;}

/**permission table css start**/

.roletd{ text-align:center;}
.tittletd{ width:200px;}

tr.pluginRow{ background:#464646 !important; color:#fff; font-weight:bold !important}
tr.controllerRow{ background:#757575 !important; color:#FFFFFF;}
tr.controllerRow img{ padding-left:16px;}
td.link-text { color:#FFF;}
.actionTD{text-align:center;width:100px;padding: 8px 8px;}


.accor .panel-heading{ border-radius: 0px;  margin-top:5px; border:1px solid #cacbcd !important; background:linear-gradient(to bottom, #fdfdfd 0%, #e1e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
.accor .panel-default .panel-default .panel-heading { margin-top:0px;  background:#f1f1f1; margin-bottom:0px;}
.accor .panel-heading a{ display:block; text-decoration:none;}
.accor .panel-body{ padding:0px;}
.accor span.glyphicon-plus{ float:right}
.accor span.glyphicon-minus{ float:right}

.accor .panel-heading{ padding:4px 15px;}
a.list-group-item:hover, a.list-group-item:focus{ background:#e4e6e6 !important}
/**permission table css start**/
.inback a.list-group-item:hover, .inback a.list-group-item:focus{ background:#e4e6e6 !important}



.error-text{color:#F00;}
.success-text{color:#0C0}

textarea.form-control {min-width:260px;}

.mb3{ margin-bottom:3px;}



/* General styles for the dropdown */
.dropdown-container {
    position: absolute; /* Positions it relative to the parent container */
    background-color: #fff; /* White background for dropdown */
    border: 1px solid #ccc; /* Light border for dropdown */
    border-radius: 4px; /* Rounded corners */
    max-height: 200px; /* Limit height to prevent overflow */
    overflow-y: auto; /* Enable scrolling if dropdown overflows */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for dropdown */
    z-index: 1000; /* Ensure dropdown appears above other elements */
    width: 95%; /* Match the width of the parent container */
    margin-top: 0px; /* Add gap between textbox and dropdown */
    margin-bottom: 20px; /* Add margin below dropdown if necessary */
    display: none; /* Initially hide the dropdown */
}

/* Dropdown item styles */
.dropdown-container option {
    padding: 10px; /* Add some padding for readability */
    cursor: pointer; /* Change cursor to pointer for interactivity */
    background-color: #fff; /* Default background */
    border-bottom: 1px solid #eee; /* Subtle divider between options */
}

/* Hover effect for dropdown items */
.dropdown-container option:hover {
    background-color: #f0f0f0; /* Light gray background on hover */
}

/* Optional: Add focus styling for accessibility */
.dropdown-container option:focus {
    background-color: #d9edf7; /* Light blue background for focused option */
}