/* Common styles */

*{
    font-family: 'Varela Round', sans-serif;
    color:#000000;
}

root { 
    display: block;
}
html{
    background-color: #F6F6F6;
}


/* navigation bar styles */

.navbar {
     background-color:#388E3C;
     border-bottom: 0px solid #388E3C;
     border-radius: 0px;
}

.navbar-default {
     background-color: #388E3C;
     border-color: #388E3C;
}
.navbar-default .navbar-nav > li > .selected {
    color:#fff;
    background-color: #4CAF50!important;
}

.navbar-brand{
	font-size:35px;
	padding-left:30px;
}
.navbar-default .navbar-brand{
    color: #fff ;
}
.pull-right{
	padding-right:20px;
}
.pull-right a{
	color:#fff !important;
}
.table td{
	color:#000 !important;
}
/*.table td{
	width:33%;
}*/
.add_cat input{
	margin:13px;	
}
#system-search{
/*	margin-top: 5px;*/
}
.system-search{
	margin-top: 8px;
}
.high_t{
	height:95px;
}
.table td i{
	color:#000;
}
.table-list-search td{
	color:#000 !important;
}
.table-list-search thead td{
/*	text-align:center;*/
	font-weight:bold;
}
.table-list-search tbody td:nth-child(even) {
/*    text-align:center;*/
}
#save{
	margin: 25px 0px 0px 460px;
	position: absolute;
}
.colorPrimary td {
	/*text-align:center;*/
	font-size:17px;
}
.smd {
	padding-left:0px;
	padding-right :0px;
}
.news_align div{
	overflow:auto;
	margin:0 auto;
}
.wid_th img{
	width:100% !important;
}

.navbar-default .navbar-nav > li > a {
     color: #fff ;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{
     background-color: #3F1313;
} 

/*
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-nav > li > a:visited{
    background-color: #4CAF50;
}
*/

.navbar-default .navbar-toggle {
    border-color: #178ACC;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.itemxx:hover{
    cursor: pointer;
}


/*alignment classes */

/*margin left */
.custom-margin-left-xs{
  margin-left:5px !important;
}
.custom-margin-left-sm{
  margin-left:10px !important;
}
.custom-margin-left-md{
  margin-left:15px !important;
}
.custom-margin-left-lg{
  margin-left:20px !important;
}
.custom-margin-left-xlg{
  margin-left:40px !important;
}
.margin-left-none{
  margin-left:0px !important;
}


/*margin right*/
.custom-margin-right-xs{
  margin-right:5px !important;
}
.custom-margin-right-sm{
  margin-right:10px !important;
}
.custom-margin-right-md{
  margin-right:15px !important;
}
.custom-margin-right-lg{
  margin-right:20px !important;
}
.custom-margin-right-xlg{
  margin-right:40px !important;
}
.margin-right-none{
  margin-right:0px !important;
}

/*margin top */
.custom-margin-top-40{
  margin-top:40px !important;
}
.custom-margin-top-30{
  margin-top:30px !important;
}
.custom-margin-top-80{
  margin-top:80px !important;
}
.custom-margin-top-xs{
  margin-top:5px !important;
}
.custom-margin-top-sm{
  margin-top:10px !important;
}
.custom-margin-top-md{
  margin-top:15px !important;
}
.custom-margin-top-lg{
  margin-top:100px !important;
}
.custom-margin-top-xlg{
  margin-top:200px !important;
}
.margin-top-none{
  margin-top:0px !important;
}
.custom-margin-top-70{
  margin-top:70px !important;
}
.custom-margin-top-75{
  margin-top: 75px !important;
}
.custom-margin-top-50{
  margin-top: 50px !important;
}
.custom-margin-top-30{
  margin-top: 30px !important;
}
.custom-margin-top-120{
  margin-top:120px !important;
}


/*margin bottom */
.custom-margin-bottom-xs{
  margin-bottom:5px !important;
}
.custom-margin-bottom-sm{
  margin-bottom:10px !important;
}
.custom-margin-bottom-md{
  margin-bottom:15px !important;
}
.custom-margin-bottom-lg{
  margin-bottom:20px !important;
}
.custom-margin-bottom-xlg{
  margin-bottom:100px !important;
}
.margin-bottom-none{
  margin-bottom:0px !important;
}
.custom-margin-bottom-40{
  margin-bottom: 40px !important;
}


/*remove all margin */
.margin-none{
  margin:0 0 0 0px !important;
}

.margin-side-none{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*padding left*/
.custom-padding-left-xs{
  padding-left:5px !important;
}
.custom-padding-left-sm{
  padding-left:10px !important;
}
.custom-padding-left-md{
  padding-left:15px !important;
}
.custom-padding-left-lg{
  padding-left:20px !important;
}
.custom-padding-left-xlg{
  padding-left:40px !important;
}
.padding-left-none{
  padding-left:0px !important;
}

/*padding right*/
.custom-padding-right-xs{
padding-right:5px !important;
}
.custom-padding-right-sm{
padding-right:10px !important;
}
.custom-padding-right-md{
padding-right:15px !important;
}
.custom-padding-right-lg{
padding-right:20px !important;
}
.custom-padding-right-xlg{
padding-right:40px !important;
}
.padding-right-none{
padding-right:0px !important;
}
.cus-padding-right-30{
  padding-right: 30px !important;
}

/*padding top */
.custom-padding-top-xs{
padding-top:5px !important;
}
.custom-padding-top-3{
padding-top:3px !important; 
}
.custom-padding-top-sm{
padding-top:10px !important;
}
.custom-padding-top-md{
padding-top:15px !important;
}
.custom-padding-top-lg{
padding-top:20px !important;
}
.custom-padding-top-xlg{
padding-top:40px !important;
}
.padding-top-none{
padding-top:0px !important;
}
.custom-padding-top-2{
  padding-top: 2px !important;
}



.custom-padding-bottom-xs{
padding-bottom:5px !important;
}
.custom-padding-bottom-sm{
padding-bottom:10px !important;
}
.custom-padding-bottom-md{
padding-bottom:15px !important;
}
.custom-padding-bottom-lg{
padding-bottom:20px !important;
}
.custom-padding-bottom-xlg{
padding-bottom:40px !important;
}
.padding-bottom-none{
padding-bottom:0px !important;
}

.cus-padding-bottom-3{
  padding-bottom: 3px !important;
}

.padding-none{
padding: 0px 0px 0px 0px !important;
}

.padding-side-none{
  padding-left: 0px !important;
  padding-right: 0px !important;
}


/* Typography */

.container-title a{
  text-decoration: none;
  color: #777;
}

.txt-small{
  font-size: 12px;
}

.txt-xsmall{
  font-size: 8px;
}

.custom_form_control{
    background-color: transparent;
    color: #fff !important;
}
.btn-transparent{
    background-color: transparent;
    border:1px solid #4caf50;
    
}
.custom-group{
    border-top:0px solid #3B3C36;
}
.custom-thumbnail{
margin-bottom: 0px !important;
}
body{
    background-color: #fff;
}
iframe {
    padding: 0 !important;
    margin: 0 !important;
    border:none !important;
}
.thumb .detail{
    background-color:rgba(33,33,33,0.8); 
    color:#fff;
    /*height:100px; */
    overflow: hidden;
}
.pad-side-none{
padding-left:0px !important;
padding-right:0px !important;
}
.mar-side-none{
margin-left:0px !important;
margin-right:0px !important;
}
.margin-r-small{
    margin-right: 5px;
}

.container-box{
    
  border: 1px solid transparent;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
.container-Lbox{
    box-shadow: 0px 1px 2px #888888;
}
.container-title h2{
    color:#727272;
}
.iconbox{
    position:absolute; 
    bottom:0px; 
    margin-left:0px;
}

.margin-bottom-small{
    margin-bottom:20px;
}
.panel-custom{
    /*border:1px solid #eeeeee; */
}
.panel-custom .panel-heading{
    background-color:#4CAF50;

}

#custom-body tr td a{
    color:#B6B6B6;
    text-decoration: none;
}

#custom-body tr td a:hover {
    color:#B6B6B6;
    text-decoration: none;
}
.custom-sort-list li{
    color:#212121;
}
.btn-custom{
    background-color: #388E3C;
    color:#fff;
}
.btn-custom:hover{
    background-color: #388E3C;
    color:#fff;
}
#customlist li{
    color:#212121;

}
.sortable-item{
    padding: 5px 0px;
}
.alert-custom{
    background-color:#8bc34a;
}
.custom-control{
    color:#000;
    border:1px solid #eee;
}
.colorPrimary{
    background-color:#8bc34a;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
    color:#fff;
  content: 'Upload';
  display: inline-block;
    padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: normal;
  font-size: 10pt;
  background: -webkit-linear-gradient(top, #455A64, #455A64);
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #455A64, #455A64);
}
td a{
    text-decoration: none !important;
    color:#333 !important;
}
.form-control{
    border:1px solid #CFD8DC;
}


.panel{
    padding: 2px !important;
    border:1px solid #eeeeee !important;
    box-shadow: 0 1px 1px hsl(0, 0%, 100%) !important;
}



.panel-heading{
    border-radius: 0px !important;
}
.panel-custom-slot{
    background-color: #CFD8DC;
    text-align: center;
}

.slot-40{


}
.slot-60{

}
.footer{
    position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #B6B6B6;
}

.social-media li a:hover{
background-color: #607D8B !important;

}
/*
.pagination  a{
    text-decoration: none;
    font-weight: bold;
    color:#B6B6B6;
} */
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #777 !important;
  text-decoration: none;
  background-color: #455A64 !important;
  border: 1px solid #455A64 !important; 
}

.pagination > li > a:hover, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #777 !important;
  text-decoration: none;
  background-color: #455A64 !important;
  border: 1px solid #455A64 !important; 
}
.pagination  a{
    color: #777 !important;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(69,90,100,0.8); 
    
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(96,125,139,0.8); 
}

.table th, .table td { 
     border-top: none !important; 
 }

.custom-head{
  background-color: #8bc34a!important;
}
.panel-title{
	color: #fff !important;
	font-size: 25px !important;
	padding-left: 30px;
}
.custom-footer{
  background-color: #388e3c;
}

/*New Styles - Update 26.01.2016 Omalka Menuwan*/
.views {
	float: right;
	position: absolute;
	width: 120px;
	height: 20px;
	margin: 75px 0 0 145px;
}
.views a{
	font-size:15px !important;
}
.shareUrl .inner{
	padding:0 20px;
}
.inner p {
	color: #000;
	background: #fff;
	padding: 0 0 0 10px;
}
.inner h5 {
	font-size:20px;
}
.shareUrl{
	width:100%;
	height:75px;
	background:#8bc34a;
	float:left;
	margin-bottom: 15px;
}

/* Admin responsive layout - 2026-09-20 */
@media (max-width: 767px) {
  body { overflow-x: hidden; }

  .navbar-fixed-top { position: static !important; }
  .navbar .container-fluid,
  .navbar .container { width: 100% !important; max-width: 100% !important; }

  .navbar-header { float: none !important; }
  .navbar-toggle {
    display: block !important;
    margin-right: 10px;
  }
  .navbar-brand {
    font-size: 24px;
    padding-left: 15px;
  }

  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; }
  .navbar-collapse.collapsing { display: block !important; }

  .navbar-center { display: block !important; width: 100%; }
  .navbar-center > li { display: block !important; width: 100% !important; float: none !important; }
  .navbar-center > li > a { display: block !important; width: 100%; }
  .navbar-center .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    display: none !important;
  }
  .navbar-center .open > .dropdown-menu { display: block !important; }

  .navbar-right {
    float: none !important;
    margin: 0 !important;
    padding: 6px 10px !important;
  }
  .navbar-right > li { display: block; }
  .navbar-right > li > a { padding: 4px 0 !important; }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .panel.panel-custom {
    height: auto !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .panel-heading .panel-title,
  .panel-heading > .col-xs-4,
  .panel-heading > .col-xs-8 {
    width: 100% !important;
    float: none !important;
  }
  .panel-heading .panel-title {
    padding-left: 8px !important;
    font-size: 20px !important;
  }
  .panel-heading .pull-right {
    float: none !important;
    padding: 6px 8px !important;
    margin: 0 !important;
  }

  .panel-body.high_t {
    height: auto !important;
    padding: 10px 8px !important;
  }
  .panel-body.high_t .col-xs-4,
  .panel-body.high_t .col-xs-6,
  .panel-body.high_t .col-xs-1 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 8px;
  }
  .panel-body.high_t input[type="submit"],
  .panel-body.high_t input[type="reset"] {
    width: 100%;
    margin-top: 0 !important;
  }

  #video-table { width: 100% !important; float: none !important; }
  #video-table-inner-div {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #video-table-inner-div .table {
    min-width: 650px;
    margin-bottom: 8px;
  }
  #video-table-inner-div .table td {
    white-space: normal;
    vertical-align: middle;
  }
  #video-table-inner-div .table td:first-child { min-width: 260px; }

  .pagination { white-space: nowrap; }
  .pagination > li > a,
  .pagination > li > span { padding: 5px 9px; }
}