@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {
	font-family: 'cambria';
		src: url(cambria.ttf)
		format('truetype');		
}

body {
  background:#fff;
  font-family: cambria;
}
#opttext{color:#888;text-transform:capitalize;}

#add_records td{padding:5px;}
#add_records input[type='text'],
#add_records input[type='number']{border:1px solid #000;padding:5px;font-size:15px;}
#add_records input[type='submit']{width:100%;padding:5px;background:#069;border:0px;font-size:22px;color:#FFF;font-family:cambria;text-transform:capitalize;}
#add_records input[type='submit']:hover, #add_list_table input[type='submit']:focus{background:#093;cursor:pointer;}

/*
#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 30%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

#cssmenu {
  background: #FF3;
  border-bottom: 4px solid #f00;
  font-family:cambria;
  font-size: 16px; font-weight:bold;
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}#cssmenu a {
    background: #FF3;
    color: #000;
    padding: 0 20px; 
}
#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      border-top: 4px solid #f00;
      text-transform: none;
      min-width: 230px; 
}
      #cssmenu ul ul a {
        background:#FF3;
        color: #000;
        border: 1px solid #f00;
        border-top: 0 none;
        line-height: 150%;
        padding: 10px; 
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
	  
	  #cssmenu > ul > li > a { line-height: 48px;  }

#cssmenu ul ul li:first-child > a { border-top: 1px solid #f00; }
        #cssmenu ul ul li:hover > a { background: #F00; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #f00; 
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}

  #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background: #F00;
      color: #FFF;
}
    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}
*/

.login {
  width: 400px;
  margin: 30px auto;
  font-size: 20px;border:0px solid #000;
}

.clearfix{clear:both;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Reset top and bottom margins from certain elements */
.login-header,
.login p {
  margin-top: 0;
  margin-bottom: 0;
}

/* The triangle form is achieved by a CSS hack */
/*.login-triangle {
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border: 12px solid transparent;
  border-bottom-color: #28d;
}*/


#reset_btton{color:#F00;font-family:cambria;}

.login-header {
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.login-container {
  background:#9C9;
  padding: 20px;border-radius:5px;
}

/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 5px;
}

.login input, .login select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  padding: 15px;
  outline: 0;
  font-family: cambria;
  font-size: 0.95em;
}

.login input[type="text"],
.login input[type="password"], .login select {
  background: #fff;
  border-color: #000;
  color: #555;
}

/* Text fields' focus effect */
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: #000;
}

.login input[type="submit"] {
  background:#069;
  border-color: transparent;
  color: #fff;
  cursor: pointer;
}

.login input[type="submit"]:hover {
  background:#066;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
  border-color: #05a;
}

.captcha_containar{width:40%;margin:0 auto;background:#036;border-radius:5px;color:#FFF;letter-spacing:6px;padding:10px;text-align:center;font-size:30px;
font-family:cambria;}

#highlightvari{font-weight:bold;color:red;}

.err_msg{text-align:center;color:#FFF;padding:6px;border-radius:5px;background:#F00;margin-top:35px;text-transform:capitalize;}
.suc_msg{text-align:center;color:#FFF;padding:6px;border-radius:5px;background:#093;margin-top:35px;text-transform:capitalize;}
.ed_msg{text-align:center;color:#FFF;padding:6px;border-radius:5px;background:#096;margin-top:35px;text-transform:capitalize;}

.MenuContainar{position:fixed; top:0; left:0; width:100%; z-index:10000; overflow:hidden;box-shadow:1px 1px 4px #CCCCCC;padding:4px;background:#FFF;}
.MenuContainar a{text-decoration:none;}
.MenuContainar table{margin-top:1px;}
.MenuContainar table span{font-size:25px;font-weight:bold;color:#03C;text-shadow:1px 3px 2px #999;}

.MainContainar{width:98%;margin:0 auto;}

.SideMenuContainar{width:0%;height:auto;float:left;background:#CF0;margin-top:20px;}
.Main_menu_header{background:#090;color:#FFF;padding:6px;margin-bottom:10px;}
.SideMenuContainar ul{margin-top:0px;}
.SideMenuContainar ul li{font-size:15px;list-style:none;}
.SideMenuContainar ul li a{text-decoration:none;color:#000;}
.SideMenuContainar ul li a:hover{text-decoration:underline;color:#F00;}

#Mainmenu_design{width:80%;background:#FC6;padding:5px;border-radius:5px;margin-bottom:-10px;font-size:15px;}
#SubMenu_design{margin-left:25px;}
#SubMenu_design p{margin-bottom:10px;}
#SubMenu_design p a{line-height:20px;text-decoration:none;font-size:14px;}
#SubMenu_design p a:hover{text-decoration:underline;color:#F00;}


.RightContainar{width:97%;margin-left:0%;height:auto;float:left;border:0px solid;padding:0px;}
.RightContainar h1{font-size:25px;text-transform:capitalize;border-bottom:1px dotted;padding:10px;}
.RightContainar h1 a{color:#930;text-decoration:none;}
.RightContainar h1 a:hover{color:#F00;}

/*-------TABLE DESIGN--------*/
.tble_view_design{width:100%;border-collapse:collapse;}
.tble_view_design thead tr td{border:1px solid #000;padding:5px;background:#CCF;color:#000;font-size:15px;font-weight:bold;}
.tble_view_design tbody tr td{border:1px solid #000;padding:5px;background:#EEE;color:#000;font-size:15px;}
.tble_view_design .title_opening td{background:#FF9;font-weight:bold;font-size:20px;}
.tble_view_design tfoot tr td{border:1px solid #000;padding:5px;background:#FF9;color:#000;font-size:20px;text-align:right;font-weight:bold;}
.tble_view_design  #bg2Design{background:#F9C;}
.tble_view_design #amont_deisng{text-align:right;font-weight:bold;font-size:17px;}

/*-------DELETED TABLE DESIGN--------*/
.tble_view_designDL{width:100%;border-collapse:collapse;}
.tble_view_designDL thead tr td{border:1px solid #000;padding:5px;background:#F00;color:#FFF;font-size:15px;font-weight:bold;}
.tble_view_designDL tbody tr td{border:1px solid #000;padding:5px;background:#FFF;color:#000;font-size:15px;}
.tble_view_designDL .title_opening td{background:#FF9;font-weight:bold;font-size:20px;}
.tble_view_designDL tfoot tr td{border:1px solid #000;padding:5px;background:#F00;color:#FFF;font-size:20px;text-align:right;font-weight:bold;}
.tble_view_designDL  #bg2Design{background:#F9C;}
.tble_view_designDL #amont_deisng{text-align:right;font-weight:bold;font-size:17px;}
/*---------END------*/


.paginationLIST{text-align:center;margin-top:10px;margin-bottom:10px;}

#search_lrno tr td{padding:5px;}
#search_lrno input[type='text']{width:120px;padding:5px;border:1px solid #666;font-family:cambria;font-size:14px;}
#search_lrno select{width:200px;padding:5px;border:1px solid #666;font-family:cambria;font-size:14px;}
#search_lrno input[type='submit']{width:100px;padding:5px;background:#069;border:0px;font-size:20px;color:#FFF;font-family:cambria;text-transform:capitalize;}
#search_lrno input[type='submit']:hover, #search_lrno input[type='submit']:focus{background:#093;cursor:pointer;}


#add_list_table table tr td{padding:6px;font-size:15px;}
#add_list_table input[type='text'], #add_list_table input[type='number'], #add_list_table input[type='password']
{width:300px;padding:5px;border:1px solid #666;font-family:cambria;font-size:22px;}

#add_list_table textarea{width:300px;resize:none;padding:5px;border:1px solid #666;font-family:cambria;font-size:22px;}

#add_list_table input[type='submit']{width:100%;padding:5px;background:#069;border:0px;font-size:22px;color:#FFF;font-family:cambria;text-transform:capitalize;}

#add_list_table input[type='submit']:hover, #add_list_table input[type='submit']:focus{background:#093;cursor:pointer;}
#add_list_table select{width:312px;padding:5px;border:1px solid #666;font-family:cambria;font-size:22px;}



#add_list_table input[type='text']:focus, #add_list_table input[type='number']:focus, #add_list_table input[type='password']:focus, #add_list_table textarea:focus,
#add_list_table select:focus{background:#82c422;}

#warning_msgSH{color:#F00;font-weight:bold;font-size:20px;}

.contact_list{border-collapse:collapse;width:100%;}
.contact_list tr td{border:1px solid #000;padding:5px;}
.contact_list tr td:nth-child(1){background:#CC9;font-weight:bold;width:30%;}

#add_list_table12 table tr td{padding:2px;font-size:15px;}
#add_list_table12 input[type='text'], #add_list_table12 input[type='number']
{padding:3px;border:1px solid #666;font-family:cambria;font-size:14px;width:270px;}
#add_list_table12 select
{padding:3px;border:1px solid #666;font-family:cambria;font-size:14px;width:278px;}
#add_list_table12 input[type='submit']{width:100px;padding:3px;background:#069;border:0px;font-size:20px;color:#FFF;font-family:cambria;}
#add_list_table12 input[type='submit']:hover, #add_list_table12 input[type='submit']:focus{background:#093;cursor:pointer;}


#table_desi_search tr td{padding:5px;}
#table_desi_search input[type='text']{width:100px;padding:5px;border:1px solid #000;}
#table_desi_search select{width:100px;padding:5px;border:1px solid #000;}
#table_desi_search input[type='submit']{width:70px;padding:3px;background:#069;border:0px;font-size:16px;color:#FFF;font-family:cambria;}
#table_desi_search input[type='submit']:hover, #table_desi_search input[type='submit']:focus{background:#093;cursor:pointer;}


.pagination_align{margin-top:10px;margin-bottom:10px;}

input:read-only{background:#DDD;}
input:-moz-read-only{background:#DDD;}

@media (max-width:480px){
	.RightContainar{margin-top:40px;}
	#cssmenu{font-size:12px;}
	#cssmenu a{padding:10px;}
	
	#add_list_table input[type='text'],
	#add_list_table input[type='number'],
	#add_list_table textarea
	{width:260px;}
	
	#add_list_table select{width:270px;}
	#add_list_table input[type='submit']{width:270px;}
	}