/*--- Copyright © Holiday Bulls Ltd. / Written for - Connect System ---*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700); /*-- font-family: 'Source Sans Pro', sans-serif; --*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-family:'Source Sans Pro', sans-serif, Arial}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-spacing:0}
a{text-decoration:none}
html, body{height:100%}{margin:0;padding:0;font-family:'Source Sans Pro', sans-serif, Arial}

.fullscreen-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100}
.fullscreen-bg__video{position:absolute;top:0;left:0;width:100%;height:100%}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video{width:100%;height:auto}
}
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video{width:auto;height:100%}
}

.cover{background:#FFFFFF no-repeat center center fixed;margin:-2px 0 5px 0;width:100%;height:100%;position:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.Images/bg01.jpg', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/bg01.jpg', sizingMethod='scale')"}
.b1{background-image:url(../images/covers/01.jpg)}
.b2{background-image:url(../images/covers/02.jpg)}
.b3{background-image:url(../images/covers/03.jpg)}
.b4{background-image:url(../images/covers/04.jpg)}
.b5{background-image:url(../images/covers/05.jpg)}
.b6{background-image:url(../images/covers/06.jpg)}
.b7{background-image:url(../images/covers/07.jpg)}
.b8{background-image:url(../images/covers/08.jpg)}
.b9{background-image:url(../images/covers/09.jpg)}

.left{background:url(../images/login_panel.png) no-repeat;float:left;width:400px;height:200px}
.right{float:right;font-family:Arial;width:500px;text-align:justify;font-size:13px;color:#355eab;line-height:18px}
.left_f{float:left}
.right_f{float:right}
.center{margin:0 auto}
.bold{font-weight:700}

.alert{color:#da2c2c;font-size:12px;float:right;margin:5px 20px 0}
.alert:hover{text-decoration:underline}


.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -9em;font-family:'Source Sans Pro', sans-serif, Arial}

.login{width:100%;display:inline-block;text-align:center;margin-top:10px}

.login_panel{background:#fff;width:400px;display:inline-block;margin:20px 20px 0 0;padding:15px;border:10px solid #e2e3e7;border-radius:7px;box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.50);float:right}

.logo{width:100%;padding:0 0 5px 0;display:inline-block}

.login_btn{background:url(../images/login_btn.png) no-repeat;border:none;width:124px;height:30px;float:right;margin-right:20px}
.login_btn:hover{cursor:pointer}

.username{background:url(../Images/username.png) no-repeat;width:330px;height:33px;padding-left:30px;margin:50px 0 0 20px;border:none}
.password{background:url(../Images/password.png) no-repeat;width:330px;height:33px;padding-left:30px;margin:5px 0 0 20px;border:none}

 
.footer, .push{height:9em;font-size:12px;font-weight:700;text-align:left;display:inline-block;width:100%;margin:0}
footer div.info{width:98%;background:#2b5ca7;text-align:justify;color:#fff;display:inline-block;line-height:24px;font-size:13px;letter-spacing:.5px;padding:.2% 1% 1%;font-family:'Source Sans Pro', sans-serif, Arial}

footer div.copyright{background:#fff;float:left;display:inline-block;width:98%;padding:.3% 1%;display:inline-block;font-family:'Source Sans Pro', sans-serif, Arial;opacity:.8}
footer div.copyright > span{float:left;color:#355eab;display:inline-block;padding-top:15px;font-size:13px;font-weight:700}
footer div.copyright > img{float:right;opacity:1}
.modalBackground{background-color:#000;opacity:.80;z-index:1100}


/* Buttons */
.green-btn{background:#108616;color:#FFF;padding:6px 20px;font-size:12px;font-weight:400;letter-spacing:1px;transition:0.5s all;border-radius:2px;border:none}
.green-btn:hover{background:#475965;cursor:pointer}

/* Currency */
.GridViewStyle{border:1px solid #444;padding:1px}
.GridViewStyle td{border:solid 1px #444}
.GridViewStyle th{border:solid 1px #444;padding:6px 0}
.GridViewStyle td td{border:none}
.GridViewStyle th th{border:none}
.GridViewHeaderStyle th{border-left:1px solid #444;border-right:1px solid #444}
.GridViewHeaderStyle{background-color:#1592B1;font-size:12px;color:#FFF;font-weight:700;text-align:center}
.GridViewFooterStyle{background-color:#1592B1;font-size:12px;color:#FFF;font-weight:700;text-align:center}
.GridViewRowStyle{background-color:#d3e3f3;font-size:12px;color:#000;font-weight:400;text-align:center;height:25px}
.GridViewAlternatingRowStyle{background-color:#fafdff;font-size:12px;color:#000;font-weight:400;text-align:center;height:25px}
.GridViewRowStyle:hover{background-color:#a8caec}
.GridViewAlternatingRowStyle:hover{background-color:#a8caec}
.GridViewRowStyle td,.GridViewAlternatingRowStyle td{border:1px solid #444;padding:0 3px}
.GridViewRowStyle td td,.GridViewAlternatingRowStyle td td{border:none;padding:0}
.GridViewPagerStyle{background-color:#1592B1;font-size:12px;color:#FFF;font-weight:700}

.GridViewStyle input[type="text"]{height:14px;margin-bottom:5px}

.tab-button{border:1px solid #2b2b2b;border-bottom:none;background:#1d97bf;background:-webkit-gradient(linear,left top,left bottom,from(#0c748e),to(#1d97bf));background:-webkit-linear-gradient(top,#0c748e,#1d97bf);background:-moz-linear-gradient(top,#0c748e,#1d97bf);background:-ms-linear-gradient(top,#0c748e,#1d97bf);background:-o-linear-gradient(top,#0c748e,#1d97bf);padding:7px 25px;float:left;margin:10px 8px 0 0;color:#FFF;font-size:12px;font-weight:700;font-family:'Trebuchet MS' ,Helvetica,Arial,Sans-Serif;text-decoration:none;vertical-align:middle;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}
.tab-button:hover{border-color:#345469;background:#e8f2fe;background:-webkit-gradient(linear,left top,left bottom,from(#e8f2fe),to(#bedafe));background:-webkit-linear-gradient(top,#e8f2fe,#bedafe);background:-moz-linear-gradient(top,#e8f2fe,#bedafe);background:-ms-linear-gradient(top,#e8f2fe,#bedafe);background:-o-linear-gradient(top,#e8f2fe,#bedafe);color:#212121;text-decoration:none;cursor:pointer}
.tab-button-active{color:#FFF;font-size:12px;font-weight:700;font-family:'Trebuchet MS' ,Helvetica,Arial,Sans-Serif;padding:7px 25px;float:left;margin:10px 8px 0 0;border:1px solid #2b2b2b;border-bottom:none;background:#456bda;background:-webkit-gradient(linear,left top,left bottom,from(#456bda),to(#2646a0));background:-webkit-linear-gradient(top,#456bda,#2646a0);background:-moz-linear-gradient(top,#456bda,#2646a0);background:-ms-linear-gradient(top,#456bda,#2646a0);background:-o-linear-gradient(top,#456bda,#2646a0);text-decoration:none;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}
#btnByPass{background:#FFF;border:none;margin:0;padding:0}

.popup{display:inline-block;padding:5px;width:280px;height:140px;z-index:9999;border:3px solid #2475c1;border-radius:5px;background:#eaf3ff;box-shadow:0 6px 4px -4px #000000}
.title{font-size:14px;font-weight:bold;color:#1a3f7d;padding:6px 5px 0}
.popup a{background-image:url(../images/delete_thumb.png);width:20px;height:20px;float:right;display:inline-block;cursor:pointer;top:11px;right:11px;position:absolute}

.divin{display:inline;width:100%}
.divin > span{color:#1a3f7d;font-size:13px;font-weight:700}
.divin-box{background:#fff;width:60px !important;height:28px !important;float:left;text-align:center;font-size:14px;color:#545454;margin:0 4px !important;border:1px solid #7494ca !important;border-radius:4px}

.blue{font-family:Trebuchet MS;color:#1a3f7d}
.black{font-family:Trebuchet MS;font-size:11px;font-weight:bold;color: #181818}