/*normalize*/
html, 
body, 
form {
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
    background: url(../images/bg.jpg) no-repeat top center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
	font: normal 14px "Tahoma Armenian", "GHEA Grapalat", "Segoe UI", Arial, sans-serif;
    color: #555555;
}

@media only screen and (min-width: 481px) and (max-width: 720px) {
    body {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
}

a {
  background: transparent;
}

img {
  border: 0;
}

button,
input {
  -webkit-appearance: none; 
  cursor: pointer; 
}

hr {
    border-width: 1px 0 0 0;
    border-color: #767676;
    border-style: solid;
}

/*typography*/
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

h1, h2, h3 {
    font-weight: normal;
    margin: .5em 0;
}

h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .875em;
}

/*template*/
#wrapper .t-container-fluid {
    max-width: 100%;
}

#wrapper .RadButton {
    font-size: 1em;
}

#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_Default, #wrapper .RadMenu_Default a.rmLink  {
    font-size: 1em;
}

#wrapper .dxeBase {
    font: normal 12px "Tahoma Armenian", "GHEA Grapalat", "Segoe UI", Arial, sans-serif !important;
}



/*Sidebar*/

.icon-bar {
    width: 55px;
    margin-top: 32px;
    margin-left: -15px;
    text-align: left;
    position: fixed;
    background-color: rgba(4,15,44,0.55);
    -pie-background:  rgba(4,15,44,0.55);
    behavior: url(PIE.htc);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 9999;
}

.icon-bar a {
    padding: 12px 13px;
    display: block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    color: rgba(255,255,255,0.8);
    -pie-color: rgba(255,255,255,0.8);
    behavior: url(PIE.htc);
    font-size: 26px;
}

.icon-bar a:hover {
    background-color: rgba(4,15,44,0.4);
    -pie-background:  rgba(4,15,44,0.4);
    behavior: url(PIE.htc);
}

.active {
    background-color: rgba(4,15,44,0.55);
    -pie-background:  rgba(4,15,44,0.55);
    behavior: url(PIE.htc);
}

.active a:hover {
    background-color: rgba(4,15,44,0.77) !important;
    -pie-background:  rgba(4,15,44,0.77);
    behavior: url(PIE.htc);
}

.icon-bar a:first-child {
    border-top-right-radius: 5px;
}

.icon-bar a:last-child {
    border-bottom-right-radius: 5px;
}


/*Content*/

#wrapper .allContent {
    padding-top: 240px;
}

#wrapper .contentcontainer {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}

#wrapper .contentcontainer .dvSettings {
    display: block;
    float: left;
    width: 70px;
    min-height: 20px;
    padding: 5px 0 5px 4px;
    font-size: 0.875em;
    color: rgba(0,0,51,0.77) !important;
    -pie-color:  rgba(0,0,51,0.77);
    behavior: url(PIE.htc);
    text-align: left;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
}

#wrapper .contentcontainer .dvSettings .size_text_minus {
    cursor: pointer;
}

#wrapper .contentcontainer .dvSettings .size_text_origin {
    font-size: 1.2em;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
}

#wrapper .contentcontainer .dvSettings .size_text_plus {
    cursor: pointer;
}

#wrapper .contentcontainer .dvTitle {
    display: block;
    float: right;
    min-height: 24px;
    padding: 0 4px 7px 0;
    font-size: 1.4em;
    color: rgba(0,0,51,0.88) !important;
    -pie-color:  rgba(0,0,51,0.88);
    behavior: url(PIE.htc);
    text-align: right;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
}

#wrapper .contentcontainer .dvContent .dvTitle {
    min-height: unset;
}

#wrapper .contentcontainer .dvTitle.dvStructure {
    padding: 0 4px 1px 0;
    font-size: 1.4em;
    color: rgba(0,0,51,0.88) !important;
    -pie-color:  rgba(0,0,51,0.88);
    behavior: url(PIE.htc);
    text-align: right;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
}

#wrapper .contentcontainer .dvTitle.dvNews {
    padding: 0 4px 1px 0;
    font-size: 1.4em;
    color: rgba(0,0,51,0.88) !important;
    -pie-color:  rgba(0,0,51,0.88);
    behavior: url(PIE.htc);
    text-align: right;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
}

#wrapper .contentcontainer .dvTitle a {
    padding: 4px 4px 7px 4px;
    color: rgba(0,0,51,0.88) !important;
    -pie-color:  rgba(0,0,51,0.88);
    behavior: url(PIE.htc);
    text-align: right;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
    text-decoration: none;
}

#wrapper .contentcontainer .dvTitle a:hover {
    padding: 4px 4px 7px 4px;
    color: rgba(0,0,51,0.77) !important;
    -pie-color:  rgba(0,0,51,0.77);
    behavior: url(PIE.htc);
    text-align: right;
    text-shadow: 5px 4px 4px rgba(0,0,0,0.22);
    text-decoration: none;
    background-color: rgba(11,23,53,0.22);
    -pie-background:  rgba(11,23,53,0.22);
    behavior: url(PIE.htc);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

#wrapper .contentcontainer .dvContent {
    clear: both;
    background-color: rgba(4,15,44,0.55);
    -pie-background:  rgba(4,15,44,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 60px;
    text-align: center;
    overflow: hidden !important;
}

#wrapper .contentcontainer #Welcome .dvContent {
    padding-left: 45px;
}

@media only screen and (max-width: 1024px) {
    #wrapper .contentcontainer #Welcome .dvContent {
        padding-left: 30px;
    }
}

#wrapper .contentcontainer .dvTs .dvContent {
    background-color: rgba(4,15,44,0.55);
    -pie-background:  rgba(4,15,44,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    text-align: center;
    overflow: hidden !important;
}

#wrapper .contentcontainer .dvCs .dvContent {
    background-color: rgba(4,15,44,0.55);
    -pie-background:  rgba(4,15,44,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    text-align: center;
    overflow: hidden !important;
}

#wrapper .contentcontainer .dvContentWoP {
    background-color: rgba(11,23,53,0.55);
    -pie-background:  rgba(11,23,53,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    padding: 0px 15px;
    margin-bottom: 60px;
    text-align: center;
}

#wrapper .contentcontainer .dvContentOffNews {
    background-color: rgba(11,23,53,0.55);
    -pie-background:  rgba(11,23,53,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 60px;
    text-align: center;
    overflow: hidden !important;
}

@media only screen and (max-width: 1024px) {

    #wrapper .contentcontainer .dvContentOffNews {
        background-color: rgba(11,23,53,0.88);
        -pie-background:  rgba(11,23,53,0.88);
        behavior: url(PIE.htc);
        border-radius: 5px;
        padding: 30px;
        margin-bottom: 60px;
        text-align: center;
        overflow: hidden;
    }

}


#wrapper .contentcontainer .dvContentInfo {
    background-color: rgba(11,23,53,0.55);
    -pie-background:  rgba(11,23,53,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 60px;
    text-align: center;
    overflow: hidden !important;
}

#wrapper .contentcontainer .dvContentStatistics {
    background-color: rgba(11,23,53,0.55);
    -pie-background:  rgba(11,23,53,0.55);
    behavior: url(PIE.htc);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 60px;
    text-align: center;
    overflow: hidden !important;
}


.dvClear {
    clear: both;
}

.dvColorBg {
      background-color: #eb6447;
}

.RadWindow_Default {
    z-index: 99999999 !important;
}

.BarIndicator_tbChangePassword_weak {
    color: Red;
    background-color: Red;
}

.BarIndicator_tbChangePassword_average {
    color: Blue;
    background-color: Blue;
}

.BarIndicator_tbChangePassword_good {
    color: Green;
    background-color: Green;
}

.BarBorder_tbChangePassword {
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}