﻿/* input */
textarea,input[type="text"],input[type="password"],input[type="file"],input[type="Emphasize"],.uneditable-input,select{border-radius: 3px;color: #333333;font-family: Vazir;font-size:12px ;padding: 3px;background-color:#ffffff;border: 1px solid #5fabdb;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}                                                        
input[type="Emphasize"]{ border: 1px solid #ff6347;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="Emphasize"]:focus,.uneditable-input:focus,input[type="checkbox"]:focus,input[type="radio"]:focus,.RedText:focus {background:#e0faff;border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}

input[type="checkbox"],input[type="radio"]{-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}input[type="checkbox"]:hover{-webkit-transform: scale(1.3) rotate(45deg);transform: scale(1.3) rotate(45deg);}input[type="radio"]:hover{-webkit-transform: scale(1.3);transform: scale(1.3);}
input[type=checkbox] + label {font-style: italic;} 
input[type=checkbox]:checked + label {color: #0085cc;font-style: normal;}
input[type="radio"], input[type="checkbox"] {margin-left: 3px;margin-right: 10px;}
input[type=image] {cursor: pointer}

.iButton {padding: 5px;text-align: center;text-decoration: none !important;display: inline-block;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer;border-radius: 3px}
.iButton:active, .iButton:focus, .iButton:hover {-webkit-transform: scale(1.02);transform: scale(1.02);text-decoration: none}

.iButtonSimple {text-align: center;display: inline-block;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer}
.iButtonSimple:hover {-webkit-transform: scale(.95);transform: scale(.95);text-decoration: none}

/* ====MESSAGES==== */
.msgWarning {background: #fff5cc url(../Image/Icon/Message/msgWarning.gif) no-repeat right;border: 1px solid #f2dd8c;color: #db7f1a;display: block;margin: 5px;padding: 5px 25px 5px 5px;border-radius: 5px}
.msgInfo {background: #e8f6ff url(../Image/Icon/Message/msgInfo.gif) no-repeat right;border: 1px solid #b8e2fb;color: #0085cc;display: block;margin: 5px;padding: 5px 25px 5px 5px;border-radius: 5px}
.msgDone {background: #eaf7d9 url(../Image/Icon/Message/msgDone.gif) no-repeat right;border: 1px solid #bbdf8d;color: #318c0e;display: block;margin: 5px;padding: 5px 25px 5px 5px;border-radius: 5px}
.msgError {background: #feebeb url(../Image/Icon/Message/msgErrors.gif) no-repeat right;border: 1px solid #ffaeae;color: #e40000;display: block;margin: 5px;padding: 5px 25px 5px 5px;border-radius: 5px}
.msgNone {border: 1px solid transparent;display: block;margin: 5px;padding: 5px 25px 5px 5px;}

/*=========================== Idea Grid =======================================*/
.IdeaGrid {width:100%;text-align:center;border: 1px solid #b9d5e1}
.IdeaGrid td{border: dotted 1px #b9d5e1;text-align: center;padding: 4px;color: #494949;-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}
.IdeaGrid td:hover{ background: #f0ffba;}

.IdeaGridHeader th{height:35px ;background:#f8f9ff;text-align: center;border:none;-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}
.IdeaGridHeader th:hover{background: #d8f5ff;}
.IdeaGridHeader a, .IdeaGridHeader a:visited{text-decoration: none !important;text-align:center;display: block;padding: 3px 0 3px 0;color: #0073ea;font-size: 12px;font-family: Vazir;font-weight: bold}.IdeaGridHeader a:hover{ color: #009137;text-decoration: none}

.IdeaGridFooter{background:#f8f9ff;border-top:2px solid #b9d5e1;} .IdeaGridFooter td:hover{background: #f8f9ff}
.IdeaGridFooter td div center table tbody tr td{ padding: 0;margin: 0;border: 0}
.IdeaGridFooter div div .iButtonSimple{display: inline-block !important}
.IdeaGridFooter select{margin-left: 5px}

.IdeaGridPager tbody tr td a{ padding: 5px 6px 5px 6px;display: block;border: solid 1px #b9d5e1;margin: 1px;border-radius: 5px;-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}
.IdeaGridPager tbody tr td a:hover{  background: #b2e1f5;text-decoration: none;border-radius: 10px;border-color: #b2e1f5}
.SelectedPage{ background: #0073ea;color: white}

.SelectedRow{background: #b5dd31;font-weight:normal;color:Black}
.CommandCell{height:22px;width:22px;} 
.CommandCell input[type="image"]{ border-radius: 5px;-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}.CommandCell input[type="image"]:hover{border-radius: 10px;-webkit-transform: scale(1.2);transform: scale(1.2)}
.CommandCell input[type="checkbox"]{-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}.CommandCell input[type="checkbox"]:hover{-webkit-transform: scale(1.3);transform: scale(1.3)}
.InvisibleElement{display:none;}
.HiddenElement {background: #fff;color: #fff;display: none;font-size: 1%;width: 1px}
.SortAsc{ background: #eef3f8 !important}.SortDesc{background: #eef3f8 !important}


/* Rating */
.ratingStar {font-size: 0;width: 13px;height: 12px;margin: 0;padding: 0;cursor: pointer;display: block;background-repeat: no-repeat}
.filledRatingStar {background-image: url(../Image/Icon/FilledStar.png)}
.emptyRatingStar {background-image: url(../Image/Icon/EmptyStar.png)}

.ratingCell {font-size: 0;width: 32px;height: 32px;padding: 1px;cursor: pointer;background-repeat: no-repeat;float: right !important}
.filledRatingCell {background-image: url(../Image/Icon/GreenCell.png)}
.emptyRatingCell {background-image: url(../Image/Icon/GrayCell.png)}


/* Telerik OverWrite */
.rcbInput radPreventDecorate {font-weight: 400 !important}
.rcbInput {font-weight: 400 !important;font-size: 11px !important}
.rcbList {text-align: right !important;width: 100% !important}
.rcbTemplate {border-bottom: 1px dashed #d7eaf4;padding-left: 2px !important}
.rcbTemplate div {float: right;font-size: 12px !important}
.rcbLoading {border-bottom: 1px solid #09c;color: #09c !important;background: #f5f5f5 url(../Image/Design/DataLoading.gif) no-repeat right !important;padding-top: 5px !important;padding-bottom: 5px !important}
.rtLI {text-align: right}
.rtIn {font-size: 13px}
.RadTreeView_Default {margin-right: 10px}
.RadTreeView_rtl .rtMinus, .RadTreeView_rtl .rtPlus {right: -5px !important}
.rddtInner {text-align: right}
.rtIn {font-size: 10px}
.rtsTxt {padding: 3px 5px !important;font-weight:inherit !important}
.rmpHidden {display: none}


/* Tooltip*/
.tooltips {cursor: default}
a.tooltips {position: relative;display: inline-block;text-underline: transparent;padding-bottom: 2px}
a.tooltips span {position: absolute;width: 200px;color: #3f5e73;background: #fff;line-height: 15px;text-align: justify;visibility: hidden;border-radius: 10px;box-shadow: 0 0 5px #00add5;padding: 8px;border: 4px solid #00add5}
a.tooltips span:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -8px;width: 0;height: 0;border-top: 10px solid #00add5;border-right: 10px solid transparent;border-left: 10px solid transparent}
a:hover.tooltips {text-decoration: none}
a:hover.tooltips span {visibility: visible;opacity: .9;bottom: 23px;left: 50%;margin-left: -76px;z-index: 999}
a.tooltip {outline: 0}
a.tooltip strong {line-height: 30px}
a.tooltip:hover {text-decoration: none}
a.tooltip span {z-index: 10;display: none;padding: 14px 20px;margin-top: -30px;line-height: 16px;width: 200px;text-align: justify;word-wrap: break-word;border-radius: 4px;box-shadow: 5px 5px 8px #ccc}
a.tooltip:hover span {display: inline;position: absolute;color: #111;border: 1px solid #dca;background: #fffaf0}
a.tooltip .fa {font-size: 15px;margin-left: 5px}

.ideacheck input[type="checkbox"] {display: none !important;}
.ideacheck label {display: inline-block;border-radius: 5px;border: none;padding: 4px 10px;background-color: #F6F7F9;text-align: -webkit-match-parent;margin: 0 2px}
.ideacheck label:hover {cursor:pointer}
.ideacheck input[type="checkbox"] + label {color: #c6c6c6;border: 1.5px solid transparent}
.ideacheck input[type="checkbox"]:checked + label {border: 1.5px solid #131f52;color: #131f52}
.ideacheck input[type="checkbox"]:disabled + label {display:none}

.idearadio input[type="radio"] {display: none !important;}
.idearadio label {display: inline-block;border-radius: 5px;border: none;padding: 4px 10px;background-color: #F6F7F9;text-align: -webkit-match-parent;margin: 0 2px}
.idearadio label:hover {cursor:pointer}
.idearadio input[type="radio"] + label {color: #c6c6c6;border: 1.5px solid transparent;}
.idearadio input[type="radio"]:checked + label {border: 1.5px solid #131f52;color: #131f52;}
.idearadio input[type="radio"]:disabled + label {display:none}

.RadTabStrip_Silk .rtsLevel1 .rtsLink {background-image:none !important; background-color:#ffffff !important; border-right:none !important}
.RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink {color:#2cb4aa !important}
.RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {border-color:#2cb4aa !important}
.rtsUL:first-child {border-right:1px solid #e3e3e3 !important}

.RadSlider, .rslHorizontal {width:100% !important; height:60px !important; margin-bottom:-10px !important}
.rslTrack { width: calc(100% - 94px) !important;  height:14px !important; box-shadow: none !important; border:none !important;}
.rslSelectedregion {left:unset !important; right:0 !important;  height:14px !important; border:none !important; background:linear-gradient(to left, whitesmoke,whitesmoke,#2cb4aa) !important}
.rslDraghandle {top:2px !important; text-indent:unset !important}
.rslDraghandle span {line-height:24px !important}
.rslItemsWrapper {width: calc(100% - 94px) !important;}
.rslItemsWrapper li {overflow:visible !important}
.rslItemsWrapper li span {font-size:8px !important}
.rslItemsWrapper li span:hover {cursor:pointer; color:#2cb4aa}
.rslItem {background-image:none !important}
.NoWidth {opacity:0 !important}
.tdVerticalAlign {display:flex; align-items:center}
.EvlValue {width:120px; text-align:left !important; padding-left:20px !important; padding-top:10px !important}
.EvlValue span {font-size:12px !important; color:#2cb4aa}
.clean span {background-image:url(../Image/Icon/erase.png) !important; background-position:center center !important; background-repeat:no-repeat !important; background-size:12px !important; color:transparent; margin-right:-20px}
.clean span {color:transparent !important}

@media only screen and (max-width:1024px) {
    .IdeaGridHeader a, .IdeaGridHeader a:visited {font-size: 2rem}
}