﻿/* Author: Soheil Vaseghi, v1.0*/
/* Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font: 12px Tahoma; color: #3c3c3c; }

/* Classes */
.no-border { border: 0 !important; }
.border-solid-black { border: 1px solid black; }
.border-solid-gray { border: 1px solid gray; }
.border-solid-white { border: 1px solid white; }
.border-dashed-black { border: 1px dashed black; }
.border-dashed-gray { border: 1px dashed gray; }
.border-dashed-white { border: 1px dashed white; }

.no-white-space{font-size:0}
.no-white-space > *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}


.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.icon-close:before {
  content: "×";
}

.img-frame {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.border-box{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.z0 { z-index: 0; }
.z10 { z-index: 10; }
.z100 { z-index: 100; }
.z1000 { z-index: 1000; }
.z10000 { z-index: 10000; }
.z99999 { z-index: 99999; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }

.overflow-hidden{
    overflow:hidden;
}

.baseline { vertical-align: baseline !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.text-top{vertical-align:text-top !important;}

.no-select { user-select: none; -moz-user-select: none; -webkit-user-select: none; }

.no-decoration { text-decoration: none; }
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }
.line-through { text-decoration: line-through; }

.rotate0 { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.rotate10 { -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); }
.rotate45 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.rotate90 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate-10 { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
.rotate-45 { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.rotate-90 { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.rotate180 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.opacity0 { opacity: 0; }
.opacity10 { opacity: 10; }
.opacity20 { opacity: 20; }
.opacity30 { opacity: 30; }
.opacity40 { opacity: 40; }
.opacity50 { opacity: 50; }
.opacity60 { opacity: 60; }
.opacity70 { opacity: 70; }
.opacity80 { opacity: 80; }
.opacity90 { opacity: 90; }
.opacity100 { opacity: 100; }

.bold { font-weight: bold; }
.not-bold { font-weight:normal; }

.no-cursor { cursor:default }
.pointer { cursor:pointer; }

.lh1 { line-height: 1; }
.lh1-5 { line-height: 1.5; }

.display-initial{display:initial;}
.no-display { display: none; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.block { display: block; }
.table{display:table;}
.table-cell{display:table-cell;}
.table-row{display:table-row;}
.flex{display:flex;}

.ltr { direction: ltr; }
.rtl { direction: rtl; }

.right { float: right; }
.left { float: left; }

.clear { clear: both; }
.r3 { border-radius: 3px; -moz-border-radius: 3px;}
.r4 { border-radius: 4px; -moz-border-radius: 4px;}
.r5 { border-radius: 5px; -moz-border-radius: 5px; }
.r10 { border-radius: 10px; -moz-border-radius: 10px; }
.r15 { border-radius: 15px; -moz-border-radius: 15px; }
.r20 { border-radius: 20px; -moz-border-radius: 20px; }
.r30 { border-radius: 30px; -moz-border-radius: 30px; }
.r50 { border-radius: 50px; -moz-border-radius: 50px; }
.r50p {border-radius: 50%; -moz-border-radius: 50%;}

.sh1 { box-shadow: 0px 0px 2px 0px #ccc; border: 1px solid #ddd; }
.sh2 { box-shadow: 2px 2px 3px #ddd; border: 1px solid #d5d5d5; }
.sh3 { box-shadow: 0px 1px 2px #bbb; }
.sh4 { box-shadow: 0px 0px 6px #999; border: 2px solid #fff; }
.sh5 { box-shadow: 0px 1px 2px #ccc; border: 1px solid #ddd; }

.bg-transparent{background-color:transparent;}
.bg-red { background-color: #f2dede; }
.bg-green { background-color: ##dff0d8; }
.bg-blue { background-color: #d9edf7;}
.bg-yellow { background-color: #fcf8e3; }
.bg-gray { background-color: gray }
.bg-white { background-color: #FFFFFF; }
.bg-black { background-color: #000000; }
.bg-lightred{background-color: #FFFAFA;}
.bg-lightgreen{background-color: #F7FFF8;}
.bg-lightblue{background-color: #f6fbff;}
.bg-lightyellow{background-color: #FFFFEB;}
.bg-lightgray { background-color: #FAFAFA }


.aqua{color:#00FFFF;}
.aquamarine{color:#7FFFD4;}
.bisque{color:#FFE4C4;}
.black{color:#000000;}
.blue{color:#0000FF;}
.brown{color:#A52A2A;}
.cadetblue{color:#5F9EA0;}
.chocolate{color:#D2691E;}
.cornflowerblue{color:#6495ED;}
.crimson{color:#DC143C;}
.darkblue{color:#00008B;}
.darkcyan{color:#008B8B;}
.darkgray{color:#A9A9A9;}
.darkorange{color:#FF8C00;}
.gold{color:#FFD700;}
.gray{color:#808080;}
.green{color:#008000;}
.indigo{color:#4B0082;}
.khaki{color:#F0E68C;}
.lightblue{color:#ADD8E6;}
.maroon{color:#800000;}
.midnightblue{color:#191970;}
.olive{color:#808000;}
.orange{color:#FFA500;}
.purple{color:#800080;}
.red{color:#FF0000;}
.silver{color:#C0C0C0;}
.teal{color:#008080;}
.tomato{color:#FF6347;}
.white{color:#FFFFFF;}
.yellow{color:#FFFF00;}
.transparent{color:transparent;}

.static { position:static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

.w-auto { width:auto; }
.w0 { width: 0; }
.w1 { width: 1px; }
.w3 { width: 3px; }
.w5 { width: 5px; }
.w7 { width: 7px; }
.w10 { width: 10px; }
.w15 { width: 15px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w33p { width: 33.3333333%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w-autoi { width:auto !important; }
.w0i { width: 0 !important; }
.w1i { width: 1px !important; }
.w3i { width: 3px !important; }
.w5i { width: 5px !important; }
.w7i { width: 7px !important; }
.w10i { width: 10px !important; }
.w15i { width: 15px !important; }
.w20i { width: 20px !important; }
.w30i { width: 30px !important; }
.w40i { width: 40px !important; }
.w50i { width: 50px !important; }
.w60i { width: 60px !important; }
.w70i { width: 70px !important; }
.w80i { width: 80px !important; }
.w90i { width: 90px !important; }
.w100i { width: 100px !important; }
.w120i { width: 120px !important; }
.w150i { width: 150px !important; }
.w180i { width: 180px !important; }
.w200i { width: 200px !important; }
.w250i { width: 250px !important; }
.w300i { width: 300px !important; }
.w400i { width: 400px !important; }
.w500i { width: 500px !important; }

.w10pi { width: 10% !important; }
.w20pi { width: 20% !important; }
.w30pi { width: 30% !important; }
.w40pi { width: 40% !important; }
.w50pi { width: 50% !important; }
.w60pi { width: 60% !important; }
.w70pi { width: 70% !important; }
.w80pi { width: 80% !important; }
.w90pi { width: 90% !important; }
.w100pi { width: 100% !important; }

.minw-initial { min-width:initial; }
.minw0 { min-width: 0; }
.minw1 { min-width: 1px; }
.minw3 { min-width: 3px; }
.minw5 { min-width: 5px; }
.minw7 { min-width: 7px; }
.minw10 { min-width: 10px; }
.minw15 { min-width: 15px; }
.minw20 { min-width: 20px; }
.minw30 { min-width: 30px; }
.minw40 { min-width: 40px; }
.minw50 { min-width: 50px; }
.minw60 { min-width: 60px; }
.minw70 { min-width: 70px; }
.minw80 { min-width: 80px; }
.minw90 { min-width: 90px; }
.minw100 { min-width: 100px; }
.minw120 { min-width: 120px; }
.minw150 { min-width: 150px; }
.minw180 { min-width: 180px; }
.minw200 { min-width: 200px; }
.minw250 { min-width: 250px; }
.minw300 { min-width: 300px; }
.minw400 { min-width: 400px; }
.minw500 { min-width: 500px; }

.maxw-initial { max-width:initial; }
.maxw0 { max-width: 0; }
.maxw1 { max-width: 1px; }
.maxw3 { max-width: 3px; }
.maxw5 { max-width: 5px; }
.maxw7 { max-width: 7px; }
.maxw10 { max-width: 10px; }
.maxw15 { max-width: 15px; }
.maxw20 { max-width: 20px; }
.maxw30 { max-width: 30px; }
.maxw40 { max-width: 40px; }
.maxw50 { max-width: 50px; }
.maxw60 { max-width: 60px; }
.maxw70 { max-width: 70px; }
.maxw80 { max-width: 80px; }
.maxw90 { max-width: 90px; }
.maxw100 { max-width: 100px; }
.maxw120 { max-width: 120px; }
.maxw150 { max-width: 150px; }
.maxw180 { max-width: 180px; }
.maxw200 { max-width: 200px; }
.maxw250 { max-width: 250px; }
.maxw300 { max-width: 300px; }
.maxw400 { max-width: 400px; }
.maxw500 { max-width: 500px; }


.h-auto { height: auto; }
.h0 { height: 0; }
.h1 { height: 1px; }
.h2 { height: 2px; }
.h3 { height: 3px; }
.h4 { height: 4px; }
.h5 { height: 5px; }
.h6 { height: 6px; }
.h7 { height: 7px; }
.h8 { height: 8px; }
.h9 { height: 9px; }
.h10 { height: 10px; }
.h12 { height: 12px; }
.h15 { height: 15px; }
.h17 { height: 17px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h70 { height: 70px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h300 { height: 300px; }
.h400 { height: 400px; }
.h500 { height: 500px; }
.h100p {height: 100%;}

.minh-initial { min-height:initial; }
.minh0 { min-height: 0; }
.minh1 { min-height: 1px; }
.minh2 { min-height: 2px; }
.minh3 { min-height: 3px; }
.minh4 { min-height: 4px; }
.minh5 { min-height: 5px; }
.minh6 { min-height: 6px; }
.minh7 { min-height: 7px; }
.minh8 { min-height: 8px; }
.minh9 { min-height: 9px; }
.minh10 { min-height: 10px; }
.minh12 { min-height: 12px; }
.minh15 { min-height: 15px; }
.minh17 { min-height: 17px; }
.minh20 { min-height: 20px; }
.minh25 { min-height: 25px; }
.minh30 { min-height: 30px; }
.minh40 { min-height: 40px; }
.minh50 { min-height: 50px; }
.minh70 { min-height: 70px; }
.minh100 { min-height: 100px; }
.minh150 { min-height: 150px; }
.minh200 { min-height: 200px; }
.minh300 { min-height: 300px; }
.minh400 { min-height: 400px; }
.minh500 { min-height: 500px; }

.maxh-initial { max-height: initial; }
.maxh0 { max-height: 0; }
.maxh1 { max-height: 1px; }
.maxh2 { max-height: 2px; }
.maxh3 { max-height: 3px; }
.maxh4 { max-height: 4px; }
.maxh5 { max-height: 5px; }
.maxh6 { max-height: 6px; }
.maxh7 { max-height: 7px; }
.maxh8 { max-height: 8px; }
.maxh9 { max-height: 9px; }
.maxh10 { max-height: 10px; }
.maxh12 { max-height: 12px; }
.maxh15 { max-height: 15px; }
.maxh17 { max-height: 17px; }
.maxh20 { max-height: 20px; }
.maxh25 { max-height: 25px; }
.maxh30 { max-height: 30px; }
.maxh40 { max-height: 40px; }
.maxh50 { max-height: 50px; }
.maxh70 { max-height: 70px; }
.maxh100 { max-height: 100px; }
.maxh150 { max-height: 150px; }
.maxh200 { max-height: 200px; }
.maxh300 { max-height: 300px; }
.maxh400 { max-height: 400px; }
.maxh500 { max-height: 500px; }


.p0 { padding: 0; }
.p1 { padding: 1px; }
.p2 { padding: 2px; }
.p3 { padding: 3px; }
.p4 { padding: 4px; }
.p5 { padding: 5px; }
.p6 { padding: 6px; }
.p7 { padding: 7px; }
.p8 { padding: 8px; }
.p9 { padding: 9px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }
.p50 { padding: 50px; }

.p0i { padding: 0 !important; }
.p1i { padding: 1px !important; }
.p2i { padding: 2px !important; }
.p3i { padding: 3px !important; }
.p4i { padding: 4px !important; }
.p5i { padding: 5px !important; }
.p6i { padding: 6px !important; }
.p7i { padding: 7px !important; }
.p8i { padding: 8px !important; }
.p9i { padding: 9px !important; }
.p10i { padding: 10px !important; }
.p15i { padding: 15px !important; }
.p20i { padding: 20px !important; }
.p30i { padding: 30px !important; }
.p40i { padding: 40px !important; }
.p50i { padding: 50px !important; }

.pr0 { padding-right: 0; }
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pr0i { padding-right: 0 !important; }
.pr1i { padding-right: 1px !important; }
.pr2i { padding-right: 2px !important; }
.pr3i { padding-right: 3px !important; }
.pr4i { padding-right: 4px !important; }
.pr5i { padding-right: 5px !important; }
.pr6i { padding-right: 6px !important; }
.pr7i { padding-right: 7px !important; }
.pr8i { padding-right: 8px !important; }
.pr9i { padding-right: 9px !important; }
.pr10i { padding-right: 10px !important; }
.pr15i { padding-right: 15px !important; }
.pr20i { padding-right: 20px !important; }
.pr30i { padding-right: 30px !important; }
.pr40i { padding-right: 40px !important; }
.pr50i { padding-right: 50px !important; }

.pl0 { padding-left: 0; }
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pl0i { padding-left: 0 !important; }
.pl1i { padding-left: 1px !important; }
.pl2i { padding-left: 2px !important; }
.pl3i { padding-left: 3px !important; }
.pl4i { padding-left: 4px !important; }
.pl5i { padding-left: 5px !important; }
.pl6i { padding-left: 6px !important; }
.pl7i { padding-left: 7px !important; }
.pl8i { padding-left: 8px !important; }
.pl9i { padding-left: 9px !important; }
.pl10i { padding-left: 10px !important; }
.pl15i { padding-left: 15px !important; }
.pl20i { padding-left: 20px !important; }
.pl30i { padding-left: 30px !important; }
.pl40i { padding-left: 40px !important; }
.pl50i { padding-left: 50px !important; }

.pt0 { padding-top: 0; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pt0i { padding-top: 0 !important; }
.pt1i { padding-top: 1px !important; }
.pt2i { padding-top: 2px !important; }
.pt3i { padding-top: 3px !important; }
.pt4i { padding-top: 4px !important; }
.pt5i { padding-top: 5px !important; }
.pt6i { padding-top: 6px !important; }
.pt7i { padding-top: 7px !important; }
.pt8i { padding-top: 8px !important; }
.pt9i { padding-top: 9px !important; }
.pt10i { padding-top: 10px !important; }
.pt15i { padding-top: 15px !important; }
.pt20i { padding-top: 20px !important; }
.pt30i { padding-top: 30px !important; }
.pt40i { padding-top: 40px !important; }
.pt50i { padding-top: 50px !important; }

.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pb0i { padding-bottom: 0 !important; }
.pb1i { padding-bottom: 1px !important; }
.pb2i { padding-bottom: 2px !important; }
.pb3i { padding-bottom: 3px !important; }
.pb4i { padding-bottom: 4px !important; }
.pb5i { padding-bottom: 5px !important; }
.pb6i { padding-bottom: 6px !important; }
.pb7i { padding-bottom: 7px !important; }
.pb8i { padding-bottom: 8px !important; }
.pb9i { padding-bottom: 9px !important; }
.pb10i { padding-bottom: 10px !important; }
.pb15i { padding-bottom: 15px !important; }
.pb20i { padding-bottom: 20px !important; }
.pb30i { padding-bottom: 30px !important; }
.pb40i { padding-bottom: 40px !important; }
.pb50i { padding-bottom: 50px !important; }

.m0 { margin: 0; }
.m1 { margin: 1px; }
.m2 { margin: 2px; }
.m3 { margin: 3px; }
.m4 { margin: 4px; }
.m5 { margin: 5px; }
.m6 { margin: 6px; }
.m7 { margin: 7px; }
.m8 { margin: 8px; }
.m9 { margin: 9px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m40 { margin: 40px; }
.m50 { margin: 50px; }

.m0i { margin: 0 !important; }
.m1i { margin: 1px !important; }
.m2i { margin: 2px !important; }
.m3i { margin: 3px !important; }
.m4i { margin: 4px !important; }
.m5i { margin: 5px !important; }
.m6i { margin: 6px !important; }
.m7i { margin: 7px !important; }
.m8i { margin: 8px !important; }
.m9i { margin: 9px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }


.mr0 { margin-right: 0; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mr0i { margin-right: 0 !important; }
.mr1i { margin-right: 1px !important; }
.mr2i { margin-right: 2px !important; }
.mr3i { margin-right: 3px !important; }
.mr4i { margin-right: 4px !important; }
.mr5i { margin-right: 5px !important; }
.mr6i { margin-right: 6px !important; }
.mr7i { margin-right: 7px !important; }
.mr8i { margin-right: 8px !important; }
.mr9i { margin-right: 9px !important; }
.mr10i { margin-right: 10px !important; }
.mr15i { margin-right: 15px !important; }
.mr20i { margin-right: 20px !important; }
.mr30i { margin-right: 30px !important; }
.mr40i { margin-right: 40px !important; }
.mr50i { margin-right: 50px !important; }

.ml0 { margin-left: 0; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.ml0i { margin-left: 0 !important; }
.ml1i { margin-left: 1px !important; }
.ml2i { margin-left: 2px !important; }
.ml3i { margin-left: 3px !important; }
.ml4i { margin-left: 4px !important; }
.ml5i { margin-left: 5px !important; }
.ml6i { margin-left: 6px !important; }
.ml7i { margin-left: 7px !important; }
.ml8i { margin-left: 8px !important; }
.ml9i { margin-left: 9px !important; }
.ml10i { margin-left: 10px !important; }
.ml15i { margin-left: 15px !important; }
.ml20i { margin-left: 20px !important; }
.ml30i { margin-left: 30px !important; }
.ml40i { margin-left: 40px !important; }
.ml50i { margin-left: 50px !important; }

.mt0 { margin-top: 0; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mt0i { margin-top: 0 !important; }
.mt1i { margin-top: 1px !important; }
.mt2i { margin-top: 2px !important; }
.mt3i { margin-top: 3px !important; }
.mt4i { margin-top: 4px !important; }
.mt5i { margin-top: 5px !important; }
.mt6i { margin-top: 6px !important; }
.mt7i { margin-top: 7px !important; }
.mt8i { margin-top: 8px !important; }
.mt9i { margin-top: 9px !important; }
.mt10i { margin-top: 10px !important; }
.mt15i { margin-top: 15px !important; }
.mt20i { margin-top: 20px !important; }
.mt30i { margin-top: 30px !important; }
.mt40i { margin-top: 40px !important; }
.mt50i { margin-top: 50px !important; }

.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.mb0i { margin-bottom: 0 !important; }
.mb1i { margin-bottom: 1px !important; }
.mb2i { margin-bottom: 2px !important; }
.mb3i { margin-bottom: 3px !important; }
.mb4i { margin-bottom: 4px !important; }
.mb5i { margin-bottom: 5px !important; }
.mb6i { margin-bottom: 6px !important; }
.mb7i { margin-bottom: 7px !important; }
.mb8i { margin-bottom: 8px !important; }
.mb9i { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }


.right-align { text-align: right; }
.left-align { text-align: left; }
.center-align { text-align: center; }
.justify { text-align: justify; }

.no-wrap{
    white-space:nowrap;
}

.normal-size { font-size: 100%; }
.large { font-size: 120%; }
.x-large { font-size: 150%; }
.xx-large { font-size: 200%; }
.small { font-size: 80%; }
.x-small { font-size: 60%; }
.xx-small { font-size: 40%; }

input, select, Textarea, label { direction: rtl; font: 10pt Tahoma; }
input[type="text"], input[type="password"], textarea, select { border: 1px solid #d7d7d7; color: #828282; outline: medium none; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: medium none; border: 1px solid #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }

.alert-box { color: #555; border-radius: 5px; padding: 10px; line-height:1.9; }

.alert-error { background: #ffecec; border: 1px solid #f5aca6; color:#8C1616; }
.alert-success { background: #e9ffd9; border: 1px solid #a6ca8a; color:#248825; }
.alert-warning { background: #fff8c4; border: 1px solid #f2c779; color:#6F6609; }
.alert-notice { background: #e3f7fc; border: 1px solid #8ed9f6; color:#5189B8; }


.soheil-top-message{
    position:fixed;
    padding: 15px;
    top:0;
    left:50%;
    border-radius:0 0 5px 5px;
    white-space:nowrap;
    cursor:default;
    border-top:0;
    box-shadow: gray 0px 2px 20px 0px;
    display:none;
    z-index:100 !important;

    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}

/* ICONS ##############################################*/

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.icon {
  position: relative;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 0.87;
  vertical-align:middle;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-asterisk:before {
  content: "\2a";
}
.icon-plus:before {
  content: "\2b";
}
.icon-euro:before,
.icon-eur:before {
  content: "\20ac";
}
.icon-minus:before {
  content: "\2212";
}
.icon-cloud:before {
  content: "\2601";
}
.icon-envelope:before {
  content: "\2709";
}
.icon-pencil:before {
  content: "\270f";
}
.icon-glass:before {
  content: "\e001";
}
.icon-music:before {
  content: "\e002";
}
.icon-search:before {
  content: "\e003";
}
.icon-heart:before {
  content: "\e005";
}
.icon-star:before {
  content: "\e006";
}
.icon-star-empty:before {
  content: "\e007";
}
.icon-user:before {
  content: "\e008";
}
.icon-film:before {
  content: "\e009";
}
.icon-th-large:before {
  content: "\e010";
}
.icon-th:before {
  content: "\e011";
}
.icon-th-list:before {
  content: "\e012";
}
.icon-ok:before {
  content: "\e013";
}
.icon-remove:before {
  content: "\e014";
}
.icon-zoom-in:before {
  content: "\e015";
}
.icon-zoom-out:before {
  content: "\e016";
}
.icon-off:before {
  content: "\e017";
}
.icon-signal:before {
  content: "\e018";
}
.icon-cog:before {
  content: "\e019";
}
.icon-trash:before {
  content: "\e020";
}
.icon-home:before {
  content: "\e021";
}
.icon-file:before {
  content: "\e022";
}
.icon-time:before {
  content: "\e023";
}
.icon-road:before {
  content: "\e024";
}
.icon-download-alt:before {
  content: "\e025";
}
.icon-download:before {
  content: "\e026";
}
.icon-upload:before {
  content: "\e027";
}
.icon-inbox:before {
  content: "\e028";
}
.icon-play-circle:before {
  content: "\e029";
}
.icon-repeat:before {
  content: "\e030";
}
.icon-refresh:before {
  content: "\e031";
}
.icon-list-alt:before {
  content: "\e032";
}
.icon-lock:before {
  content: "\e033";
}
.icon-flag:before {
  content: "\e034";
}
.icon-headphones:before {
  content: "\e035";
}
.icon-volume-off:before {
  content: "\e036";
}
.icon-volume-down:before {
  content: "\e037";
}
.icon-volume-up:before {
  content: "\e038";
}
.icon-qrcode:before {
  content: "\e039";
}
.icon-barcode:before {
  content: "\e040";
}
.icon-tag:before {
  content: "\e041";
}
.icon-tags:before {
  content: "\e042";
}
.icon-book:before {
  content: "\e043";
}
.icon-bookmark:before {
  content: "\e044";
}
.icon-print:before {
  content: "\e045";
}
.icon-camera:before {
  content: "\e046";
}
.icon-font:before {
  content: "\e047";
}
.icon-bold:before {
  content: "\e048";
}
.icon-italic:before {
  content: "\e049";
}
.icon-text-height:before {
  content: "\e050";
}
.icon-text-width:before {
  content: "\e051";
}
.icon-align-left:before {
  content: "\e052";
}
.icon-align-center:before {
  content: "\e053";
}
.icon-align-right:before {
  content: "\e054";
}
.icon-align-justify:before {
  content: "\e055";
}
.icon-list:before {
  content: "\e056";
}
.icon-indent-left:before {
  content: "\e057";
}
.icon-indent-right:before {
  content: "\e058";
}
.icon-facetime-video:before {
  content: "\e059";
}
.icon-picture:before {
  content: "\e060";
}
.icon-map-marker:before {
  content: "\e062";
}
.icon-adjust:before {
  content: "\e063";
}
.icon-tint:before {
  content: "\e064";
}
.icon-edit:before {
  content: "\e065";
}
.icon-share:before {
  content: "\e066";
}
.icon-check:before {
  content: "\e067";
}
.icon-move:before {
  content: "\e068";
}
.icon-step-backward:before {
  content: "\e069";
}
.icon-fast-backward:before {
  content: "\e070";
}
.icon-backward:before {
  content: "\e071";
}
.icon-play:before {
  content: "\e072";
}
.icon-pause:before {
  content: "\e073";
}
.icon-stop:before {
  content: "\e074";
}
.icon-forward:before {
  content: "\e075";
}
.icon-fast-forward:before {
  content: "\e076";
}
.icon-step-forward:before {
  content: "\e077";
}
.icon-eject:before {
  content: "\e078";
}
.icon-chevron-left:before {
  content: "\e079";
}
.icon-chevron-right:before {
  content: "\e080";
}
.icon-plus-sign:before {
  content: "\e081";
}
.icon-minus-sign:before {
  content: "\e082";
}
.icon-remove-sign:before {
  content: "\e083";
}
.icon-ok-sign:before {
  content: "\e084";
}
.icon-question-sign:before {
  content: "\e085";
}
.icon-info-sign:before {
  content: "\e086";
}
.icon-screenshot:before {
  content: "\e087";
}
.icon-remove-circle:before {
  content: "\e088";
}
.icon-ok-circle:before {
  content: "\e089";
}
.icon-ban-circle:before {
  content: "\e090";
}
.icon-arrow-left:before {
  content: "\e091";
}
.icon-arrow-right:before {
  content: "\e092";
}
.icon-arrow-up:before {
  content: "\e093";
}
.icon-arrow-down:before {
  content: "\e094";
}
.icon-share-alt:before {
  content: "\e095";
}
.icon-resize-full:before {
  content: "\e096";
}
.icon-resize-small:before {
  content: "\e097";
}
.icon-exclamation-sign:before {
  content: "\e101";
}
.icon-gift:before {
  content: "\e102";
}
.icon-leaf:before {
  content: "\e103";
}
.icon-fire:before {
  content: "\e104";
}
.icon-eye-open:before {
  content: "\e105";
}
.icon-eye-close:before {
  content: "\e106";
}
.icon-warning-sign:before {
  content: "\e107";
}
.icon-plane:before {
  content: "\e108";
}
.icon-calendar:before {
  content: "\e109";
}
.icon-random:before {
  content: "\e110";
}
.icon-comment:before {
  content: "\e111";
}
.icon-magnet:before {
  content: "\e112";
}
.icon-chevron-up:before {
  content: "\e113";
}
.icon-chevron-down:before {
  content: "\e114";
}
.icon-retweet:before {
  content: "\e115";
}
.icon-shopping-cart:before {
  content: "\e116";
}
.icon-folder-close:before {
  content: "\e117";
}
.icon-folder-open:before {
  content: "\e118";
}
.icon-resize-vertical:before {
  content: "\e119";
}
.icon-resize-horizontal:before {
  content: "\e120";
}
.icon-hdd:before {
  content: "\e121";
}
.icon-bullhorn:before {
  content: "\e122";
}
.icon-bell:before {
  content: "\e123";
}
.icon-certificate:before {
  content: "\e124";
}
.icon-thumbs-up:before {
  content: "\e125";
}
.icon-thumbs-down:before {
  content: "\e126";
}
.icon-hand-right:before {
  content: "\e127";
}
.icon-hand-left:before {
  content: "\e128";
}
.icon-hand-up:before {
  content: "\e129";
}
.icon-hand-down:before {
  content: "\e130";
}
.icon-circle-arrow-right:before {
  content: "\e131";
}
.icon-circle-arrow-left:before {
  content: "\e132";
}
.icon-circle-arrow-up:before {
  content: "\e133";
}
.icon-circle-arrow-down:before {
  content: "\e134";
}
.icon-globe:before {
  content: "\e135";
}
.icon-wrench:before {
  content: "\e136";
}
.icon-tasks:before {
  content: "\e137";
}
.icon-filter:before {
  content: "\e138";
}
.icon-briefcase:before {
  content: "\e139";
}
.icon-fullscreen:before {
  content: "\e140";
}
.icon-dashboard:before {
  content: "\e141";
}
.icon-paperclip:before {
  content: "\e142";
}
.icon-heart-empty:before {
  content: "\e143";
}
.icon-link:before {
  content: "\e144";
}
.icon-phone:before {
  content: "\e145";
}
.icon-pushpin:before {
  content: "\e146";
}
.icon-usd:before {
  content: "\e148";
}
.icon-gbp:before {
  content: "\e149";
}
.icon-sort:before {
  content: "\e150";
}
.icon-sort-by-alphabet:before {
  content: "\e151";
}
.icon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.icon-sort-by-order:before {
  content: "\e153";
}
.icon-sort-by-order-alt:before {
  content: "\e154";
}
.icon-sort-by-attributes:before {
  content: "\e155";
}
.icon-sort-by-attributes-alt:before {
  content: "\e156";
}
.icon-unchecked:before {
  content: "\e157";
}
.icon-expand:before {
  content: "\e158";
}
.icon-collapse-down:before {
  content: "\e159";
}
.icon-collapse-up:before {
  content: "\e160";
}
.icon-log-in:before {
  content: "\e161";
}
.icon-flash:before {
  content: "\e162";
}
.icon-log-out:before {
  content: "\e163";
}
.icon-new-window:before {
  content: "\e164";
}
.icon-record:before {
  content: "\e165";
}
.icon-save:before {
  content: "\e166";
}
.icon-open:before {
  content: "\e167";
}
.icon-saved:before {
  content: "\e168";
}
.icon-import:before {
  content: "\e169";
}
.icon-export:before {
  content: "\e170";
}
.icon-send:before {
  content: "\e171";
}
.icon-floppy-disk:before {
  content: "\e172";
}
.icon-floppy-saved:before {
  content: "\e173";
}
.icon-floppy-remove:before {
  content: "\e174";
}
.icon-floppy-save:before {
  content: "\e175";
}
.icon-floppy-open:before {
  content: "\e176";
}
.icon-credit-card:before {
  content: "\e177";
}
.icon-transfer:before {
  content: "\e178";
}
.icon-cutlery:before {
  content: "\e179";
}
.icon-header:before {
  content: "\e180";
}
.icon-compressed:before {
  content: "\e181";
}
.icon-earphone:before {
  content: "\e182";
}
.icon-phone-alt:before {
  content: "\e183";
}
.icon-tower:before {
  content: "\e184";
}
.icon-stats:before {
  content: "\e185";
}
.icon-sd-video:before {
  content: "\e186";
}
.icon-hd-video:before {
  content: "\e187";
}
.icon-subtitles:before {
  content: "\e188";
}
.icon-sound-stereo:before {
  content: "\e189";
}
.icon-sound-dolby:before {
  content: "\e190";
}
.icon-sound-5-1:before {
  content: "\e191";
}
.icon-sound-6-1:before {
  content: "\e192";
}
.icon-sound-7-1:before {
  content: "\e193";
}
.icon-copyright-mark:before {
  content: "\e194";
}
.icon-registration-mark:before {
  content: "\e195";
}
.icon-cloud-download:before {
  content: "\e197";
}
.icon-cloud-upload:before {
  content: "\e198";
}
.icon-tree-conifer:before {
  content: "\e199";
}
.icon-tree-deciduous:before {
  content: "\e200";
}


/* Buttons */

.btn {
    font-family: Tahoma;
    font-size: 12px;
    padding: 12px;
    min-width: 90px;
    margin-top: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    /* Theme*/
    color: #636363;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}


    .btn:hover, .btn:focus {
        color:gray;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        background-color: #e6e6e6;
    }

/* Button Colors*/
.btn-blue {
    color: white;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
}

    .btn-blue:hover, .btn-blue:focus {
        color:white;
        background-color: #0044cc;
    }

.btn-green {
    color:white;
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    border-color: #3e8f3e;
}

    .btn-green:hover, .btn-green:focus {
        color:white;
        background-color: #419641;
    }

.btn-aqua {
    color: white;
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    border-color: #28a4c9;
}

    .btn-aqua:hover, .btn-aqua:focus {
        color:white;
        background-color: #2aabd2;
    }


.btn-orange {
    color: white;
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    border-color: #e38d13;
}

    .btn-orange:hover, .btn-orange:focus {
        color:white;
        background-color: #eb9316;
    }

.btn-red {
    color: white;
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    border-color: #b92c28;
}

    .btn-red:hover, .btn-red:focus {
        color:white;
        background-color: #c12e2a;
    }


.btn-dark {
    color: white;
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
}

    .btn-dark:hover, .btn-dark:focus {
        color:white;
        background-color: #222222;
    }

    /* Button Sizes*/
.btn-large {
    min-width: 130px;
    padding: 13px 16px;
    font-size: 14px;
}

.btn-small {
    min-width: 80px;
    padding: 6px 10px;
    font-size: 11px;
    
}

.btn-xsmall {
    min-width: 70px;
    padding: 3px 5px;
    font-size: 10px;
}
