/* CSS Document */
@charset "utf-8";

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, title { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ===========================================================================================================
      * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
   * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
   ========================================================================================================= */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }

*{ margin:0; padding:0; }

*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p{ margin-bottom: 10px;}

/* =============================================================================
   CUSTOM STYLE
   ========================================================================== */
.hit-100 {height:100% !important; }
.hit-auto{ height: auto !important; }

.block-box{  display: block !important;   float: none !important; width: auto !important; }

.box{ width:100%; float:left; margin-bottom:10px; }

.box-2{ width:100%;  float:left; margin-top:10px; }

.box-3{ width:100%;  float:left; margin:10px 0; }

.box-4{ width:98%;   float:left; margin:0 1%; }

.box-5{ width:100%;  float:left; }

/* =============================================================================
   Width for Different Div of Elements
   ========================================================================== */
.wid-auto{ width: auto !important ;}
.wid-5{ width: 5% !important ;}
.wid-10{ width: 10% !important ;}
.wid-15{ width: 15% !important ;}
.wid-20{ width: 20% !important ;}
.wid-25{ width: 25% !important ;}
.wid-30{ width: 30% !important ;}
.wid-31{ width: 31% !important ;}
.wid-32{ width: 32% !important ;}
.wid-33{ width: 33% !important ;}
.wid-34{ width: 34% !important ;}
.wid-35{ width: 35% !important ;}
.wid-40{ width: 40% !important ;}
.wid-41{ width: 41% !important ;}
.wid-42{ width: 42% !important ;}
.wid-43{ width: 43% !important ;}
.wid-44{ width: 44% !important ;}
.wid-45{ width: 45% !important ;}
.wid-46{ width: 46% !important ;}
.wid-47{ width: 47% !important ;}
.wid-48{ width: 48% !important ;}
.wid-49{ width: 49% !important ;}
.wid-50{ width: 50% !important ;}
.wid-55{ width: 55% !important ;}
.wid-56{ width: 56% !important ;}
.wid-57{ width: 57% !important ;}
.wid-58{ width: 58% !important ;}
.wid-59{ width: 59% !important ;}
.wid-60{ width: 60% !important ;}
.wid-61{ width: 61% !important ;}
.wid-62{ width: 62% !important ;}
.wid-63{ width: 63% !important ;}
.wid-64{ width: 64% !important ;}
.wid-65{ width: 65% !important ;}
.wid-66{ width: 66% !important ;}
.wid-67{ width: 67% !important ;}
.wid-68{ width: 68% !important ;}
.wid-69{ width: 69% !important ;}
.wid-70{ width: 70% !important ;}
.wid-75{ width: 75% !important ;}
.wid-76{ width: 76% !important ;}
.wid-77{ width: 77% !important ;}
.wid-78{ width: 78% !important ;}
.wid-79{ width: 79% !important ;}
.wid-80{ width: 80% !important ;}
.wid-85{ width: 85% !important ;}
.wid-90{ width: 90% !important ;}
.wid-95{ width: 95% !important ;}
.wid-100{ width: 100% !important ; float: left !important;}

/* =============================================================================
   Border Radius (rounded corner)
   ========================================================================== */
.radius-4{  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }
.radius-6{  border-radius:6px;   -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; }
.radius-20{  border-radius:20px;   -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; }
.radius-30{  border-radius:30px;   -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; }
.radius-100{ border-radius:100px ; -moz-border-radius:100px;   -webkit-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; }

/* =============================================================================
   Text Overflow In dot.dot.dot symbol after limit word
   ========================================================================== */
.ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; }
.nowrap{ white-space: nowrap; }

.hide{ display: none !important; }
.hidden{ visibility: hidden !important; }

.Y-scroller{
   height: 350px;
   float: left;
   overflow-x: hidden;
   overflow-y: auto; 
}
.X-scroller{
   float: left;
   overflow-x: auto;
   overflow-y: hidden; 
}
.XY-scroller{   overflow: auto !important;  }

.NO-scroller{ overflow: hidden; }

.relative{ position: relative !important; }

.clear{ clear: both;}

/* =============================================================================
   Button Style for All Tags
   ========================================================================== */
[class^="btn"]{   
   background: #0051AB;
   border: 1px solid #0051AB;   
   float: left;
   padding: 0 10px; 
   max-width: 400px;
   height: 25px;
   color: #fff !important;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   margin: 0 0 10px 5px;
   font-size: 12px;
   position: relative;  
   line-height: 24px;
   transition: all 0.5s ease 0s;
   -webkit-transition: all 0.5s ease 0s;
   animation: backUp 0.5s both 0s; 
   -webkit-animation: backUp 0.5s both 0s;
   border-radius: 2px;
   font-weight: 400;
}

[class^="btn"]:hover{   background: #0051AB !important; color: #fff !important; }

[class^="btn-default"]{  background: #e67e22 !important; border-color: #e67e22 !important; color: #fff !important; }
[class^="btn-default"]:hover{  background: #D35400 !important; color: #fff !important; }

[class^="btn-primary"]{  background: #00BCD4 !important; border-color: #00BCD4 !important; color: #fff !important; }
[class^="btn-primary"]:hover{  background: #00BCD4 !important; color: #fff !important; }

[class^="btn-secondary"]{  background: #F5F5F5 !important; border-color: #b6b6b6 !important; color: #555 !important; }
[class^="btn-secondary"]:hover{  background: #E9E9E9 !important; color: #000 !important; }
[class^="btn-secondary"] i{ border-color: #b6b6b6 !important; }

[class^="btn-disabled"], 
[class^="btn"].disabled{
    pointer-events: none !important;   
    opacity: 0.4;
 }

 [class^="btn"] i {
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 25px;
    margin: 0 10px 0 0;
    transition: all 1s ease 0s ; 
    -webkit-transition: all 1s ease 0s;
}

/* =============================================================================
   "Input" Type "Text" style
   ========================================================================== */
[class^="input"]{
   background: #fff ;
   width: 100%;
   height: 25px;
   float: left;
   padding: 0 10px;
   border: 1px solid #C8C8C8;
   margin-bottom: 20px;
   border-radius: 2px;
}
[class^="input"]:focus, .textarea:focus{ background: rgba(255, 255, 255, 0.9); border-color:#555; }

/* =============================================================================
   Various Width size for "Input" Field
   ========================================================================== */
.input-short{ width: 20% !important; }
.input-small{ width: 33.3333333% !important; }
.input-medium{ width: 47.5% !important ;}
.input-large{ width: 85% !important ;}
.input-Xlarge{ width: 100% !important ;}

/* =============================================================================
   Style for "Textarea" Field
   ========================================================================== */
.textarea{
   background: #fff;
   width: 100%;
   max-width: 100%;
   height: 81px;
   resize: none;
   float: left;
   padding: 5px;
   border: 1px solid #C8C8C8;
   border-radius: 4px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   margin-bottom: 10px;
}

/* =============================================================================
   Style for "Select" and their "Option" Field
   ========================================================================== */
.select-option{ margin-bottom: 10px; padding: 5px; height: 30px; width: 100%; border: 1px solid #c8c8c8; }

select[multiple], select[size] {
    height: auto;
}
select[multiple] option{ border-bottom: 1px solid #eee;  padding: 7px 5px; }

/* =============================================================================
   Various Type of Background Color
   ========================================================================== */
.bg-black{ background:#343434 !important; color:#fff !important;}
.bg-black-lit{ background:#555555 !important; color:#fff !important;}
.bg-yellow{ background:#FC0 !important; color: #000 !important ;}
.bg-yellow-lit{ background:#FF0 !important; color: #000 !important ;}
.bg-white{ background:#ffffff !important; color:#000 !important ;}
.bg-grey{ background:#f5f5f5ee !important; color:#000 !important;}
.bg-grey-lit{ background:#F7F7F7 !important; color:#000 !important;}
.bg-grey-drk{ background:#999 !important; color:#fff !important;}
.bg-blue{background:#0B8CDB !important; color:#fff !important;}
.bg-blue-drk{background:#006CB4 !important; color:#fff !important;}
.bg-green{background:#03AD8F !important; color:#fff !important;}
.bg-red{ background:#AE1E24 !important; color:#fff !important;}
.bg-purple{ background:#7d82f4 !important; color:#fff !important;}
.bg-orange{ background:#e67e22 !important; color:#fff !important;}

/* =============================================================================
   Various Type of Text Color
   ========================================================================== */
.col-white{ color:#fff !important;}
.col-black{ color:#000 !important;}
.col-black-lit{ color:#333 !important;}
.col-grey{ color:#999 !important;}
.col-red{ color:#F00 !important;}
.col-yello{color: #ffc600 !important;}
.col-blue{color:#0581D7 !important;}
.col-green{color:#03AD8F !important;}
.col-orange{color:#1a61af !important;}
.col-purple{color:#7d82f4 !important;}

/* =============================================================================
   Alignment for tags like "DIV" "SPAN" etc.
   ========================================================================== */
.flt-L{ float: left !important;}
.flt-R{ float: right !important;}
.flt-N{ float: none !important;}

/* =============================================================================
   Alignment for "TEXT".
   ========================================================================== */
.txt-R{text-align:right !important;}
.txt-L{text-align:left !important;}
.txt-C{text-align:center !important;}
.txt-J{text-align:justify !important;}

/* =============================================================================
   Font sizes
   ========================================================================== */
.font-5{font-size:5px !important;}
.font-8{font-size:8px !important;}
.font-10{font-size:10px !important;}
.font-11{font-size:11px !important;}
.font-12{font-size:12px !important;}
.font-13{font-size:13px !important;}
.font-14{font-size:14px !important;}
.font-15{font-size:15px !important;}
.font-16{font-size:16px !important;}
.font-17{font-size:17px !important;}
.font-18{font-size:18px !important;}
.font-19{font-size:19px !important;}
.font-20{font-size:20px !important;}
.font-22{font-size:22px !important;}
.font-24{font-size:24px !important;}
.font-26{font-size:26px !important;}
.font-28{font-size:28px !important;}
.font-30{font-size:30px !important;}
.font-32{font-size:32px !important;}
.font-34{font-size:34px !important;}
.font-36{font-size:36px !important;}
.font-38{font-size:38px !important;}
.font-40{font-size:40px !important;}
.font-42{font-size:42px !important;}
.font-44{font-size:44px !important;}
.font-46{font-size:46px !important;}
.font-48{font-size:48px !important;}
.font-50{font-size:50px !important;}
.font-52{font-size:52px !important;}
.font-54{font-size:54px !important;}
.font-56{font-size:56px !important;}
.font-58{font-size:58px !important;}
.font-60{font-size:60px !important;}
.font-62{font-size:62px !important;}
.font-64{font-size:64px !important;}
.font-66{font-size:66px !important;}
.font-68{font-size:68px !important;}
.font-70{font-size:70px !important;}
.font-72{font-size:72px !important;}
.font-74{font-size:74px !important;}
.font-76{font-size:76px !important;}
.font-78{font-size:78px !important;}
.font-80{font-size:80px !important;}
.font-85{font-size:85px !important;}
.font-90{font-size:90px !important;}
.font-95{font-size:95px !important;}
.font-100{font-size:100px !important;}

/* =============================================================================
   Font Weght like "BOLD" or "NORMAL"
   ========================================================================== */
.bold{ font-weight: 400 !important;}
.normal{ font-weight: normal !important;}

/* =============================================================================
   Margin for Elements or Tags
   ========================================================================== */
.mrg-auto{margin:auto !important; float: none !important;}
.mrg-all-0{margin:0 !important;}
.mrg-all-5{margin:5px !important;}
.mrg-all-10{margin:10px !important;}
.mrg-TB-10{ margin: 10px 0 !important; }
.mrg-LR-10{ margin: 0 10px !important; }

.mrg-T0{margin-top:0px !important;}
.mrg-T5{margin-top:5px !important;}
.mrg-T10{margin-top:10px !important;}
.mrg-T15{margin-top:15px !important;}
.mrg-T20{margin-top:20px !important;}
.mrg-T22{margin-top:22px !important;}
.mrg-T24{margin-top:24px !important;}
.mrg-T25{margin-top:25px !important;}
.mrg-T30{margin-top:30px !important;}
.mrg-T35{margin-top:35px !important;}
.mrg-T40{margin-top:40px !important;}
.mrg-T45{margin-top:45px !important;}
.mrg-T50{margin-top:50px !important;}
.mrg-T55{margin-top:55px !important;}
.mrg-T60{margin-top:60px !important;}
.mrg-T65{margin-top:65px !important;}
.mrg-T70{margin-top:70px !important;}
.mrg-T75{margin-top:75px !important;}
.mrg-T80{margin-top:80px !important;}
.mrg-T85{margin-top:85px !important;}
.mrg-T90{margin-top:90px !important;}
.mrg-T95{margin-top:95px !important;}
.mrg-T100{margin-top:100px !important;}

.mrg-B0{margin-bottom:0px !important;}
.mrg-B5{margin-bottom:5px !important;}
.mrg-B10{margin-bottom:10px !important;}
.mrg-B15{margin-bottom:15px !important;}
.mrg-B20{margin-bottom:20px !important;}
.mrg-B25{margin-bottom:25px !important;}
.mrg-B26{margin-bottom:26px !important;}
.mrg-B27{margin-bottom:27px !important;}
.mrg-B28{margin-bottom:28px !important;}
.mrg-B30{margin-bottom:30px !important;}
.mrg-B35{margin-bottom:35px !important;}
.mrg-B40{margin-bottom:40px !important;}
.mrg-B45{margin-bottom:45px !important;}
.mrg-B50{margin-bottom:50px !important;}
.mrg-B55{margin-bottom:55px !important;}
.mrg-B60{margin-bottom:60px !important;}
.mrg-B65{margin-bottom:65px !important;}
.mrg-B70{margin-bottom:70px !important;}
.mrg-B75{margin-bottom:75px !important;}
.mrg-B80{margin-bottom:80px !important;}
.mrg-B85{margin-bottom:85px !important;}
.mrg-B90{margin-bottom:90px !important;}
.mrg-B95{margin-bottom:95px !important;}
.mrg-B100{margin-bottom:100px !important;}

.mrg-L0{margin-left:0px !important;}
.mrg-L5{margin-left:5px !important;}
.mrg-L10{margin-left:10px !important;}
.mrg-L15{margin-left:15px !important;}
.mrg-L20{margin-left:20px !important;}
.mrg-L25{margin-left:25px !important;}
.mrg-L30{margin-left:30px !important;}
.mrg-L35{margin-left:35px !important;}
.mrg-L40{margin-left:40px !important;}
.mrg-L45{margin-left:45px !important;}
.mrg-L50{margin-left:50px !important;}
.mrg-L55{margin-left:55px !important;}
.mrg-L60{margin-left:60px !important;}
.mrg-L65{margin-left:65px !important;}
.mrg-L70{margin-left:70px !important;}
.mrg-L75{margin-left:75px !important;}
.mrg-L80{margin-left:80px !important;}
.mrg-L85{margin-left:85px !important;}
.mrg-L90{margin-left:90px !important;}
.mrg-L95{margin-left:95px !important;}
.mrg-L100{margin-left:100px !important;}

.mrg-R0{margin-right:0px !important;}
.mrg-R5{margin-right:5px !important;}
.mrg-R10{margin-right:10px !important;}
.mrg-R15{margin-right:15px !important;}
.mrg-R20{margin-right:20px !important;}
.mrg-R25{margin-right:25px !important;}
.mrg-R30{margin-right:30px !important;}
.mrg-R35{margin-right:35px !important;}
.mrg-R40{margin-right:40px !important;}
.mrg-R45{margin-right:45px !important;}
.mrg-R50{margin-right:50px !important;}
.mrg-R55{margin-right:55px !important;}
.mrg-R60{margin-right:60px !important;}
.mrg-R65{margin-right:65px !important;}
.mrg-R70{margin-right:70px !important;}
.mrg-R75{margin-right:75px !important;}
.mrg-R80{margin-right:80px !important;}
.mrg-R85{margin-right:85px !important;}
.mrg-R90{margin-right:90px !important;}
.mrg-R95{margin-right:95px !important;}
.mrg-R100{margin-right:100px !important;}

/* =============================================================================
   Padding for Elements or Tags
   ========================================================================== */
.pad-TB{ padding-top: 10px !important; padding-bottom: 10px !important; }
.pad-LR-10{ padding: 0 10px !important; }
.pad-LR-20{ padding: 0 20px !important; }
.pad-all-0{ padding:0 !important;}
.pad-all-5{padding:5px !important;}
.pad-all-10{padding:10px !important;}

.pad-T0{padding-top:0px !important;}
.pad-T5{padding-top:5px !important;}
.pad-T10{padding-top:10px !important;}
.pad-T15{padding-top:15px !important;}
.pad-T20{padding-top:20px !important;}
.pad-T22{padding-top:22px !important;}
.pad-T24{padding-top:24px !important;}
.pad-T25{padding-top:25px !important;}
.pad-T30{padding-top:30px !important;}
.pad-T35{padding-top:35px !important;}
.pad-T40{padding-top:40px !important;}
.pad-T45{padding-top:45px !important;}
.pad-T50{padding-top:50px !important;}
.pad-T55{padding-top:55px !important;}
.pad-T60{padding-top:60px !important;}
.pad-T65{padding-top:65px !important;}
.pad-T70{padding-top:70px !important;}
.pad-T75{padding-top:75px !important;}
.pad-T80{padding-top:80px !important;}
.pad-T85{padding-top:85px !important;}
.pad-T90{padding-top:90px !important;}
.pad-T95{padding-top:95px !important;}
.pad-T100{padding-top:100px !important;}

.pad-B0{padding-bottom:0px !important;}
.pad-B5{padding-bottom:5px !important;}
.pad-B10{padding-bottom:10px !important;}
.pad-B15{padding-bottom:15px !important;}
.pad-B20{padding-bottom:20px !important;}
.pad-B25{padding-bottom:25px !important;}
.pad-B30{padding-bottom:30px !important;}
.pad-B35{padding-bottom:35px !important;}
.pad-B40{padding-bottom:40px !important;}
.pad-B45{padding-bottom:45px !important;}
.pad-B50{padding-bottom:50px !important;}
.pad-B55{padding-bottom:55px !important;}
.pad-B60{padding-bottom:60px !important;}
.pad-B65{padding-bottom:65px !important;}
.pad-B70{padding-bottom:70px !important;}
.pad-B75{padding-bottom:75px !important;}
.pad-B80{padding-bottom:80px !important;}
.pad-B85{padding-bottom:85px !important;}
.pad-B90{padding-bottom:90px !important;}
.pad-B95{padding-bottom:95px !important;}
.pad-B100{padding-bottom:100px !important;}

.pad-L0{padding-left:0px !important;}
.pad-L5{padding-left:5px !important;}
.pad-L10{padding-left:10px !important;}
.pad-L15{padding-left:15px !important;}
.pad-L20{padding-left:20px !important;}
.pad-L25{padding-left:25px !important;}
.pad-L30{padding-left:30px !important;}
.pad-L35{padding-left:35px !important;}
.pad-L40{padding-left:40px !important;}
.pad-L45{padding-left:45px !important;}
.pad-L50{padding-left:50px !important;}
.pad-L55{padding-left:55px !important;}
.pad-L60{padding-left:60px !important;}
.pad-L65{padding-left:65px !important;}
.pad-L70{padding-left:70px !important;}
.pad-L75{padding-left:75px !important;}
.pad-L80{padding-left:80px !important;}
.pad-L85{padding-left:85px !important;}
.pad-L90{padding-left:90px !important;}
.pad-L95{padding-left:95px !important;}
.pad-L100{padding-left:100px !important;}

.pad-R0{padding-right:0px !important;}
.pad-R5{padding-right:5px !important;}
.pad-R10{padding-right:10px !important;}
.pad-R15{padding-right:15px !important;}
.pad-R20{padding-right:20px !important;}
.pad-R25{padding-right:25px !important;}
.pad-R30{padding-right:30px !important;}
.pad-R35{padding-right:35px !important;}
.pad-R40{padding-right:40px !important;}
.pad-R45{padding-right:45px !important;}
.pad-R50{padding-right:50px !important;}
.pad-R55{padding-right:55px !important;}
.pad-R60{padding-right:60px !important;}
.pad-R65{padding-right:65px !important;}
.pad-R70{padding-right:70px !important;}
.pad-R75{padding-right:75px !important;}
.pad-R80{padding-right:80px !important;}
.pad-R85{padding-right:85px !important;}
.pad-R90{padding-right:90px !important;}
.pad-R95{padding-right:95px !important;}
.pad-R100{padding-right:100px !important;}

/* =============================================================================
   Border for Elements or Tags
   ========================================================================== */
.bdr-all{ border:1px solid #e5e5e5; }
.bdr-TB{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.bdr-LR{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.bdr-B{ border-bottom:1px solid #e5e5e5; }
.bdr-T{ border-top:1px solid #e5e5e5; }
.bdr-L{ border-left:1px solid #e5e5e5; }
.bdr-R{ border-right:1px solid #e5e5e5; }
.bdr-N{ border: none !important; }

/* =============================================================================
   Line-height for "TEXT" or "CONTENT"
   ========================================================================== */
.line-hit-16{ line-height:16px !important ;}
.line-hit-18{ line-height:18px !important ;}
.line-hit-20{ line-height:20px !important ;}
.line-hit-22{ line-height:22px !important ;}
.line-hit-25{ line-height:25px !important ;}
.line-hit-28{ line-height:28px !important ;}
.line-hit-30{ line-height:30px !important ;}
.line-hit-33{ line-height:33px !important ;}
.line-hit-35{ line-height:35px !important ;}
.line-hit-38{ line-height:38px !important ;}
.line-hit-40{ line-height:40px !important ;}
.line-hit-42{ line-height:42px !important ;}
.line-hit-45{ line-height:45px !important ;}
.line-hit-48{ line-height:48px !important ;}
.line-hit-50{ line-height:50px !important ;}
.line-hit-52{ line-height:52px !important ;}
.line-hit-55{ line-height:55px !important ;}
.line-hit-58{ line-height:58px !important ;}
.line-hit-60{ line-height:60px !important ;}
.line-hit-65{ line-height:65px !important ;}
.line-hit-70{ line-height:70px !important ;}
.line-hit-75{ line-height:75px !important ;}
.line-hit-80{ line-height:80px !important ;}
.line-hit-85{ line-height:85px !important ;}
.line-hit-90{ line-height:90px !important ;}
.line-hit-95{ line-height:95px !important ;}
.line-hit-100{ line-height:100px !important ;}

/* =============================================================================
   Links
   ========================================================================== */
a { color: #0051AB; text-decoration: none; cursor: pointer; position: relative; }
a:hover { color: #0051AB; }
a:active {  }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 75%; color: #00BCD4; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { margin-bottom: 5px; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, , input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/* Re-set default cursor for disabled elements */
input[disabled], select[disabled], textarea[disabled] { cursor: not-allowed; background: #FFFBE8 !important; }
button[disabled]{ opacity: 0.4; cursor: not-allowed; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Customize "Title" attr wie "dataTitle" attr in the below tags
   ========================================================================== */
[data-tooltip]{ overflow: visible !important; }
   
[data-tooltip]:hover::after{
   background: #444;
   border-radius: 3px;
   box-shadow: 0 0 10px #ccc;
   content: attr(data-tooltip);
   padding: 3px 10px;
   line-height: 20px;
   color: #fff;
   position: absolute;
   left: 0;
   top: 32px;
   white-space: nowrap;
   z-index: 20;
   font-family: "Roboto", sans-serif;
   font-size: 12px;
}
.tooltip-RT[data-tooltip]:hover::after{
	top: -30px;
    right: 0 !important;
    left: auto !important;
}
.tooltip-LT[data-tooltip]:hover::after{
	top: -30px !important;
}
.tooltip-LB[data-tooltip]:hover::after{
	bottom: -30px !important;
	top: auto !important;
	
}

.ht-60{ height: 60px;}

.wordBreak{ word-break: break-all; }   

.mrg-180{margin: 0px 0px 0px -180px !important; }
.mrg-12{margin:0px 0px 12px 1px !important;}

/* .extraSizePopup{width: 85% !important;}

.extraSizePopupMessage{width: 70% !important;} */