/*------- commen -------*/
@import url(https://fonts.googleapis.com/css?family=Roboto);
li { list-style:none;}
a:hover { text-decoration:none; }
body {
    font-family:  sans-serif;
    background: #e0e0e0;
}
.blue { background:#65c3df;}
h1,h2,h3 { padding:0; margin:0;}
h2 { color:#65c3df; font-size:18px; text-transform:uppercase; }
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt24 { margin-top:24px;}
.mt35 { margin-top:35px;}
.mt45 { margin-top:45px;}
.mt58 { margin-top:58px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml950 { margin-left:950px;}
:hover {transition: all 0.5s ease-out !important;	-webkit-transition: all 0.5s ease-out !important; -moz-transition: all 0.5s ease-out !important; -ms-transition: all 0.5s ease-out !important; -o-transition: all 0.5s ease-out }
.center-align { margin:0 auto; text-align:center; }

/*------- login page -------*/
#body-bg { background:url(../images/login_bg.jpg); padding-top:120px;}
.app-block img { margin:0 auto; margin-bottom:20px; margin-top:30px;}
.app-block{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.29);
	-moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.29);
	box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.29);*/
  width:36%;
  margin:0 auto;
  background: rgba(176, 176, 176,.5);
  text-align: center;
  padding: 20px 30px;
   height: 50%;
}
.app-block input[type="text"],.app-block input[type="password"]{
  width: 95.2%;
  padding: 15px 60px;
  color: #09C;
  font-size: 16px;
  outline: none;
  border: none;
  font-family: 'Open Sans', sans-serif;
  background: url("../images/icons.png") no-repeat 14px 14px #e1e1e1;
  margin:15px 0;
  }
.app-block input[type="password"]{
   background: url("../images/icons.png") no-repeat 13px -43px #e1e1e1;
  }
.submit {
  margin:0 auto; width: 95.2%;
}
.app-block p.sign {
  padding-top: 25px;
}
.app-block input[type="submit"]{
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding:15px 20px;
  width:100%;
  border:none;
  moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background:#009edb;
 
}
input[type="submit"]:hover{
  color:#FFF;
  background:#0389bd ;
}
.app-block p a,.app-block p.sign{
  color:#666;
  font-weight: 400;
}
.app-block p{
  padding-top: 36px;
}
.app-block p a:hover,.app-block p.sign a:hover{
  text-decoration:none;
    color: #009edb;
}

/*------- top bar -------*/
.top-bar { height:auto; /*padding-bottom:20px; padding-top:20px;*/}
	.top-link p { float:left !important; margin-top:20px; margin-left:100px; color:#3b3b3c; font-size:16px;}
	.top-link p a { color:#8a8a8c; }
.navbar-brand { margin-top:-10px;}
/*------- menu bar -------*/
.gray-tab { background:#ebebeb; /*width:100%;*/ height:70px; border-bottom:1px solid #dfdfdf; position:absolute; }
.tab__wrapper { z-index:100000; position:relative;}

.bg-color {
  background-color:#93F;
  transition-duration: .5s;
}

.text-color {
  color: #46a1de;
  transition-duration: .5s;
}

/*.wrapper {
  min-width: 600px;
  max-width: 900px;
  margin: 0 auto;
}*/

.tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.tabs img { margin-right:15px;}

.tabs > li { font-family: 'Roboto', sans-serif;
  color:#033e62 !important; font-size:18px;
  top:5px;
  transition-duration: .25s;
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 14px 20px 13px 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color:#003 ;
}
.tabs > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-duration: .25s;
  border-radius: 5px 5px 0 0;
}
.tabs > li:hover:before {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
.tabs > li.active {
  color: #50555a;
  border-top:1px solid #dfdfdf;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf; 
}
.tabs > li.active:before {
  transition-duration: .5s;
  background-color: white;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tab__content {
  /*background-color:#C63;*/
  position: relative;
  width: 100%;
}
.tab__content > li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}
.tab__content > li .content__wrapper {
  width: 100%; border-bottom:1px solid #dfdfdf;
  height:auto; float:left; 
  padding: 25px 0 5px 30px;
  overflow:hidden;
  /*background-color:#09F ;*/
}

.content__wrapper h2 {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  font-weight: 300;
}
.content__wrapper img {
  width: 100%;
  height: auto;
}
/*------- sub links -------*/	
.description-box { width:340px; height:auto; float:left; margin-right:20px; margin-bottom:20px;}
.description-box:nth-child(4) { margin-right:0;}
.description-head {
    height: 30px;
    padding-top: 5px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    background: #337ab7;
}
	.description-link {  height:130px; padding:10px 20px 10px 20px; background:#eeeeee;}
		.description-link ul { padding:0;}
		.description-link li { padding-bottom:3px; margin-left:11px; float:left; list-style-image:url(../images/li_ico.png); list-style-position:inside; }
		.description-link li a { color:#8b8b8b; font-size:13px;}
		.description-link li a:hover { color:#31a7ca;}
/*------- home content -------*/		
.content-home { margin-top:15px; margin-bottom:38px; height:260px; padding-top:85px; background:#f4f4f4; border:1px solid #dfdfdf;}
/*------- Commen content -------*/		
.content-commen { margin-top:5px; margin-bottom:25px; height:auto; background:#f0f0f0;/* border-bottom:1px solid #dfdfdf;*/}
.top-form-bar {
    height: 27px;
    padding: 3px 0 0 10px;
    background: #337ab7;
    border-bottom: 1px solid #ffffff;
}
    .top-form-bar a {
        color: #fff;
        font-size: 13px;
        font-weight: bold
    }
	.top-form-bar img { float:left; margin-right:10px;}
.bottom-shadow { /*box-shadow: 0 6px 6px -1px #b1b1b1; height:9px; */
    width: 100%;
    background: url(../images/shadow.png) repeat;
}
/*------- Form page -------*/
.form-top { height:auto; padding:10px 0;}
.well { background:none !important; border:none !important; padding:10px 0px !important; overflow:auto !important; box-shadow: none!important;}
.form-group input,.form-group select { background:#f9f9f9 !important; border-radius:0!important; border-color:#dbdbdb !important;}
	.form-group .validation { border-color:#fc8b8b !important; background:#fce1e1 !important;}
label {
    color: #010106;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight:bold
}
input,select,textarea { color:black !important;}
a:focus { outline:none !important; outline-offset:0 !important;}
a:focus, a:hover { text-decoration:none !important;}
.form-control {box-shadow:none !important;}
.form-control-static { padding-top:0 !important;color:#242a2c;font-size:13px;}
.ml-16 { margin-left:-16px;}
.mt-10 { margin-top:-10px; }
.toogle-button { padding:3px 10px; border:1px solid #CCC; }
/*------- form -------*/
.form-wraper { width:100%; height:auto; overflow:hidden; padding:20px 0;}
	.left-form { width:540px; height:auto; padding-left:30px; float:left;}
	.right-form { width:540px; padding-left:30px; height:auto; float:left;}
	.center-form { padding:0 0 5px 415px; float:left; }
	.checkbox-form { float:left;}
	.label-form { float:left; margin-right:20px;}

.table tr:nth-child(odd){ background:#f1f1f1;}
.table tr:nth-child(even){ background:#ececec;}
.table { color:#333;}
.check-wraper { height:auto; margin-top:76px;}
	
/*------- Pop Up -------*/
.modal-dialog { margin-top:235px !important;}
.modal-footer { border:none;}
/*------- button -------*/
.btn {transition: all 0.5s ease-out !important;	-webkit-transition: all 0.5s ease-out !important; -moz-transition: all 0.5s ease-out !important; -ms-transition: all 0.5s ease-out !important; -o-transition: all 0.5s ease-out !important; width:80px !important; height:27px !important; border-radius:0 !important; }
.btn-save {
    color: #fff;
    background: #337ab7;
    margin-right: 10px;
}
	.btn-save:hover {background:#31a7ca; color:#FFF;}
	.btn-cancel { color: #fff; background: #b1b1b1;}
	.btn-cancel:hover {background:#939393; color:#FFF;}
.edit { border:none; background:url(../images/edit.png) no-repeat;margin-right:5px}
.post { border:none; background:url(../images/post.png) no-repeat;margin-right:5px}
.delete {border:none; background:url(../images/garbage.png) no-repeat;}
.btn-group span { margin-left:15px;}



.edit_1 {
    border: none;
    background-color: #3F51B5;
    margin-right: 5px;
    font-weight: bold;
    color: white;
}

.post {
    border: none;
    margin-right: 5px
}

.delete_1 {
    background-color: #f44336;
    border: none;
    margin-right: 5px;
    font-weight: bold;
    color: white;
}
/*------- nav -------*/
#main-navigation {
    position: relative;
    width: 100%;
    height: 40px;
    /*padding: 0 20px;*/
    background: #244c69;
    z-index: 1000;
    top: 0;
}
#main-navigation img { margin-right:15px;}
#main-navigation>ul {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
}
.menu-wrap h4 { color:#02a0cf; text-transform:uppercase;}
.menu-wrap a { color:#999;}
.menu-wrap a:hover { color:#02a0cf;}
#main-navigation > ul > li > a {
    float: left;
    font-size: 16px;
    padding: 0 50px;
    line-height: 40px;
    color: #fbfbfb;
    text-decoration: none;
}
#main-navigation>ul>li>div {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)








}
#main-navigation>ul>li>div .heading {
    display: block;
    margin: 0 0 20px;
    text-transform: uppercase;
    text-align: center;
    color: #333
}
.standard { padding:0 !important;}
#main-navigation>ul>li>div .standard li {
    float: left;
    width: 25%; 
    border-left: 1px solid #d9d9d9;
    text-align: center









}
#main-navigation>ul>li>div .standard li:first-child {
    border-left: none

}
#main-navigation>ul>li>div.menu-wrap>div {
    padding: 2px 0; 

}
#main-navigation>ul>li:hover>a,
#main-navigation>ul>li:hover>span,
#main-navigation>ul>li:hover>.current {
    background: #fff;
    color: #596c30;
    box-shadow: inset 0 3px 0 #65c3df
}
#main-navigation>ul>li:hover>div {
    display: block;

}
.datepikcer{z-index: 1000 !important}
#search_res tr {
    cursor: pointer;
}
/*------- footer -------*/
footer {
  background:#e7e7e7;
  color:#999; width:100%;
  padding: 30px 0;
  text-align: center; margin-top:20px; /*bottom:0; position:fixed;*/
}	

/* Larger than mobile */
@media (min-width: 300px) {.tabs > li { font-size:12px; padding: 6px 2px 4px 2px; }}

/* Larger than phablet */
@media (min-width: 550px) {.tabs > li { font-size:12px; padding: 6px 20px 4px 20px; }}

/* Larger than tablet */
@media (min-width: 750px) { .tabs > li { font-size:13px; padding: 4px 20px 4px 20px; }}

/* Larger than desktop */
@media (min-width: 1000px) { .tabs > li { font-size:16px;padding: 14px 20px 13px 20px;}   }
/* Larger than Desktop HD */
@media (min-width: 1200px) {.tabs > li { font-size:16px;padding: 14px 20px 13px 20px; } }


/* pagenation */
 .Pager span {text-align: center;color: #999; display: inline-block;width: 20px; background-color: #A1DCF2; margin-right: 3px; line-height: 150%; border: 1px solid #3AC0F2;}
 .Pager a{text-align: center;display: inline-block;width: 20px;background-color: #3AC0F2;color: #fff;border: 1px solid #3AC0F2;margin-right: 3px; line-height: 150%;text-decoration: none;}

.lbl_gift{color:darkblue}
.parent-head-list{float:left}