html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, q, small, strong, sub, sup, tt, var, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, i { font-family: 'TwCenMT'; font-size: 100%; margin: 0; padding: 0; line-height: 1.4em; font-weight: normal;text-shadow:0 !important;}
@font-face {
	font-family: 'TwCenMT';
	src: url('fonts/TwCenMT-Regular.eot');
	src: local('☺'), url('fonts/TwCenMT-Regular.woff') format('woff'), url('fonts/TwCenMT-Regular.ttf') format('truetype'), url('fonts/TwCenMT-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 
body { position: relative;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; color:#fff;}
*{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; margin:0; padding:0;}
img { border: none; }
.spacer { clear: both; font-size: 0; line-height: 0; }
section, article, footer, nav, aside { display: block; }
.clear_img { background: none !important; }
table { border-collapse: separate; border-spacing: 0px; width: 100%; }
ul { list-style-type: none; }
a {cursor: pointer;}
/***************************************Header***************************************/
body { position:absolute; width:100%; height:99%;}
header,footer { position:absolute; width:100%;}
header {height:100px;}
#body {height:100%;box-sizing:border-box;background: url(images/slide_bg_left.jpg) no-repeat left  bottom #774d9c;}
footer {height:150px; bottom:0;}
.containerpageV {display:table-cell;text-align:center;vertical-align:middle;}

header { width: 100%; display: block; border-top:20px solid #713996;}
.bground { background:url(images/bg_HF.png) repeat; height:75px;}
header .container, footer .container, #body .container{width: 1000px;}
header .container .logo_ILS, header .container .logo_SMSA{position:absolute;}
header .container .logo_ILS {width:196px; height:42px; background:url(images/logo_ILS.png) no-repeat; top:17px; left:0px;}
header .container .logo_SMSA {width:195px; height:75px; background:url(images/smsa_logo_welcome.jpg) no-repeat; top:0px; right:0px;}
/***************************************Login***************************************/
#body .Logincontainer {width:500px; margin:0 auto;min-height:386px; /*padding-top:60px;*/}
#body .Logincontainer h1 {font-size:25px; text-transform:uppercase; letter-spacing:3px; text-align:center; margin-bottom:50px;}
#body .Logincontainer .vali {display:none;}
#body .Logincontainer .form-group {position:relative; margin-bottom:30px;}
#body .Logincontainer .form-group i {position:absolute;}
#body .Logincontainer .form-group .fa-envelope-o {font-size:25px; left:7px; top:5px;}
#body .Logincontainer .form-group .fa-envelope-o:before {content: "\f007" !important;}
#body .Logincontainer .form-group .fa-lock {font-size:30px; left:9px; top:5px;}

#body .Logincontainer input[type="password"], #body .Logincontainer input[type="text"]
{background:  #774d9c !important;border: 0;box-shadow: none; color:#fff; font-size:19px;padding-left: 50px; border-bottom:2px solid #fff; border-radius:0 !important;padding-bottom: 15px !important; height: 44px !important;}
input:-webkit-autofill, input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #774d9c inset !important;-webkit-text-fill-color: #fff !important;}
input::-webkit-input-placeholder {color:#fff !important;}
input:-moz-placeholder {color:#fff !important;}
input::-moz-placeholder {color:#fff !important;}
input:-ms-input-placeholder {color:#fff !important;}
#body .checkbox {text-align:left;}
#body .checkbox label {padding-left: 5px;padding-top: 5px;color: #fff;font-size: 18px;margin-left: 5px; display:none;}
.Foregetpass {position:absolute;left:0px;top:0px;color:#fff !important;}
#body .checkbox input[type="checkbox"] {display:none;}
#body .checkbox input[type="checkbox"] + label span {display:inline-block;width:23px;height:23px;margin:-1px 10px 0 0;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #B287D6;border-radius:4px;}
#body .checkbox input[type="checkbox"]:checked + label span {background:#B287D6;}
.btn {padding:5px 19px;background-color: #fff;font-size: 18px;border-radius: 5px;position: relative; color:#713996;text-transform: uppercase;margin-top: -55px;z-index:999;}
.btn:hover {background:#B287D6; color:#fff;}
.Forget_Password .btn {margin-top:0 !important;}
.Foregetpass  span{font-size: 14px;}

input:-webkit-autofill {
    background-color: #FAFFBD !important;
}
/***************************************Body****************************************/
#body { width: 100%; margin-top: 10px; }
#body .container { min-height:386px;}
#body .container .Bwlecome {width:300px; height:170px; background:#fff; border-radius:4px; display:table; color:#333; margin:5px; float:left;position:relative; margin-top:62px; cursor:pointer;}
#body .container .Bwlecome .Ban {width:110px; height:110px; background:#333333; border:5px solid #fff; border-radius:11px;position: absolute;top: -50px;left: 30%;
-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#body .container .Bwlecome:hover .Ban {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
#body .container .Bwlecome a {display:table-cell;vertical-align: middle; text-align:center; font-size:23px; text-decoration:none !important; color:#333 !important;padding-top: 30px;z-index: 999;position: relative;}
#body .container .Bwlecome .Administration_Icon, #body .container .Bwlecome .Management_Icon, #body .container .Bwlecome .CRM_Icon 
{background:url(images/icon_welcome.png) no-repeat; width:92px; height:60px; position:absolute; top:-32px; left:34%;}
#body .container .Bwlecome .Administration_Icon {}
#body .container .Bwlecome .Management_Icon {background-position: 0 -83px;}
#body .container .Bwlecome .CRM_Icon {background-position: -5px -163px;}
#body .container .welcome .loginblock {width:250px; height:65px; background:#fff; border-radius:7px;padding: 10px 10px 0 10px; margin-bottom:60px;}
#body .container .welcome .loginblock img  {width:41px; height:41px; border-radius:5px;}
#body .container .welcome .btn {margin: 0;background:#eee !important; border-radius:15px; font-size:15px !important; color:#000 !important; text-transform:none !important;padding:3px 10px !important; border:0 !important;}
#body .container .welcome .W {position:absolute; top:6px; color:#63278b; font-size:15px;left: 60px;}
#body .container .welcome .btn-group {padding-top:15px;}
#body .container .welcome .btn-group .caret {margin-left:10px; color:#666666;}
#body .container .welcome .btn-group .user {width: 140px;display: inline-block;}
/***************************************Footer****************************************/
footer { width: 100%; height:147px; background:url(images/Slide_bg_right.jpg) no-repeat right 0;padding-top: 72px; }
footer .container p{ font-size:14px; text-align:center; line-height:82px; color:#000;}
footer .container {padding:10px;}
footer .copyrignt, footer .vnumb {position:absolute;top:28px;font-size:14px; color:#000;}
footer .copyrignt {right:10px;}
footer .vnumb {left:10px;}
/*********************************************LINKS*****************************************/

/*********************************************IMG*******************************************/
/*********************************************FONTS*****************************************/
p { font-size: 12px; color: #3a372a; text-align: justify; line-height: 21px; }
/*******************************************Internal****************************************/

#body .Logincontainer {position: relative;}
#body .Logincontainer .loginerror{position: absolute;top: 40px;left: 0;color: #FF8845; width:100%;text-align: center;}
.containerpageV .container,.containerpageV .Logincontainer {display:none;}