body
{
    font-family:Tahoma;
    font-size:8pt;
    direction:rtl;
    padding:0px;
    margin:0px;
}

.dw .None{
    display:none;
}


/* -- HTML Tag -- */
.dw H1, .dw H2,.dw H3,.dw H4 {
    font-family:F1;
    font-weight:bold;
    padding:0px;
    margin:0px;
    color:#666666;
}
.dw H1 {
    font-size:16pt;
    color:#999999;
}

.dw H2 {
    font-size:14pt;
}

.dw H3 {
    font-size:12pt;
    display:inline-block;
}

.dw H4 {
    font-size:10pt;
    display:inline-block;
}


.dw .Dir {
    direction:ltr;
}



.dw Img {
    max-width:100%;
}

.dw Img._Radius
{
    border-radius:10px;
}

.dw Img._Circle
{
    border-radius:50%;
}



.dw label
{
    font-family:F1 !important;
    font-size:10pt !important;
    font-weight:normal !important;
    padding-right:3px;
    padding-left:5px;
}


.dw span._Text, .dw span._TextDiv, .dw span._TextIndex
{
    background-color:#FFFFFF;
    padding:3px 10px 3px 10px;
    border:#EEEEEE solid 1px;
    min-height:29px;
}

.dw span._TextDiv
{
    display:inline-block;
    width:100%;
}

.dw span._TextIndex
{
    color:#000000;
    font-weight:bold;
}


.dw ._RF {
    color:#CC0000;
}


/* -- button -- */
.dw [Type=submit], .dw [Type=button] 
{
    border:none;
    color:#FFFFFF;
	font-family:F1;
	font-size:12pt;
    line-height:24pt;
    border-radius:4px;
	padding-left:5px;
    padding-right:5px;
	background-color:#1ab394;
	min-width: 150px;
    margin:2px;
}

.dw [Type=submit]:hover,.dw [Type=button]:hover
{
	border:none;
	background-color:#18a689;
	color:yellow;
    cursor:pointer;
}

.dw [Type=submit]:focus ,.dw [Type=button]:focus
{
    border:none;
	background-color:#18a689;
	color:yellow;
    cursor:pointer;
    font-weight:bold;

}

.dw [Type=submit]._Red, .dw [Type=button]._Red
{
	background-color:#ed5565;
    color:#FFFFFF;

}

.dw [Type=submit]._Red:hover,.dw [Type=button]._Red:hover
{
	background-color:#ec4758;
	color:yellow;
}

.dw [Type=submit]._Red:focus ,.dw [Type=button]._Red:focus
{
	background-color:#ec4758;
}

.dw [Type=submit]._Blue, .dw [Type=button]._Blue
{
	background-color:#009DFF;
    color:#FFFFFF;
}

.dw [Type=submit]._Blue:hover,.dw [Type=button]._Blue:hover
{
	background-color:#0085D8;
	color:yellow;
}

.dw [Type=submit]._Blue:focus ,.dw [Type=button]._Blue:focus
{
	background-color:#0085D8;
}


/* -- TextBox -- */

.dw [Type=text] , .dw [Type=password] , .dw textarea
{
	border:1px solid #e5e6e7;
	font-family:F1;
	font-size:10pt;
	padding:5px;
    width: calc(100% - 15px);
    margin:2px;
}

.dw textarea
{
    height :50px;
}

.dw [Type=text]:focus ,.dw [Type=password]:focus ,.dw textarea:focus
{
	border:1px solid #1ab394;

}


.dw [Type=text]._RF ,.dw [Type=password]._RF ,.dw textarea._RF
{
	border:1px solid #facece !important;
    color:#000000 !Important;
}


.dw [Type=text]._RF:focus ,.dw [Type=password]._RF:focus , .dw textarea._RF:focus
{
	border:1px solid #CC0000 !important;
    color:#000000 !Important;
} 

.dw [Type=text]._MD , .dw [Type=password]._MD , .dw textarea._MD
{
    width: calc(50% - 15px);
}

.dw [Type=text]._SM , .dw [Type=password]._SM , .dw textarea._SM
{
    width: calc(25% - 15px);
}

/* -- select -- */
.dw select
{
	border:1px solid #e5e6e7;
	font-family:F1;
	font-size:10pt;
	padding:4px;
    margin:1px;
    min-width:120px;
}


.dw select:focus 
{
	border:1px solid #1ab394;

}




/* -- Table -- */
.dw table._List {
    width:100%;
}

.dw table._List .Desc
{
    background-color:#ddd !important;
	padding:2px !important;
	text-align:right;
    color:#000000 !important;
    font-family:Tahoma !important;
    font-size:8pt !important;
}

.dw table._List > tr:nth-child(1) > td,
.dw table._List > tbody> tr:nth-child(1) > td
{
    background-color:#666666;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
    font-family:F1;
    font-size:10pt;
}

.dw table._List > tr:nth-child(2n) > td,
.dw table._List > tbody> tr:nth-child(2n) > td
{
    background-color:#FCFCFC;
	padding:5px;
    text-align:center;
}

.dw table._List > tr:nth-child(2n+3) > td,
.dw table._List > tbody> tr:nth-child(2n+3) > td
{
    background-color:#EEEEEE;
	padding:5px;
    text-align:center;
}

.dw table._List > tr:nth-child(2n):hover > td,
.dw table._List > tbody> tr:nth-child(2n):hover > td
{
    background-color:#f2f7b5;
}

.dw table._List > tr:nth-child(2n+3):hover > td ,
.dw table._List > tbody> tr:nth-child(2n+3):hover > td
{
    background-color:#f2f7b5;
}







/* -- Box & Col -- */
.dw ._Row::after
{
    float:none;
    clear:both;
    display: table;
    content: " ";
}


.dw ._Box_Header
{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1QUFBNTM5OUJCNTExRThBRjRBQkQ4OTJDMjE3RENBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ1QUFBNTNBOUJCNTExRThBRjRBQkQ4OTJDMjE3RENBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDVBQUE1Mzc5QkI1MTFFOEFGNEFCRDg5MkMyMTdEQ0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDVBQUE1Mzg5QkI1MTFFOEFGNEFCRDg5MkMyMTdEQ0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qGVd7AAAAD0lEQVR42mK4e/cuQIABAAUyAphOncWMAAAAAElFTkSuQmCC');
    background-repeat:repeat-x;
    background-position:center center;

  
    text-align:right !important;
    padding-right:20px;
}


.dw ._Box_Header label
{
    background-color:#F7F7F7;
    padding-right:10px;
    padding-left:10px;
     font-size:12pt !important;
    font-weight:bold !important;
      font-family:F1 !important;
   
    color:#222222 !important;
}


.dw ._Box_1, .dw ._Box_2, .dw ._Box_3, .dw ._Box_4
{
    margin: 5px;
    padding:5px;

    background-color:#F7F7F7;
    border:solid 1px #dddddd;
    border-radius:2px;
    float:right;

    font-family:F1 !important;
    font-size:10pt;
    overflow:hidden;
    text-align:right;
}

.dw ._Box_1:hover, .dw ._Box_2:hover, .dw ._Box_3:hover, .dw ._Box_4:hover
{
    box-shadow: 0px 0px 3px #CCCCCC;
}

.dw ._Box_1:focus, .dw ._Box_2:focus, .dw ._Box_3:focus, .dw ._Box_4:focus
{
    box-shadow: 0px 0px 3px #CCCCCC;
}

.dw ._Box_1>h1, .dw ._Box_2>h1, .dw ._Box_3>h1, .dw ._Box_4>h1
{
    font-family:F1 !important;
    font-size:12pt !important;
    font-weight:bold !important;
    color:#454545 !important;
    padding:5px !important;
    padding-right:10px !important;
    background-color:#FFFFFF !important;
    border-top:3px solid #DDDDDD !important;
    margin-top:-6px !important;
    margin-left:-6px !important;
    margin-right:-6px !important;
    margin-bottom:5px !important;
    cursor:pointer;
}

._Box_1 > h1::after, ._Box_2 > h1::after, ._Box_3 > h1::after, ._Box_4 > h1::after
{
    content: "\f106";
    float:left;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    padding-left:5px;
    
}

._Box_1 > h1.Close::after, ._Box_2 > h1.Close::after, ._Box_3 > h1.Close::after, ._Box_4 > h1.Close::after
{
    content: "\f107";
    float:left;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    padding-left:5px;
}



.dw ._Box_1 h2, .dw ._Box_2 h2, .dw ._Box_3 h2, .dw ._Box_4 h2
{
    font-family:F1 !important;
    font-size:12pt !important;
    font-weight:bold !important;
    color:#222222 !important;
    margin-top:5px !important;
    padding-right:5px !important;
    display:inline-block !important;
    min-width:150px;
    text-align:right ;
    
}

.dw ._Box_1 h2::after, .dw ._Box_2 h2::after, .dw ._Box_3 h2::after, .dw ._Box_4 h2::after
{
    content:' : ';
}

.dw ._Box_1 h2._RF::before, .dw ._Box_2 h2._RF::before, .dw ._Box_3 h2._RF::before, .dw ._Box_4 h2._RF::before
{
    font: FontAwesome;
    content:' * ';
    margin-left:5px;
    color:#CC0000;
}


.dw ._Box_1 ._BtnBox, .dw ._Box_2 ._BtnBox, .dw ._Box_3 ._BtnBox, .dw ._Box_4 ._BtnBox,
.dw ._Box_1 ._BtnBoxOnly, .dw ._Box_2 ._BtnBoxOnly, .dw ._Box_3 ._BtnBoxOnly, .dw ._Box_4 ._BtnBoxOnly
{
    margin-top:5px;
    padding-top:5px;
    border-top:solid 1px #dddddd;
    text-align:center;
}

.dw ._Box_1 ._BtnBoxOnly, .dw ._Box_2 ._BtnBoxOnly, .dw ._Box_3 ._BtnBoxOnly, .dw ._Box_4 ._BtnBoxOnly
{
    margin-top:0px !important;
    padding-top:0px !important;
    border-top:none !important;
    text-align:center !important;
}

.dw ._Box_1
{
    width:calc(50% - 22px);
}

.dw ._Box_2
{
    width:calc(100% - 22px);
}

.dw ._Box_3
{
    width:calc(100% - 22px);
}

.dw ._Box_4
{
    width:calc(100% - 22px);
}





.dw ._Col_1, .dw ._Col_2, .dw ._Col_3, .dw ._Col_4 {
    float:right;
    min-height:1px;
}

.dw ._Col_1 {
    width:50%;
}

.dw ._Col_2 {
    width:100%;
}

.dw ._Col_3 {
    width:100%;
}

.dw ._Col_4 {
    width:100%;
}



@media (min-width: 900px) {
    .dw ._Box_1
    {
        width:calc(25% - 22px);
        
    }

    .dw ._Box_2
    {
        width:calc(50% - 22px);
    }

    .dw ._Box_3
    {
        width:calc(75% - 22px);
    }

    .dw ._Box_4
    {
        width:calc(100% - 22px);
        float:none !important;
        clear:both !important;
    }

    .dw ._Col_1 {
        width:25%;
    }

    .dw ._Col_2 {
        width:50%;
    }

    .dw ._Col_3 {
        width:75%;
    }

    .dw ._Col_4 {
        width:100%;
    }
}