/**
 * @author DMT - Development Team
 * @copyright Copyright DMT - Development Team
 * @link www.prestastore.ir
 * @link www.prestatool.com
 **/

/********* general *********/
#dmtfl_cont {}
#dmtfl_cont .buttons_cont {
    display: inline-block;
    float: left;
}
#dmtfl_cont a,
#dmtfl_order a {
    color: #707070;
    font-weight: 100;
    display: block;
    margin-left: 20px;
    padding: 10px 24px 10px 8px;
    cursor: pointer;
    line-height: 26px;
    font-size: 13px;
    height: 45px;
    position: relative;
    float: right;
    border-bottom: 2px solid transparent;
    transition: all 0.5s ease 0s;
}
#dmtfl_cont a::before,
#dmtfl_order a::before {
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 44px;
    line-height: 46px;
    text-align: center;
    color: #888888;
    transition: all 0.5s ease 0s;
}
#dmtfl_cont a::after {
    content: "";
    float: left;
    width: 2px;
    height: 10px;
    display: block;
    background-color: #D7D7D7;
    margin-left: -18px;
    margin-top: 8px;
}
#dmtfl_cont a:last-child {
    margin-left: 0;
}
#dmtfl_cont a:last-child::after {
    display: none;
}
#dmtfl_cont a:hover {
    color: #0183B5;
}
#dmtfl_cont a:hover::before {
    color: #0183B5;
}
#dmtfl_cont a#signin_btn::before,
#dmtfl_order a#signin_btn::before {
    content: "\f090";
}
#dmtfl_cont a#signup_btn::before,
#dmtfl_order a#signup_btn::before {
    content: "\f067";
    font-size: 14px;
}
#dmtfl_cont a.profile_btn::before {
    content: "\f007";
}
#dmtfl_cont a.account_btn::before {
    content: "\f0c0";
}
#dmtfl_cont a.logout_btn::before {
    content: "\f011";
}
/********** dropdown  *********/
#dmtfl_cont .dropdown-toggle {
    height: 45px;
    color: #707070;
    padding: 10px 24px 10px 8px;
    line-height: 22px;
    font-size: 13px;
    border: none;
    background: transparent;
}
#dmtfl_cont .dropdown-toggle::before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #888888;
    transition: all 0.5s ease 0s;
}
#dmtfl_cont .dropdown {
    display: inline-block;
}
#dmtfl_cont .dropdown a {
    background: none;
    float: none;
    text-shadow: none;
    cursor: pointer;
    margin: 0;
    display: block;
    color: #7d7d7d;
    text-align: right;
    padding: 4px 10px;
    line-height: 18px;
    height: 30px;
    transition: all 0.5s ease 0s;
}
#dmtfl_cont .dropdown a::before {
    position: static;
    float: right;
    margin: 0 0 0 4px;
    width: 16px;
    height: 20px;
    line-height: 20px;
}
#dmtfl_cont .dropdown a:hover {
    color: #0183B5;
}
#dmtfl_cont .dropdown-toggle::after {
    content: "\f107";
    font-family: FontAwesome;
    line-height: 28px;
    width: 10px;
    height: 28px;
    float: left;
    margin: 0 8px 0 0;
}
#dmtfl_cont .dropdown.open .dropdown-toggle::after {
    content: "\f106"
}
#dmtfl_cont .dropdown.open .dropdown-toggle,
#dmtfl_cont .dropdown.open .dropdown-toggle::before {
    color: #0183B5;
}
#dmtfl_cont .dropdown-menu {
    left: 0;
    right: inherit;
    margin-top: 0;
    border: 1px solid #E1E8ED;
    border-radius: 2px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.06);
}
/********** popup  *********/
.dmtfl_popup {
    border: 4px solid rgba(0,0,0,0.3);
    border-radius: 2px;
}
.dmtfl_popup .fancybox-skin {
    border-radius: 2px;
}
.dmtfl_popup a.fancybox-close {
    width: 30px;
    height: 30px;
    border-radius: 0 1px 0 2px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
}
.dmtfl_popup a.fancybox-close::after {
    content: "\f00d";
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 16px;
    float: right;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 27px;
}
/********** tab **********/
#dmtfl_forms .tab-content {
    margin-top: 10px;
    margin-bottom: 0;
}
#dmtfl_forms .nav-tabs > li.active > a,
#dmtfl_forms .nav-tabs > li.active > a:hover,
#dmtfl_forms .nav-tabs > li.active > a:focus {
    border-radius: 2px 2px 0 0;
}
/********** sign-in form **********/
#dmtfl_forms {
	font-family: tahoma;
}
#dmtfl_forms .title {
    border-radius: 3px;
    display: block;
    font-size: 17px;
    text-align: center;
    margin: 0 0 20px 0;
}
#dmtfl_forms .loading {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 5px;
	display: none;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9;
}
#dmtfl_forms .loading > span {
    color: #ffffff;
    display: block;
    font-size: 13px;
    margin: auto;
    position: relative;
    text-align: center;
    top: 47%;
}
#dmtfl_forms .login_form {
	width: 240px;
}
#dmtfl_forms .warning_cont {
    display: inherit;
}
#dmtfl_forms .warn_failure {
    color: #cc0000;
}
#dmtfl_forms .warn_success {
    color: #68a54b;
}
#dmtfl_forms .dmtfl_fields {
    margin: auto;
    width: 238px;
    text-align: right;
}
#dmtfl_forms .field_row {
    margin: 0 0 10px 0;
}
#dmtfl_forms .field_row label {
    display: block;
    font-weight: normal;
    font-size: 12px;
    height: 20px;
}
#dmtfl_forms .field_row input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    direction: ltr;
    height: 28px;
    padding: 0 5px;
    text-align: left;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width: 238px;
}
#dmtfl_forms .field_row input:focus {
    outline: none;
}
#dmtfl_forms button {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	border: 1px solid #124d77;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    border-radius: 3px;
    display: block;
    font-size: 12px;
    height: 30px;
    margin: 10px auto;
    padding: 0 30px 4px 10px;
    position: relative;
    text-align: center;
}
#dmtfl_forms button::before {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 28px;
    line-height: 28px;
}
#dmtfl_forms button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
#dmtfl_forms button:focus {
    outline: none;
}
#dmtfl_forms button.dmtfl_submitlogin::before {
    content: "\f090";
    font-size: 14px;
}
#dmtfl_forms button.dmtfl_submitfp {
    background: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
    padding: 0;
    color: #0061A7;
}
#dmtfl_forms button.dmtfl_submitfp::before {
    display: none;
}
/********** captcha **********/
#dmtfl_forms .captcha_cont {
    clear: both;
    margin: 14px auto 14px;
    position: relative;
    width: 167px;
}
#dmtfl_forms #captcha_img {
    float: left;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}
#dmtfl_forms #refresh_cpatcha {
    background-color: rgba(0,0,0,0.1);
    float: left;
    width: 24px;
    height: 24px;
    display: block;
    color: #777777;
    cursor: pointer;
    margin: 0;
    padding: 2px 0 0 2px;
    text-align: center;
    border-radius: 0 0 0 2px;
    position: absolute;
    top: 1px;
    right: 1px;
    transition: all 0.5s ease 0s;
}
#dmtfl_forms #refresh_cpatcha:hover {
    background-color: rgba(0,0,0,0.2);
}
#dmtfl_forms #refresh_cpatcha::before {
    content: "\f021";
    font-size: 14px;
    font-family: FontAwesome;
}
#dmtfl_forms #captcha {}
/********** recovery password **********/
#dmtfl_forms .dmtfl_rpform {
    width: 238px;
    margin: auto;
}
#dmtfl_forms .recovery_form {
	display: none;
	width: 240px;
}
#dmtfl_forms .desc {
    display: block;
    text-align: center;
    margin: 14px 0;
    font-size: 13px;
    color: #555;
}
#dmtfl_forms .dmtfl_submitrp {
    margin: 10px auto;
    display: block;
    width: 90px;
    float: none;
}
#dmtfl_forms .dmtfl_submitrp::before {
    content: "\f021";
    font-size: 14px;
}
#dmtfl_forms .dmtfl_back {
    float: none;
    background: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
    padding: 0;
    margin: 0 auto;
    display: block;
    width: 150px;
    color: #0061A7;
}
#dmtfl_forms .dmtfl_back:hover {
    background: none;
}
/********** sign-up form **********/
#register_form .field_row label {
    float: right;
    width: 80px;
}
#register_form .field_row {
    margin: 0 0 10px 0;
    position: relative;
}
#register_form .field_row input {
    width: 156px;
}
#register_form .field_row input[name="firstname"],
#register_form .field_row input[name="lastname"],
#register_form .field_row input[name="city"],
#register_form .field_row input[name="address1"],
#register_form .field_row input[name="address2"] {
    text-align: right;
    direction: rtl;
}
#register_form .field_row .required {
    display: block;
    float: left;
    width: 10px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 30px;
    color: #880000;
    margin: 0 0 0 -12px;
}
#register_form .field_row label.gender {
    width: inherit;
    float: right;
    margin: 0 0 0 20px;
}
#register_form .field_row input.gender {
    width: inherit;
    box-shadow: none;
    float: right;
    height: inherit;
    margin: 4px 0 0 6px;
}
#register_form .field_row #state {
    width: 156px;
    border: 1px solid #cccccc;
    height: 28px;
    border-radius: 2px;
    padding: 0 0 2px 0;
}
#register_form .field_row .select_row {
    position: relative;
}
#register_form .field_row #days,
#register_form .field_row #months,
#register_form .field_row #years {
    width: 156px;
    border: 1px solid #cccccc;
    height: 28px;
    border-radius: 2px;
    padding: 0 0 2px 0;
    margin-bottom: 10px;
}
#register_form .field_row #months,
#register_form .field_row #years {
    margin-right: 80px;
}
#register_form .field_row #years {
    margin-bottom: 0;
}
#register_form .field_row #state:focus {outline: none;}
#register_form .required_text {
    color: #880000;
}
#register_form .captcha_cont {
    margin: 14px 69px 14px 0;
}
#register_form #refresh_cpatcha {
    padding: 2px 0 0 1px;
}
#register_form button.dmtfl_submit_su::before {
    content: "\f0c7";
    font-size: 14px;
}
/********** verify **********/
#verify_forms button.dmtfl_submitsendcode::before {
    content: "\f062";
    font-size: 12px;
}
#verify_forms button.dmtfl_verifycode::before {
    content: "\f05d";
    font-size: 12px;
}
#verify_forms button.dmtfl_resend_code::before {
    content: "\f021";
    font-size: 12px;
}
/********** order **********/
#dmtfl_order .warning {
    display: block;
    color: #cc0000;
    font-size: 16px;
    margin: 0 0 20px 0;
    text-align: center;
}
#dmtfl_order .buttons {
    text-align: center;
}
#dmtfl_order a {
    background-color: #ebf0f3;
    border-radius: 3px;
    color: #707070;
    line-height: 28px;
    float: none;
    display: inline-block;
    height: 38px;
    padding: 4px 38px 4px 20px;
    transition: all 0.5s ease 0s;
}
#dmtfl_order a::before {
    width: 38px;
    height: 38px;
    line-height: 38px;
}
#dmtfl_order a:hover {
    background-color: #D0BE8E;
    color: #ffffff;
}
#dmtfl_order a:hover::before {
    color: #ffffff;
}