/*****NEW********/

.txtbtn {
    display: inline;
    margin: 0px 5px 3px 5px;
    cursor: pointer;
    background-color: #bcd8e8;
    font-weight: bold;
    border: black 2px solid;
    border-radius: 5px;
    padding: 3px;
    float: left;
}

.btncolorItunes {
    background-color: yellow !important;
}

.btncoloruploadBuilds {
    background-color: #b40ddf73 !important;
}

.btncolorsubmitToStore {
    background-color: lightgreen !important;
}

body {
    background: #fff;
    color: #000;
    font-size: 14px;
    font-family: Verdana, Arial;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td, input, textarea {
    border: 0 none;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: normal;
}

/*h1 {*/
/*    font-size: 50px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

/*h2 {*/
/*    font-size: 44px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

/*h3 {*/
/*    font-size: 38px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

/*h4 {*/
/*    font-size: 28px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

/*h5 {*/
/*    font-size: 22px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

/*h6 {*/
/*    font-size: 16px;*/
/*    font-family: Verdana, Arial;*/
/*    font-weight: 700;*/
/*}*/

ul li {
    list-style-type: none;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.fcenter {
    text-align: center;
}

a {
    color: #0084ff;
}

a:hover {
    text-decoration: none;
}

/*---home style---*/
#main-wrapp {
    min-height: 100%;
    margin-bottom: -80px;
}

#main-wrapp:after {
    content: "";
    display: block;
}

#footer,
#main-wrapp:after {
    height: 80px;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ebf0f4;
    color: white;
    text-align: center;
}

.header {
    height: 100px;
    background: #0f3d68;
}

.section {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.logo a img {
    margin-top: 10px;
}

.logo {
    margin-right: 15px;
}

.name-sl {
    color: #fff;
    font-size: 22px;
    padding-top: 24px;
}

.slogan-sl {
    color: #638fb2;
}

.login-form-wrap {
    padding-top: 100px;
    position: relative;
    padding-bottom: 100px;
}

.login-form {
    margin: 0 auto;
    width: 393px;
    border-radius: 6px;
    border: 1px solid #ebe9e9;
    box-shadow: 1px 1px 4px rgba(98, 160, 218, 0.3);
    background: rgb(253, 254, 254);
    background: -moz-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 254, 254, 1)), color-stop(51%, rgba(248, 250, 252, 1)), color-stop(100%, rgba(243, 246, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#f3f6f9', GradientType=0);
}

.ttl-login span {
    color: #fff;
    font-weight: bold;
    background: url(../Content/images/ic-1.png) no-repeat scroll left 1px;
    padding-left: 20px;
}

.ttl-login {
    text-align: center;
    padding: 15px 0;
    background: #000000;
    /*url(../Content/images/ttl-bg.png) repeat-x scroll;*/
    border-bottom: 1px solid #ebe9e9;
    border-radius: 6px 6px 0 0;
}

.ttl-reg span {
    color: #fff;
    font-weight: bold;
    background: url(../Content/images/ic-2.png) no-repeat scroll left 1px;
    padding-left: 20px;
}

.ttl-reg {
    text-align: center;
    padding: 15px 0;
    background: url(../Content/images/ttl-bg.png) repeat-x scroll;
    border-bottom: 1px solid #ebe9e9;
    border-radius: 6px 6px 0 0;
}

.field-wrap {
    padding: 20px 0 10px 0;
}

.row-field {
    margin-bottom: 15px;
}

.lbl {
    text-align: right;
    width: 160px;
    padding-top: 5px;
    color: #323030;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
}

.fld input {
    width: 185px;
    height: 28px;
    border: 1px solid #c1c3cb;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 5px;
    outline: none;
}

.chk {
    margin-left: 147px;
    font-size: 12px;
}

.ml-auto {
    margin-left: auto;
}

.btn-new-color {
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    border: solid #d71919 !important;
    background-color: #000000;
    /*background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#2d88c9),color-stop(50%,#1f73ad),color-stop(51%,#135e9a),color-stop(100%,#044478));*/
    /*background: -webkit-linear-gradient(top,#2d88c9 20%,#1f73ad 50%,#135e9a 51%,#044478 100%);*/
    /*background: -moz-linear-gradient(top,#2d88c9 20%,#1f73ad 50%,#135e9a 51%,#044478 100%);*/
    /*background: -o-linear-gradient(top,#2d88c9 20%,#1f73ad 50%,#135e9a 51%,#044478 100%);*/
    /*background: linear-gradient(top,#2d88c9 20%,#1f73ad 50%,#135e9a 51%,#044478 100%);*/
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial;
    color: #fff;
    border: none;
    cursor: pointer;
}


.btn-new-color.red {
    background-color: #830909;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #c92d2d), color-stop(50%, #ad1f1f), color-stop(51%, #9a1313), color-stop(100%, #780404));
    background: -webkit-linear-gradient(top, #c92d2d 20%, #ad1f1f 50%, #9a1313 51%, #780404 100%);
    background: -moz-linear-gradient(top, #c92d2d 20%, #ad1f1f 50%, #9a1313 51%, #780404 100%);
    background: -o-linear-gradient(top, #c92d2d 20%, #ad1f1f 50%, #9a1313 51%, #780404 100%);
    background: linear-gradient(top, #c92d2d 20%, #ad1f1f 50%, #135e9a 51%, #780404 100%);
}

.btn-new-color.red:hover {
    background-color: #730505;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #a91717), color-stop(50%, #901313), color-stop(51%, #780606), color-stop(100%, #5a0202));
    background: -webkit-linear-gradient(top, #a91717 20%, #901313 50%, #780606 51%, #5a0202 100%);
    background: -moz-linear-gradient(top, #a91717 20%, #901313 50%, #780606 51%, #5a0202 100%);
    background: -o-linear-gradient(top, #a91717 20%, #901313 50%, #780606 51%, #5a0202 100%);
    background: linear-gradient(top, #a91717 20%, #901313 50%, #780606 51%, #5a0202 100%);
}

.btn-new-color:hover {
    background-color: #e8a1a1;
    /*background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#176da9),color-stop(50%,#135d90),color-stop(51%,#064578),color-stop(100%,#02335a));*/
    /*background: -webkit-linear-gradient(top,#176da9 20%,#135d90 50%,#064578 51%,#02335a 100%);*/
    /*background: -moz-linear-gradient(top,#176da9 20%,#135d90 50%,#064578 51%,#02335a 100%);*/
    /*background: -o-linear-gradient(top,#176da9 20%,#135d90 50%,#064578 51%,#02335a 100%);*/
    /*background: linear-gradient(top,#176da9 20%,#135d90 50%,#064578 51%,#02335a 100%);*/
}

.btn-new-color:disabled {
    background: #c8c8c8;
    cursor: default;
}

.forg {
    border-top: 1px solid #ebe9e9;
    width: 345px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.forg a {
    color: #1061ad;
    font-size: 12px;
}

.forg a:hover {
    text-decoration: none;
}

.bottom-txt {
    font-size: 12px;
    padding-top: 20px;
    color: #536688;
}

.footer-content {
    padding: 10px 0 0 0;
    color: #8d8f90;
    font-size: 12px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ebf0f4;
    text-align: center;
}

.create span {
    font-size: 18px;
    color: #b9bbc1;
}

.menu {
    border-bottom: 1px solid #e7e7e7;
    padding: 12px 0;
    margin-bottom: 20px;
}

.main-nav ul li {
    float: left;
    border-right: 2px solid #e1e1e1;
}

.main-nav ul li a {
    font-size: 15px;
    color: #626364;
    margin: 0 20px;
    text-decoration: none;
}

.main-nav ul li:first-child a {
    margin-left: 0;
}

.main-nav ul li:last-child {
    border-right: none;
}

.ttl-page {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
    position: relative;
}

.list-packages .item {
    display: inline-block;
    width: 291px;
    height: 233px;
    vertical-align: top;
    border: 1px solid #dedede;
    box-shadow: 1px 1px 4px rgba(98, 160, 218, 0.3);
    background: rgb(253, 254, 254);
    background: -moz-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 254, 254, 1)), color-stop(51%, rgba(248, 250, 252, 1)), color-stop(100%, rgba(243, 246, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#f3f6f9', GradientType=0);
    margin-right: 55px;
    margin-bottom: 35px;
}

.list-packages {
    position: relative;
    margin-right: -150px;
}

.ttl-item {
    position: relative;
    height: 42px;
    background: url(../Content/images/ttl-bg-sm.png) repeat-x scroll;
    border-bottom: 1px solid #ebe9e9;
}

.ttl-name-1 {
    position: absolute;
    top: 11px;
    left: 125px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-1 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 85px;
    margin-top: -15px;
    background: url(../Content/images/spr.png) no-repeat scroll -7px -6px;
}

.ttl-name-2 {
    position: absolute;
    top: 11px;
    left: 135px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-2 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 95px;
    margin-top: -13px;
    background: url(../Content/images/spr.png) no-repeat scroll -50px -8px;
}

.ttl-name-3 {
    position: absolute;
    top: 11px;
    left: 135px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-3 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 95px;
    margin-top: -16px;
    background: url(../Content/images/spr.png) no-repeat scroll -7px -84px;
}

.ttl-name-4 {
    position: absolute;
    top: 11px;
    left: 135px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-4 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 95px;
    margin-top: -12px;
    background: url(../Content/images/spr.png) no-repeat scroll -7px -49px;
}

.ttl-name-5 {
    position: absolute;
    top: 11px;
    left: 128px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-5 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 90px;
    margin-top: -14px;
    background: url(../Content/images/spr.png) no-repeat scroll -54px -45px;
}

.ttl-name-6 {
    position: absolute;
    top: 11px;
    left: 128px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.ttl-icon-6 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 90px;
    margin-top: -14px;
    background: url(../Content/images/spr.png) no-repeat scroll -53px -84px;
}

.option {
    padding-top: 15px;
}

.name-p {
    width: 172px;
    text-align: right;
    margin-right: 7px;
}

.name-price-1 {
    color: #000;
    font-size: 13px;
    background: url(../Content/images/spr.png) no-repeat scroll -91px -6px;
    padding-left: 30px;
}

.name-price-2 {
    color: #000;
    font-size: 13px;
    background: url(../Content/images/spr.png) no-repeat scroll -93px -31px;
    padding-left: 30px;
    margin-right: 7px;
}

.name-price-3 {
    color: #000;
    font-size: 13px;
    background: url(../Content/images/spr.png) no-repeat scroll -95px -60px;
    padding-left: 30px;
}

.name-price-4 {
    color: #000;
    font-size: 13px;
    background: url(../Content/images/spr.png) no-repeat scroll -93px -86px;
    padding-left: 30px;
    margin-right: 54px;
}

.price {
    font-size: 13px;
    color: #696969;
}

.inner-opt {
    margin-bottom: 7px;
}

.for-buy {
    padding-top: 20px;
}

.span-buy {
    background: rgba(0, 0, 0, 0) url("../Content/images/ic-7.png") no-repeat scroll left -1px;
    padding-left: 20px;
    cursor: pointer;
}

.bread {
    top: 0;
    right: 0;
}

.bread ul li {
    float: left;
}

.bread ul li a.home {
    background: url(../Content/images/spr.png) no-repeat scroll -13px -130px;
    padding-left: 30px;
}

.bread ul li a {
    font-size: 12px;
    font-weight: normal;
    margin-right: 8px;
}

.bread ul li span {
    font-size: 12px;
    color: #626364;
    padding-left: 25px;
    background: url(../Content/images/arr.png) no-repeat scroll left 7px;
    margin-right: 8px;
    font-weight: normal;
}

.span-out {
    background: rgba(0, 0, 0, 0) url("../Content/images/ic-8.png") no-repeat scroll left -2px;
    padding-left: 25px;
    cursor: pointer;
}

.span-pht {
    background: rgba(0, 0, 0, 0) url("../Content/images/ic-9.png") no-repeat scroll left -1px;
    padding-left: 20px;
    cursor: pointer;
}

.span-ugrd {
    background: rgba(0, 0, 0, 0) url("../Content/images/ic-7.png") no-repeat scroll left -1px;
    padding-left: 25px;
    cursor: pointer;
}

.span-ntf {
    background: rgba(0, 0, 0, 0) url("../Content/images/ic-10.png") no-repeat scroll left -1px;
    padding-left: 25px;
    cursor: pointer;
}

.logout {
    text-align: right;
}

.wel-name {
    padding-top: 20px;
    margin-bottom: 10px;
    color: #638fb2;
}

.wel-name a {
    color: #fff;
}

.photo-profile {
    width: 241px;
    height: 241px;
    border: 6px solid #f3f6f9;
    overflow: hidden;
    line-height: 0;
    margin-bottom: 20px;
}

.photo-user {
    margin-right: 25px;
}

.info-user {
    width: 437px;
    border: 1px solid #d2e8f4;
    padding: 25px;
    background: #f1faff;
}

.section-row-1 {
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.lbl-2 {
    width: 150px;
    padding-top: 6px;
    padding-right: 7px;
    font-weight: bold;
    color: #323030;
    font-size: 12px;
    text-align: right;
}

.fld-2 input {
    width: 253px;
    height: 28px;
    border: 1px solid #c1c3cb;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 5px;
    outline: none;
}

.undo-pass {
    margin-bottom: 25px;
}

.profile-wrapp {
    padding-bottom: 30px;
}

#file-1 {
    position: absolute;
}

.customFile {
    width: 142px;
    margin-left: 0px;
    cursor: default;
    height: 27px;
    z-index: 2;
    filter: alpha(opacity:0);
    opacity: 0;
}

.fakeButton {
    position: absolute;
    z-index: 1;
    width: 142px;
    height: 27px;
    background: url(../Content/images/btn-ph.png) no-repeat left top;
    float: left;
}

.blocker {
    position: absolute;
    z-index: 3;
    height: 27px;
    background: url(../Content/images/transparent.gif);
    margin-left: 0;
}

#activeBrowseButton {
    background: url(../Content/images/button_active.jpg) no-repeat left top;
    display: none;
}

.infile {
    position: relative;
    height: 27px;
    width: 100%;
}

.access-wrapp {
    padding-bottom: 30px;
}

.group-select {
    height: 48px;
    background: url(../Content/images/group-bg.png) no-repeat scroll left 0 #f1faff;
    border: 1px solid #d2e8f4;
    margin-bottom: 17px;
}

.nm-group {
    padding: 17px 10px 0 12px;
    color: #606060;
    font-size: 12px;
}

.sl-group select {
    width: 260px;
    padding: 5px;
    border: 1px solid #e3e9ef;
}

.sl-group {
    padding-top: 8px;
    margin-right: 20px;
}

.sh-group {
    font-size: 12px;
    padding-top: 17px;
}

.sell-wrapp {
    height: 45px;
    border: 1px solid #d2e8f4;
    background: #0f3d68;
    margin-bottom: 7px;
}

.sell-row-1 {
    color: #6499c4;
    font-size: 12px;
    padding-top: 15px;
    padding-left: 12px;
    padding-right: 20px;
}

.sell-row-1 a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.sell-row-2 {
    padding-top: 6px;
}

.ent-name {
    height: 57px;
    background: url(../Content/images/ent-bg.png) repeat-x scroll;
    border-bottom: 1px solid #90c0e3;
    border-left: 1px solid #90c0e3;
    border-right: 1px solid #90c0e3;
}

.ent-row {
    font-size: 12px;
    color: #fff;
    padding-top: 21px;
    padding-left: 12px;
    font-weight: bold;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);
}

.ent-row label input {
    margin-right: 25px;
}

.srch-line {
    padding: 20px 0;
    position: relative;
    background: #f1faff;
    border-bottom: 1px solid #d2e8f4;
    border-left: 1px solid #3c8bc6;
    border-right: 1px solid #3c8bc6;
}

.srch-line input {
    width: 855px;
    height: 28px;
    border: 1px solid #c1c3cb;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 5px;
    outline: none;
}

.ic-3 {
    width: 16px;
    height: 15px;
    position: absolute;
    top: 29px;
    right: 30px;
    background: url(../Content/images/ic-3.png) no-repeat scroll;
}

.ic-4 {
    width: 16px;
    height: 15px;
    position: absolute;
    top: 29px;
    right: 10px;
    background: url(../Content/images/ic-3.png) no-repeat scroll 0 -15px;
}

.row-area {
    border-bottom: 1px solid #d2e8f4;
    border-left: 1px solid #3c8bc6;
    border-right: 1px solid #3c8bc6;
    padding: 13px 0 13px 12px;
    font-size: 12px;
    color: #606060;
}

.row-area:last-child {
    border-bottom: 1px solid #3c8bc6;
}

.items-col {
    font-size: 12px;
}

.pagin {
    padding-top: 15px;
}

.item-pag a.left-all {
    width: 24px;
    height: 24px;
    background: url(../Content/images/pag.png) no-repeat scroll;
    margin-right: 4px;
}

.item-pag a.left-one {
    width: 24px;
    height: 24px;
    background: url(../Content/images/pag.png) no-repeat scroll 0 -24px;
    margin-right: 10px;
}

.item-pag a.right-all {
    width: 24px;
    height: 24px;
    background: url(../Content/images/pag.png) no-repeat scroll 0 -48px;
    margin-right: 4px;
}

.item-pag a.right-one {
    width: 24px;
    height: 24px;
    background: url(../Content/images/pag.png) no-repeat scroll 0 -72px;
}

.item-pag input {
    width: 50px;
    height: 25px;
    border: 1px solid #e0e5f1;
    text-align: center;
    margin-right: 10px;
}

.item-pag span {
    font-size: 12px;
    margin-right: 10px;
    line-height: 2.1;
    color: #000;
}

.users-wrapp {
    padding-bottom: 30px;
}

.grid table {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #3c8bc6;
}

.grid table thead tr:first-child {
    background: url(../Content/images/ent-bg.png) repeat-x scroll;
}

.grid table thead tr:last-child {
    background: #f1faff;
}

.grid table thead th {
    padding: 10px 0;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
    color: #fff;
}

.grid table tbody tr:first-child {
    /*background:#f1faff;*/
}

.grid table tbody tr:first-child td {
    border-bottom: 1px solid #d2e8f4;
    padding: 10px 0;
    text-align: center;
}

.grid table tbody tr td {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #d2e8f4;
    font-size: 12px;
    color: #606060;
}

.users-bt {
    position: relative;
    width: 35px;
    height: 16px;
}

.users-bt a.ic-3 {
    top: 0;
    left: 0;
}

.users-bt a.ic-4 {
    top: 0;
    right: 0;
}

/*---popups---*/
.pass-forg-wrapp {
    width: 460px;
    background: rgb(253, 254, 254);
    background: -moz-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 254, 254, 1)), color-stop(51%, rgba(248, 250, 252, 1)), color-stop(100%, rgba(243, 246, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#f3f6f9', GradientType=0);
    border-radius: 6px;
}

.forg-inner {
    padding: 15px;
    font-size: 12px;
}

.ttl-i {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    font-weight: bold;
    padding-left: 20px;
    background: url(../Content/images/ic-4.png) no-repeat scroll left 1px;
}

.ttl-popup {
    position: relative;
    padding: 15px;
    background: url(../Content/images/ttl-bg.png) repeat-x scroll;
    border-radius: 6px 6px 0 0;
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 27px;
    height: 27px;
    background: url(../Content/images/ic-5.png) no-repeat scroll;
}

.lbl-3 {
    color: #323030;
    font-size: 12px;
    font-weight: bold;
    padding-right: 7px;
    padding-top: 6px;
    text-align: right;
    width: 100px;
}

.fld-3 input:not([type='checkbox']) {
    border: 1px solid #c1c3cb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    height: 28px;
    outline: medium none;
    padding-left: 5px;
    width: 260px;
}

.lbl-3 input[type='checkbox'] {
    margin-left: 5px;
}

.fld-3 input[type='checkbox'] {
    margin-top: 10px;
    margin-right: 5px;
}

.fld-3 input.timezone {
    width: 135px;
}

.fld-3 select.timezone {
    width: 120px;
}

.fld-3 input[type="button"] {
    padding: 0;
}

.color-sp {
    color: #4b4b4b;
    font-size: 13px;
}

.ttl-i2 {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    font-weight: bold;
    padding-left: 20px;
    background: url(../Content/images/ic-6.png) no-repeat scroll left 1px;
}

.fld-3 textarea {
    border: 1px solid #c1c3cb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    height: 68px;
    outline: medium none;
    padding: 5px;
    width: 254px;
    resize: none;
}

.fld-3 select {
    width: 265px;
    padding: 5px;
    border: 1px solid #c1c3cb;
    outline: medium none;
}

.chk-1 {
    margin-left: 93px;
    font-size: 12px;
}

.select-tab {
    color: #3c8bc6 !important;
}

#buyPackages {
    border: none;
    width: 100%;
    height: 1400px;
}

.profile-edit-icon {
    float: right;
    margin-top: 7px;
    cursor: pointer;
}

.profile-show-hide-icon {
    float: right;
    margin-left: 7px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 15px;
    width: 15px;
}

.change-email-container {
    padding: 30px;
}

.bordered-btn {
    border: initial;
    padding: 4px;
}

.share-link {
    cursor: pointer;
    text-decoration: underline;
}

.device-icon {
    width: 128px;
    margin: 0 auto;
}

.inner-device {
    border-radius: 4px;
    height: 250px;
    text-align: center;
    padding-top: 35px;
}

.inner-device:hover {
    background-color: #D5E8F7;
}

.destinations-count-container {
    float: left;
    width: 20%;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
}

.user-profile-hr {
    color: #CCCCCC;
    width: 90%;
    margin: 0 auto;
}

.user-profile-packages-outer-container {
    width: 470px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.user-profile-packages-inner-left-container {
    float: left;
    background-color: #EAEDF2;
    width: 120px;
    height: 120px;
    text-align: center;
}

.user-profile-packages-inner-right-container {
    background-color: #F5F6FA;
    height: 120px;
}

.user-profile-packages-container {
    border-radius: 4px;
    margin-top: 20px;
}

.user-profile-packages {
    float: right;
    width: 48%;
}

.user-profile-stats-outer-container {
    float: left;
    width: 48%;
}

.user-profile-stats-inner-container {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-top: 20px;
}

.user-profile-summary-header {
    width: 100%;
    text-align: center;
    padding: 30px;
}

.user-profile-total-backups {
    padding: 15px;
    background-color: #D5E8F7;
    border-radius: 4px;
    font-size: 1.8em;
    font-weight: bold;
    color: #1A64A5;
}

.user-profile-packages-inner {
    padding-top: 20px;
    padding-left: 150px;
    position: relative;
    display: block;
    line-height: 2;
}

.user-profile-backup-type-name {
    font-size: x-small;
    font-weight: bold;
}

.user-profile-destination-type-icon {
    vertical-align: middle;
}

.user-profile-destination-inner {
    height: 35px;
}

.user-profile-package-name {
    position: relative;
    top: 50px;
}

.user-profile-buy-package {
    /* top: 20px;
    position: relative; */
}

.backup-path {
    background-color: #C1E7FF;
    border-left: solid 5px #1B90FC;
    padding: 8px;
    margin: 0 0 10px 0;
}

tr.backup-item-folder {
    background-color: #E2EEF6;
    cursor: pointer;
}

.inner-device-active {
    background-color: #D5E8F7;
}

.no-backups-header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.inner-drive {
    width: 128px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    font-weight: bold;
    color: #1061ad;
    cursor: pointer;
}

.inner-drive:hover {
    background-color: #D5E8F7;
}

.reg-form-success {
    margin-top: 20px;
}

.feedback textarea {
    margin-top: 10px;
    border: solid 1px;
    width: 512px;
    height: 200px;
}

.feedback .pl-right {
    float: right;
}

.btn-custom {
    width: 134px;
    height: 27px;
    border: none;
    font-family: monospace;
    cursor: pointer;
    background: linear-gradient(to top, #4E74C7, #3F76EF);
    color: #ffffff;
}

.btn-custom-secondary {
    width: 134px;
    height: 27px;
    border: none;
    font-family: monospace;
    cursor: pointer;
    background: linear-gradient(to top, #86a0db, #6b95f0);
    color: #ffffff;
}

.tooltipDevice .tooltip-content {
    position: absolute;
    width: 170px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.7);
    /*height: 90px;*/
    line-height: 14px;
    text-align: center;
    display: none;
    border-radius: 6px;
    font-size: 10px;
    padding: 5px;
    text-align: left;
    bottom: 5px;
}

.inner-device-active:hover .tooltip-content {
    display: block;
    margin-left: 10px;
    z-index: 999;
}


.subcb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    height: 28px;
    outline: medium none;
    padding-left: 5px;
    width: 192px;
}


.ticket-form {
    background: linear-gradient(to bottom, rgba(253, 254, 254, 1) 0%, rgba(248, 250, 252, 1) 51%, rgba(243, 246, 249, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ebe9e9;
    border-radius: 6px;
    box-shadow: 1px 1px 4px rgba(98, 160, 218, 0.3);
    margin: 0 auto;
    /* width: 393px;*/
}

.ticket-descr {
    width: 790px;
    outline: none;
}


.ttl-reg {
    background: url("../Content/images/ttl-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #ebe9e9;
    border-radius: 6px 6px 0 0;
    padding: 15px 0;
    text-align: center;
}


.ttl-ticketForm span {
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    font-size: 20px;
}

.ttl-ticket {
    background: none !important;
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    font-size: 20px;
}

.btnTicket {
    font-weight: bold;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: normal 16px/normal "Times New Roman", Times, serif;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #263f99;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(15, 73, 168, 0.66);
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.email-template-form {
    width: 55%;
    margin: 0 auto;
}


.email-tpl-btn {
    padding: 0 15px 0px 0px;
}

.grid-icon-button {
    background-color: transparent;
    background-size: cover;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

.grid-icon-button.inheritance {
    background-image: url('../Content/images/width-size-add-button.png');
}

.grid-icon-button.edit {
    background-image: url('../Content/images/edit.png');
}

.grid-icon-button.delete {
    background-image: url('../Content/images/grid-delete-red.png');
}

.grid-icon-button.modify {
    background-image: url('../Content/images/pencil.png');
}

.grid-icon-button:hover {
    opacity: .5;
}

.grid-icon-button:disabled {
    opacity: .3;
}

.grid-icon-button.next {
    margin-left: 2.5px;
}

.hidden {
    display: none;
}

#templatesTable tbody tr td {
    padding: 6px;
}

.pkg-active {
    border: solid 3px #b3beb3;
    padding: 3px;
    border-radius: 5px;
}

.property {
    width: 15%;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    margin-bottom: 5px;
}

.value {
    text-align: left;
    padding-left: 10px;
    width: 85%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.h-inherit {
    height: inherit;
}