body {
font-family: 'BLotus';
}
h1 {}
h2 {font-size: 1.4rem;}


#images img{width:50px;padding:5px}
.button {font-family: pbo;}
.button:hover{color: #000}
input[type="text"]{border-color: #ccc!important;}
input[type="text"]:focus{box-shadow: 0 0 5px #3498db!important;border-color: #308dcc;!important;border-radius:2px}
.submitbutton{width:auto!important;border-color: #00b19b!important;background-color: #00ceb4!important;border-radius:3px!important;color: #fff}
.requierd{visibility: visible!important;float: right;}
/* 
========================================================================
Information
========================================================================
*/
.alert-info                 { color: #6c6c6c;border-color: #c9c9c9;background: #dfe8f1}
.alert                      { position: relative;padding: 10px;border-width: 0;border-style: solid;border-radius: 3px;}
.alert a                    { font-weight: bold;font-size: 90%;padding: 0 4px;color: #d05;border: 1px solid #dfe8f1;border-radius: 3px;background: #fafafa;}
.alert a:hover              { text-decoration: underline;}
.alert .alert-icon          { line-height: 34px;float: right;width: 34px;height: 34px;margin: 5px 0 0 10px;text-align: center;background: url(images/info.png);}
.alert .alert-title         { font-size: 16px;font-weight: bold;margin: 4px 0 3px;padding: 0;text-align: right;}
.alert .alert-content       { overflow: hidden;}
.alert p                    { text-align: right;padding: 0;opacity: .85;-moz-opacity: .85;filter: alpha(opacity: 85);}.alert p:last-child {margin: 0;}
/* 
========================================================================
Captcha
========================================================================
*/
#captcha-section img,#captcha-section >input    { float: right;margin:0px 10px}
#captcha-section .captch-refresh                { background: url(/images/tayacms/refresh.png) no-repeat;width: 30px!important;height: 30px;color:transparent;background-size: 30px;text-indent: -99999px;display:inline-block}
#captcha-section .shorttext                     {width:150px!important;}
.errormessage {width:auto !important;color: #fff;border-color: #cf4436;background: #eb6759;display: inline-block;padding: 5px;border-radius: 3px}
.errormessage ul{display: none}
/* 
========================================================================
POPUP MESSAGE
========================================================================
*/
.popup_background                       { background-color: #fff; filter: alpha(opacity=70); opacity: 0.7; z-index: 500 !important; }
.popup                                  { border:1px solid #ddd;border-radius: 5px;margin:auto!important;position: fixed; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .4); padding: 10px; width: 550px; padding-top: 30px; vertical-align: middle; }
.popup .closebutton                     { position: absolute; top: 0px; background-image: url(/Images/TayaCMS/button_cancel.png); background-position: center center; background-repeat: no-repeat; width: 24px; height: 24px; overflow: hidden; left: 0px;}
.popup .button                          { width: auto!important;margin: 1px 2px 1px 0px!important;padding: 0 12px;border-radius: 3px}
.popup .yesbutton                       { color: #fff;background: #00bca4;border-color: #00a792;}
.popup .yesbutton:hover                 { border-color: #29b765;background: #58d68d;}
.popup .cancelbutton                    { color:#fff!important;border-color: #cf4436;background: #eb6759;}
.popup .cancelbutton:hover              { border-color: #d67520;background: #ea9143;}
.popup h2                               { background:#ddd;width: 100%;font-size:10pt;position: absolute; top: 0px;right: 0px; padding: 10px; margin: 0px;border: none; }
.popup p                                { padding: 25px 0 5px 0; margin: 0;   }
/* 
========================================================================
DETAILS VIEW / SECTIONS
========================================================================
*/
.TayaCMS-DetailsView                    { margin: 20px 20px 20px auto !important;/*! max-width:560px; *//*! text-align: center; */width: auto !important;}
.TayaCMS-DetailsView-Data               { margin-bottom: 10px }
.TayaCMS-DetailsView-Data ul            { list-style-type: none; padding: 0; }
.TayaCMS-DetailsView ul li         { min-height: 20px; padding-top: 5px; }
.TayaCMS-DetailsView-Name               { font-size: 15px;display: -moz-inline-box; display: inline-block; /*! width:400px; */  vertical-align: top; text-align: right;}
.TayaCMS-DetailsView-Name > span        { display: inline-block; text-align: justify; padding-left: 15px;}
.rbo-forms .TayaCMS-DetailsView-Value              { line-height: initial;display: -moz-inline-box; display: inline-block; width: 300px;  vertical-align: top; overflow: visible; }
.buttonfield .TayaCMS-DetailsView-Name  { vertical-align: top; width: auto; }
.TayaCMS-DetailsView-Mid .TayaCMS-DetailsView-Name                {width: 100px !important;}
.TayaCMS-DetailsView-Mid .TayaCMS-DetailsView-Value               {width: 250px !important;}
/* 
========================================================================
LANGUAGE ELEMENT TEXT BOXES
========================================================================
*/
body{direction: rtl;}
h1{font-size:2rem;font-weight: bolder;}
input.elementname                       { width: 400px }
textarea.elementdesc                    { width: 400px; height: 80px; }
input.elementpagetitle                  { width: 400px }
textarea.elementmetadesc                { width: 400px; height: 80px; }
textarea.elementmetakeywords            { width: 400px; height: 80px; }
textarea.elementtext                    { width: 400px; height: 80px; }
textarea.elementstrapline               { width: 400px; height: 40px; }
input.elementurl                        { width: 400px }
input.elementwriter                     { width: 400px }
input.elementauthor                     { width: 400px }
li.elementpagetitle,
li.elementmetadesc,
li.elementmetakeywords,
li.elementurl                           { background-color: #eee; }
li.elementpagetitle .TayaCMS-DetailsView-Name,
li.elementmetadesc .TayaCMS-DetailsView-Name,
li.elementmetakeywords .TayaCMS-DetailsView-Name,
li.elementurl .TayaCMS-DetailsView-Name { width: 170px; }
/* 
========================================================================
FORM ELEMENTS
========================================================================
*/
.blockheader                            { display: block}
form                                    { margin: 0; display: inline; padding: 0; }
select,
input,
textarea                                { margin:0px!important;background-color: #e4e4e4; border: solid 1px #fff; margin: 0 0 3px 0; width: auto; padding: 0; float: right;}
select:focus,
input:focus,
textarea:focus                          { background-color: #fff; border: solid 1px #c05; margin-bottom: 3px; }
select[disabled],
input[disabled],
textarea[disabled],
select:disabled,
input:disabled,
textarea:disabled                       { background: #999; border: solid 2px #fff;   }
select.short                            { width: auto }
textarea                                { width: 90%; /*! height: 150px!important; */ }
input.shorttext,
select.shorttext                        { width: 40px }
input.midtext,
select.midtext                          { width: 110px }
input.longishtext,
select.longishgtext                     { width: 250px }
input.longtext,
select.longtext                         { width: 450px }

input.button                            { cursor: pointer; background-color: #eee; border: solid 1px #333; padding: 2px 6px 2px 6px; width: auto; display: inline-block; }
input.button:focus                      { background-color: #ccc;   }
input.button:hover                      { background-color: #f6f6f6 }
input.cancelbutton                      { background-color: #666; border-color: #333;}
input.cancelbutton:hover                { background-color: #888; border-color: #444;}
.submitbuttons                          { display: block; margin: 10px 0 0 0; padding: 10px 0 20px 0; z-index: 5; width: 100%; }
.topsubmitbuttons                       { z-index: 1; position: fixed; top: 40px; border: none; height: 35px; background-image: url(Images/background.png); background-repeat: repeat-y; }
#categorymenu .squarebuttons            { position: relative; padding: 0 0 8px 0; }
.topsubmitbuttons .reassign             { display: inline-block; position: absolute; padding: 4px 0 0 0; }
.topsubmitbuttons input                 { margin: 3px 0 3px 0 }
.topsubmitbuttons select                { width: auto; background-color: #eee; }
.hoverbutton                            { padding: 0; cursor: pointer; background: none; border: none; }
.topsubmitbuttons a:visited,
.topsubmitbuttons a:link,
.squarebuttons a:visited,
.squarebuttons a:link                   { cursor: pointer; display: block; height: 24px; overflow: hidden; cursor: default; background-color: #ddd; background-repeat: no-repeat;  }
.blackbuttons a:visited,
.blackbuttons a:link                    { z-index: 2; width: 32px; height: 32px; padding: 0; line-height: 0; }
.bluebuttons a:visited,
.bluebuttons a:link						{ z-index: 2; background-color: transparent; width: 32px; height: 32px; padding: 0; line-height: 0;; }
.topsubmitbuttons input.addbutton,
.topsubmitbuttons a.addbutton:visited,
.topsubmitbuttons a.addbutton:link     { background-image: url(Images/button_add.png); }
.topsubmitbuttons input.savebutton,
.topsubmitbuttons a.savebutton:visited,
.topsubmitbuttons a.savebutton:link     { background-image: url(Images/button_save.png); }
.topsubmitbuttons input.cancelbutton,
.topsubmitbuttons a.cancelbutton:visited,
.topsubmitbuttons a.cancelbutton:link   { background-image: url(Images/button_cancel.png); }
.topsubmitbuttons input.exportbutton,
.topsubmitbuttons a.exportbutton:visited,
.topsubmitbuttons a.exportbutton:link   { background-image: url(Images/button_export.png); }
.topsubmitbuttons input.previewbutton,
.topsubmitbuttons a.previewbutton:visited,
.topsubmitbuttons a.previewbutton:link  { background-image: url(Images/button_preview.png); }
.topsubmitbuttons input.deletebutton,
.topsubmitbuttons a.deletebutton:visited,
.topsubmitbuttons a.deletebutton:link   { background-image: url(Images/button_delete.png); }
.topsubmitbuttons input.editbutton,
.topsubmitbuttons a.editbutton:visited,
.topsubmitbuttons a.editbutton:link     { background-image: url(Images/button_edit.png); }
.squarebuttons a.homebutton				{ background-image: url(Images/button_home.png); }
.squarebuttons a.categoriesbutton		{ background-image: url(Images/button_categories.png); }
.topsubmitbuttons input:hover,
.topsubmitbuttons a:hover,
.squarebuttons input:hover,
.squarebuttons a:hover                  { background-color: #fc5; cursor: pointer; }
.blackbuttons input:hover,
.blackbuttons a:hover					{ background-color: #fff;   }
.bluebuttons input:hover,
.bluebuttons a:hover					{ z-index: 201; background-color: #888;  }
.blackbuttons input:hover,
.blackbuttons a:hover                   { background-color: #fc5; }
.squarebuttons input.refreshbutton,
.squarebuttons a.refreshbutton:visited,
.squarebuttons a.refreshbutton:link     { background-image: url(Images/button_refresh.png); background-repeat: no-repeat; }
label									{ /*! display: inline-block; */ /*! width: 140px; */  /*! vertical-align: top; */ }
label.nolabelwidth,
.nolabelwidth label						{ width: auto }
.checkbox input,
.radio input							{ border-style: none; background-color: transparent; display: inline; width: 18px; }
.radio label							{   width: auto; }
input[disabled='disabled'],
textarea[disabled='disabled'],
select[disabled='disabled']				{ background-color: #ccc }
.imagebutton:link, .imagebutton:hover, .imagebutton:visited { display: block; display: inline-block; height: 12px; }
.imagebutton:link,
.imagebutton:hover,
.imagebutton:visited                    { display: block; display: inline-block; height: 12px; }
a.button_expand                         { padding: 1px 1px 1px 1px; display: inline-block; }
a.button_expand:hover                   { background-color: #bbb; }
.buttonbar                              { padding: 3px 0px 3px 0px }
.pagebottom                             { padding: 0 0 20px 0px; width: auto; margin: 60px 0 10px 0; }
.pagebottom a                           { background-image: url(Images/button_top.png); background-position: center center; background-repeat: no-repeat; width: 48px; height: 48px; display: block; position: fixed; bottom: 5px; }
/* 
========================================================================
POPUP MESSAGE
========================================================================
*/

/* 
========================================================================
ICON LINKS
========================================================================
*/

a.linkbutton:link,
a.linkbutton:visited,
.linkbuttonfield a			{ background-position: right top;  margin: 1px 0 1px 6px; color: #04d; text-decoration: none; font-weight: bold; font-size: 13px; padding: 0 20px 4px 4px; text-transform: none; }
a.linkbutton:hover,
.linkbuttonfield a:hover	{ color: #000; }
a.normalweight:link,
a.normalweight:visited		{ font-weight: normal }


.first-row, .second-row, .third-row {
  
  margin: 20px 0px 15px 15px;
  width: 98% !important;
  background: lightgray;
  padding: 15px;
  }
.rbo-forms .TayaCMS-DetailsView-Data span {color: black;font-size: 1rem;vertical-align: text-bottom;}
.first-row h2, .second-row h2, .third-row h2 {color: brown; font-size: 1.1rem; border-bottom: solid white 3pt; width: 50%;margin-bottom: 25px; line-height: 3.5rem  }
.second-row h3 {color: #006568; font-size: 1.1rem; /*! border-right: solid white 3pt; */ width: 100% auto;/*! margin-bottom: 25px; */ line-height: 3rem;  font-family: bnaskh;/*! border-bottom: solid white 3pt; */}
.TayaCMS-DetailsView-Data table tr td,  table tr:nth-of-type(2n) {
  background: none;
}
.TayaCMS-DetailsView-Value label {/*! border: solid; *//*! color: black; *//*! font-size: .8rem; *//*! width: 70%; *//*! word-wrap: break-word; */}
.second-row table tr td, .third-row table tr td {border: none !important;width: 100px!important;position: relative}
.box-row {border: solid whitesmoke 1pt}
#cntMain_lblandishebo, #cntMain_lblandisheej, #cntMain_lblandishera, #cntMain_lbldarkhast, #cntMain_lblfarman, #cntMain_lblmeidan {position: absolute;top: 40%;}
.first-row .TayaCMS-DetailsView-Value input, .third-row .TayaCMS-DetailsView-Value input {/*! width: auto; *//*! float: right; */}
.ui-datepicker {right: 50%}
#cntMain_btnAdd {width: 150px}
.capthca-row {margin: 15px auto 35px auto !important; width: 100% !important; text-align: center;}
#cntMain_btnSave {margin-bottom: 20px !important;}
#cntMain__UploaderPopup_pnlMessage h2 {font-size: .9rem;border-bottom: none; width: auto; margin: auto;line-height: 1rem}
#cntMain__UploaderPopup_lnkUpload {float: left;display: inline-block;}
#cntMain__UploaderPopup_filUploader {width: 85%;}
.yesbutton, .cancelbutton {display: none;}


.form-subject {
	text-align: center;
	background: #d3d3d3;
	padding: 10px;
	border-radius: 10px;
}
.rbo-forms .col-12  {padding: 0 !important;margin: 0 !important;}
.rbo-forms table {width: 100%;display: block;}
.rbo-forms tr {width: 100%;display: inline-block;padding: 10px !important;margin: 0 !important;}
.rbo-forms td {width: 49%;display: inline-block;}
.rbo-forms ul li {float: right;min-width: 15%;margin-left: 10px;}
.rbo-forms ul {}