@font-face{font-family:Droid-Arabic-Kufi;font-style:normal;font-weight:400;src:url(fonts/DroidKufi-Regular.eot);src:url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/DroidKufi-Regular.woff2) format('x-woff2'),url(fonts/DroidKufi-Regular.woff) format('woff'),url(fonts/DroidKufi-Regular.ttf) format('truetype')}

*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body{font-size:14px; color:#404040; overflow:auto; margin:0px; padding:0px; font-family:"Droid-Arabic-Kufi"; direction:rtl; background:url(images/ewill/bg_body.png) repeat-x top; min-width:380px}
.clr{clear:both}
img{border:0; vertical-align:middle}
a{text-decoration:none}

.login_body{background:url(images/ewill/bgr2.png) repeat;}
.login{margin:0 auto; max-width:970px; width:100%;padding:36px}
.login>div:first-child{background:url(images/ewill/bgr1.png) repeat;float:right;width:45%;text-align:center;color:#fff;font-size:26px;font-weight:bold;padding:35px;}
.login>div:first-child img{max-width:100%;margin-top:20px;}
.login>div:last-child{float:right;width:55%;padding:0 5% 0 0;font-size:16px;margin-bottom:36px;}
.login>div:last-child a:link, .login>div>div:last-child a:visited{color:#404040;font-size:16px;}
.login>div:last-child a:hover{color:#066b68;}
.login>div:last-child img{max-width:100%;margin:0 0 60px;}
.login input[type="text"], .login input[type="password"]{width:100%; background-color:#fff; border:1px solid #e9e9e9; font-family:"Droid-Arabic-Kufi"; margin-bottom:18px; padding:5px 10px; border-radius:10px;font-size:16px;color:#ccc;}
.login_btn{font-family:"Droid-Arabic-Kufi"; background-color:#066b68; padding:5px 20px; color:#fff; border:none; margin-top:18px; cursor:pointer;border-radius:10px;font-size:16px;margin:10px 0 60px;}
.login_footer{font-size:14px;}
.login_footer span{display:block;color:#d4b265;line-height:20px;}

.main_div, .footer>div{max-width:1160px;width:100%;margin:0 auto;}
.header{padding:25px 10px;}
.header img{width:100%;max-width:319px;float:right;}
.header span{float:left;display:block;color:#066b68;font-size:24px;padding:30px 0 0 0;}
.bc_bar, .footer{background:url(images/ewill/bgr1.png) repeat;padding:10px;}
.bc_bar ul{float:right;padding:0;margin:0;list-style:none;}
.bc_bar ul li{display:inline-block;color:#fff;}
.bc_bar ul li a:link, .bc_bar ul li a:visited, .bc_bar span, .bc_bar span a:link, .bc_bar span a:visited{color:#fff;}
.bc_bar span{display:block;float:left;}
.conts{padding:15px 0;min-height:350px;}
.footer img{float:right}
.footer span{float:left;display:block;padding:12px 0 0 0;color:#fff;}

.dashboard{padding:0; margin:0; list-style:none}
.dashboard li{float:right; width:25%; padding:5px}
.dashboard li a:link, .dashboard li a:visited{display:block; background:url(images/ewill/bgr2.png) repeat; border:1px solid #ededed; text-align:center; display:block; height:216px; padding:30px 10px; color:#606060; border-radius:10px; font-size:18px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; line-height:25px}
.dashboard li a:hover{color:#066b68; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.dashboard li a img{margin-bottom:5px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.dashboard li a:hover img{-webkit-transform:scale(0.95); -ms-transform:scale(0.95); transform:scale(0.95); -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out}

.r_conts{float:right; width:22%; padding:0 15px; border-left:1px dotted #d1d1d1}
.l_conts{float:left; width:78%; padding:0 15px}

.accordtion{background:url(images/ewill/bgr2.png) repeat; border:1px solid #ebebeb}
.accordtion ul.menu{list-style-type:none; margin:0; padding:0}
.accordtion ul.menu>li{margin-bottom:1px}
.accordtion ul.menu>li>a:link, .accordtion ul.menu>li>a:visited{display:block; color:#fff; padding:10px; background-color:#096360; background-image:-webkit-linear-gradient(top,#096360 50%,#066b68 50%); background-image:linear-gradient(to bottom,#096360 50%,#066b68 50%)}
.accordtion ul.menu>li>a img{margin-left:10px}
.accordtion ul.menu>li>a img:nth-child(1){display:block; float:right}
.accordtion ul.menu>li>a img:nth-child(2){display:none; float:right}
.accordtion ul.menu>li>a.active img:nth-child(1){display:none}
.accordtion ul.menu>li>a.active img:nth-child(2){display:block}
.accordtion .acitem ul{list-style-type:none; margin:0; padding:0}
.accordtion .acitem ul li{border-bottom:1px dotted #d1d1d1}
.accordtion .acitem ul li a:link, .accordtion .acitem ul li a:visited{font-size:14px; color:#404040; line-height:46px}
.accordtion .acitem ul li a img{float:right; padding:10px; background-color:#fbfbfb; border-left:1px solid #ebebeb; margin-left:10px}

.m_title{font-size:16px; color:#066b68; background:url(images/ewill/mt_ico.png) no-repeat right 8px; margin-bottom:10px; padding:0 25px 0 0;}
.message_r{background-color:#ffd2d3; border:1px solid #f4adae; margin-bottom:10px; color:#b22f31; font-size:14px; text-align:right; padding:5px}
.message_g{background-color:#d4ffcd; border:1px solid #9adf8f; margin-bottom:10px; color:#48a43a; font-size:14px; text-align:right; padding:5px}
.message_y{background-color:#fefccb; border:1px solid #e5db55; margin-bottom:10px; color:#bdb115; font-size:14px; text-align:right; padding:5px}
.message_b{background-color:#dbecff; border:1px solid #9fc7f5; margin-bottom:10px; color:#3b6ea9; font-size:14px; text-align:right; padding:5px}

.form_tbl{border-spacing:0; border-collapse:inherit; width:100%; margin-bottom:10px}
.m_title>span{float:left; font-size:14px; color:#404040}
.form_title{color:#404040; font:14px "Droid-Arabic-Kufi"; padding:5px; text-align:left}
.form_tbl tr{border:1px solid #ebebeb}
.labelTD{color:#404040; font:14px "Droid-Arabic-Kufi"; padding:5px 10px; width:25%; vertical-align:top; border-bottom:1px solid #fff; background:url(images/ewill/bgr2.png) repeat;}
.labelTD2{color:#404040; font:14px "Droid-Arabic-Kufi"; padding:5px 10px; width:20%; vertical-align:top; border-bottom:1px solid #fff; background:url(images/ewill/bgr2.png) repeat;}
.controlTD{color:#404040; font:14px "Droid-Arabic-Kufi"; width:75%; vertical-align:top; margin:0.3%; border-bottom:1px solid #fff; padding:5px 10px}
.controlTD2{color:#404040; font:14px "Droid-Arabic-Kufi"; width:30%; vertical-align:top; margin:0.3%; border-bottom:1px solid #fff; padding:5px 10px}
.formMultiTextBox{width:100%; color:#404040; font:14px "Droid-Arabic-Kufi"; background-color:#fff; border:1px solid #e8e8e8; height:100px; padding:3px}
.formTextBox{width:100%; color:#404040; font:14px "Droid-Arabic-Kufi"; background-color:#fff; border:1px solid #e8e8e8; padding:3px}
.formDropDown{width:50%; color:#404040; font:14px "Droid-Arabic-Kufi"; direction:rtl; background-color:#fff; border:1px solid #e8e8e8; padding:3px}
.formDropDownWithoutWidth{color:#404040; font:14px "Droid-Arabic-Kufi"; direction:rtl; background-color:#fff; border:1px solid #e8e8e8; padding:3px}
.star{color:#d02a2a}
.formSmallNote{color:#aaa}
.form_btn{background-color:#066b68; font:14px "Droid-Arabic-Kufi"; color:#fff; text-align:center; float:left; margin-right:10px;  padding:5px 20px; border:0; cursor:pointer; line-height:22px; border-radius:10px}
.form_btn_not_aligned_to_left{background-color:#066b68; font:14px "Droid-Arabic-Kufi"; color:#fff; text-align:center; margin-right:10px;  padding:5px 20px; border:0; cursor:pointer; line-height:22px; border-radius:10px}
.grid{border-spacing:1px; border-collapse:inherit !important; width:100%; margin-bottom:14px; background-color:#e8e8e8}
.grid th{background-color:#066b68; font-size:14px; padding:5px 10px; text-align:center; color:#fff; font-weight:normal}
.grid td{font-size:14px; padding:5px 10px; vertical-align:top; color:#404040; line-height:20px}
.grid tr:nth-child(even){background:#f9f9f9}
.grid tr:nth-child(odd){background:#fdfdfd}
.PagerContainerTable{float:left}
.PagerInfoCell{font-size:13px; color:#404040; padding:0px 20px; margin-left:2px; background-color:#f9f9f9; border:1px solid #ececec}
.PagerOtherPageCells{font-size:13px; color:#404040; padding:0; background-color:#f9f9f9; border:1px solid #ececec}
.PagerOtherPageCells a{font-size:13px; color:#404040; text-decoration:none}
.PagerCurrentPageCell{font-size:13px; padding:0; margin:0; background:#066b68; color:white; border:1px solid #ececec}
.PagerHyperlinkStyle{width:100%; display:block; height:100%; padding:5px 10px}
.PagerGoToPageCells{display:none;}

.RequiredFieldValidator {color:#d02a2a}
.CloseHyperLink {float:left}
.HyperLink {color:#404040;}

.form_link_btn{background-color:#066b68; font:14px "Droid-Arabic-Kufi"; color:#fff; text-align:center; float:left; margin-right:10px;  padding:5px 20px; border:0; cursor:pointer; line-height:22px; border-radius:10px}
.form_link_btn_not_aligned_to_left{background-color:#066b68; font:14px "Droid-Arabic-Kufi"; color:#fff; text-align:center; margin-right:10px;  padding:5px 20px; border:0; cursor:pointer; line-height:22px; border-radius:10px}

.tabs {list-style:none; padding-right:0px}
.tabs li {float:right; padding-left:30px}
.active div {font-weight:bold;}

/*
    document parameters styles
*/
.document-param-value
{
    font-weight:bold;
    color:#00690f;
}

.document-formula-body:hover, .document-formula-body:focus, .document-formula-body-highlighted
{
    cursor:pointer;
    background-color:yellow;
}

.document-formula-free-body
{
    color:#ff0000;
}

.document-formula-customized
{
    color:#0000ff;
}

.document-formula-removed
{
    text-decoration: line-through;
    background-color: #d2cece;
}

.document-formula-replacement {
    color: #000;
}

.document-formula-replacement:hover
{
    background-color:#ececec;
}

.stick {
    position:fixed;
    top:0px;
    z-index: 10000;
}

.template-formula-used
{
    color:#fff;
    background-color:green;
}

.inactive-formula
{
    color:gray;
}

.replacement-formula-body
{
    width:100px;
    white-space:pre-wrap;
    -ms-word-break: break-all !important;
    word-break: break-all !important;

    /* Non standard for webkit */
    word-break: break-word !important;
    font-style:italic;
}

.strng-formula-path
{
    cursor:pointer;
}

.template-formula-highlighted
{
    background-color:yellow;
}

/*
    mobile styles
*/

@media (max-width:1074px){.login{max-width:500px}
.login>div:first-child, .login>div:last-child{width:100%; padding:0}
.login>div:first-child img{display:none}
.login_btn, .login>div:last-child img{margin:10px 0}
.login>div:last-child img{margin:10px auto; display:block}
.login>div:first-child{border-radius:10px}
}
@media (max-width:990px){.dashboard li{width:33.3333%}
.r_conts{width:30%}
.l_conts{width:70%}
.header img{width:150px}
}
@media (max-width:767px){.header span{width:100%; padding:10px 0 0 0; border-top:1px dotted #ccc; margin-top:20px; font-size:20px}
.dashboard li{width:50%}
.r_conts{width:100%}
.l_conts{width:100%; padding:15px 15px 0}
}
@media (max-width:600px){.formLabelTd{background-color:#066b68; color:#fff}
.labelTD, .controlTD, .labelTD2, .controlTD2{float:right; width:100%}
}
@media (max-width:480px){.footer span,.bc_bar span{width:100%; border-bottom:1px dotted #6fb9b7; margin-bottom:5px}
.footer span{padding:0}
}
@media print{.header span,.bc_bar,.footer,.r_conts{display:none}
.l_conts{width:100%}
}