* { box-sizing: border-box; }
.patb { padding-top: 10px; padding-bottom: 10px; }
.patb20 { padding-top: 20px; padding-bottom: 20px; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; /* ie 6/7 */ }
.relative { position: relative; }
.tboleft { text-align: left; }
.tboright { text-align: right; }
.tbocenter { text-align: center; }
.tbocontainerfull {width: 100%; float: left; margin: 0 auto;}
.tbocontainer { width:1200px; margin: 0 auto;}
.tbofullwidth { width:100%; float: left; }
.tborow { width: 100%; float: left; padding-left: 8px; padding-right: 8px; }
.tborowinner {width:100%; float:left;}
.tbo { float: left; padding: 0 8px; }
.pa5{ padding:5px;}
.patb5{padding-top:5px; padding-bottom:5px;}
.bold{ font-weight:bold;}
.padding{ padding:10px;}
.fleft{float:left;}
.fright{ float:right;}
.clr{clear:both;}
.underline{ text-decoration:underline;}
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { display: none; }
.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 { display: none; }
.l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 { display: block; }
@media screen and (max-width: 767px) { .tbocontainer { width: 100%; }
  .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { display: block !important; }
  .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 { display: none; }
  .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 { display: none; }
  .s1 { width: 8.333%; }
  .s2 { width: 16.666%; }
  .s3 { width: 25%; }
  .s4 { width: 33.33%; }
  .s6 { width: 50%; }
  .s12 { width: 100%; }
  .s5 { width: 41.66%; }
  .s7 { width: 58.33%; }
  .s8 { width: 66.66%; }
  .s9 { width: 75%; }
  .s10 { width: 83.33%; }
  .s11 { width: 91.66%; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .tbocontainer { width: 100%; }
  .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { display: none; }
  .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 { display: block !important; }
  .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 { display: none; }
  .m1 { width: 8.333%; }
  .m2 { width: 16.666%; }
  .m3 { width: 25%; }
  .m4 { width: 33.33%; }
  .m6 { width: 50%; }
  .m12 { width: 100%; }
  .m5 { width: 41.66%; }
  .m7 { width: 58.33%; }
  .m8 { width: 66.66%; }
  .m9 { width: 75%; }
  .m10 { width: 83.33%; }
  .m11 { width: 91.66%; } }
@media screen and (min-width: 992px) { .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { display: none; }
  .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 { display: none; }
  .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9, .l10, .l11, .l12 { display: block !important; }
  .l1 { width: 8.333%; }
  .l2 { width: 16.666%; }
  .l3 { width: 25%; }
  .l4 { width: 33.33%; }
  .l6 { width: 50%; }
  .l12 { width: 100%; }
  .l5 { width: 41.66%; }
  .l7 { width: 58.33%; }
  .l8 { width: 66.66%; }
  .l9 { width: 75%; }
  .l10 { width: 83.33%; }
  .l11 { width: 91.66%; } }
@media screen and (min-width: 991px) and (max-width: 1180px) { .tbocontainer { width: 92%; } }

/*common css start*/
.border{border: solid 1px #adbcd6;}
.gray_bg{ background:#f6f6f6;}
/*normal table*/
.tbotable {width:100%; background:#fff;}
.tbotable,.tbotable tr th, .tbotable tr td {border-collapse:collapse; border:1px solid #e7e7e7;}
.tbotable tr th, .tbotable tr td {padding:6px;}
.tbotable tr th {background:#275293; color:#fff; font-size:13px;}
.tbotable tr:nth-child(2n+1) { background: #f7f7f7;}
.tbotable tr:hover {background:#ffffd7;}

/*fix header table with verticle scroll*/
.tbotblbox {width:100%; position:relative; padding-top:38px; background:#134d99; }
.tbotblscrollbox {max-height:250px; overflow:auto;}
.tbotablescroll {width:100%; background:#fff;}
.tbotablescroll,.tbotablescroll tr th, .tbotablescroll tr td {border-collapse:collapse; border:1px solid #e7e7e7;}
.tbotablescroll tr th, .tbotablescroll tr td {padding:6px;}
.tbotablescroll tr th {height:0; padding:0; text-align:left;}
.tbotablescroll tr th b {position:absolute; top:0; color:#fff; line-height:17px; padding:10px; border-left: 1px solid #f7f7f7; font-weight:bold;}
.tbotablescroll tr th:first-child b {border-left:none;}
.tbotablescroll tr:nth-child(2n+1) { background: #f7f7f7;}
.tbotablescroll tr:hover {background:#ffffd7;}

/*Headings section*/
.tborow h1, .tborow h2, .tborow h3, .tborow h4, .tborow h5, .tborow h6 {float:left; width:100%; margin:0; padding:8px;}
.tborow h1 {font-size:22px;}
.tborow h2 {font-size:20px;}
.tborow h3 {font-size:18px;}
.tborow h4 {font-size:16px;}
.tborow h5 {font-size:14px;}
.tborow h6 {font-size:13px;}

/*error sucess alert msg*/
.tboerror, .tbosuccess, .tboalert {width:100%; float:left; padding:8px; text-align:center; border-radius:8px; -webkit-border-radius:8px; font-size:12px;}
.tboerror {background:#fee4e4; border:2px solid #fecccc; color:#e50000;}
.tbosuccess {background:#ebfde9; border:2px solid #c2fcbb; color:#179a05;}
.tboalert {background:#fff8e1; border:2px solid #fee89a; color:#bf9504;}

/*All buttons*/
.tbobtn { background:#275293; background: linear-gradient(#275293, #00306f); border:0px; color: #fff; display: inline-block; cursor: pointer; text-decoration: none; }
.tbobtn:hover {background:#00306f; background: linear-gradient(#00306f, #275293); }
.s { font-size: 11px; padding:4px 6px; margin: 0 8px; border-radius:3px; -webkit-border-radius: 3px }
.m {font-size:14px; padding:6px 10px; margin: 0 8px; border-radius: 3px; -webkit-border-radius: 3px }
.l { font-size: 16px; padding: 8px 15px; margin: 0; border: 1px solid #0487d2; border-radius: 5px; -webkit-border-radius: 5px }
.tbobtn:active, .tbobtnsmall:active { opacity:.5; }
/*button small medium large*/
.s span{ font-size: 13px !important; margin-right:3px;}
.m span{ font-size: 17px !important; margin-right:3px;}
.l span{ font-size: 20px !important; margin-right:3px;}

/*tooltip for all*/
/*tooltip basic*/
[data-title]:after {visibility:hidden; background:transparent; border-radius: 3px; color:transparent; content: attr(data-title); font-size: 12px; margin-left: -20px; margin-top: 30px; padding: 8px 15px; position: absolute; transition: all .5s ease-in .2s; white-space: nowrap; z-index: 15; transform:translateY(-25px); -webkit-transform:translateY(-25px);}
[data-title]:hover:after {visibility:visible; background:#329BE5; color:#fff; transform:translateY(0); -webkit-transform:translateY(0);}
/*tooltip advance*/
.tbotipbox {text-transform: uppercase;background: #ececec;color: #555;cursor: help;font-size: 20px; margin:8px 0;padding:8px; position: relative; text-align: center; float:left; width:200px; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */}
.tbotooltip {background: #1496bb; bottom: 100%; color: #fff; display: block; left: -25px; margin-bottom: 15px; opacity: 0; padding: 20px; pointer-events: none; position: absolute;  width: 100%; z-index:10;
  -webkit-transform: translateY(10px);  -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);
  -webkit-transition: all .25s ease-out;  -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.tbotipbox .tbotooltip:before { bottom: -20px; content: " "; display: block;  height: 20px; left: 0; position: absolute; width: 100%;}  
.tbotipbox .tbotooltip:after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-top: solid #1496bb 10px;bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0;}
.tbotipbox:hover .tbotooltip {opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);  -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}

/*Basic form*/
input[type="text"], input[type="password"], select, textarea{background:#fff; border:1px solid #e7e7e7; padding:8px; float:left; width:100%; font-family:sans-serif; font-size:13px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{border:1px solid #ffc149;}
.tboformbox {background:#E7E7E7;}
.tbofrmerror {border:1px solid #ff0000;}
.tbodate {background:#fff url(../images/cal.png) no-repeat 98% center;}
.tbomulticheck {margin-right: 10px; width: auto !important; }
.tbofrmhead, .tbomulticheck {font-size:12px; color:#444;}
.tbofrmhead dfn{color:#ff0000;}
.tbofrmrow {width:100%; float:left; padding:8px 0;}

/*navigation*/
/*responsive nav*/
.tbocaret, .tbogreybg { display: none; }
.tbonav { list-style: none; display: block; width: 100%; margin: 0px; padding: 0px; text-align: left; background:#FCB205; }
.tbonav > li { display: inline-block; list-style: none; position: relative; }
.tbonav > li > a { color: #fff; padding: 10px; text-align: center; display: block; text-decoration: none; }
.tbonav > li > a {border-right:1px solid #fff;}
.tbonav > li:last-child > a {border-right:none;}
.tbonav > li > a:hover { color:#00306f; }
.tbocaret { float: right; margin-right: 8px; width: 40px; height: 40px; cursor: pointer; }
.tbocaret span { background:#fff; height: 4px; display: block; margin-top: 8px; }
.tbogreybg { background: rgba(0, 0, 0, 0.5); left: 0; top: 0; position: fixed; width: 100%; height: 100%; z-index: 10; }

/*common css End*/