/* general */
html{
    height:100%;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #797979;
    background: #fff;
    padding: 0px !important;
    margin: 0px !important;
    font-size:12px !important;
    height: 100%;
}
@font-face { font-family: "AGAvantGarde Mon"; src: url('font/AGAvantGardeMon.ttf'); }
@font-face { font-family: "MAK Freeset"; src: url('font/MAK Freeset_0.ttf'); }
@font-face { font-family: "MAK MagistralNormal"; src: url('font/MAK Magistral Italic.ttf'); }
@font-face { font-family: "MAK Magistral"; src: url('font/MAK Magistral Bold Italic.ttf'); }
ul li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    color: #005bab;
}
h3 {
    margin-top: 0 !important;
}
a, a:hover, a:focus {
    text-decoration: none !important;
    outline: none;
}
a{
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
::selection {
    background: #2e77b7;
    color: #fff;
}
::-moz-selection {
    background: #2e77b7;
    color: #fff;
}
.clear{
    clear: both;
}


/*deed zai*/
#oCAPICOM {
    display: none;
}

.logo_1 {
    background: url("../images/logo-DarkBg.png") no-repeat scroll left 0 transparent;
    float: left;
    height: 35px;
    margin: 8px 20px;
    width: 189px;
}

#header .header-main-new {
    background: #FFF url("../images/backgrounds/logonii_suuri_ungu.png");
    position: relative;
    z-index: 1000;
}

#header .header-main-new .logo {
    background: url("../images/golomt_logo1.png") no-repeat scroll left 0 transparent;
    margin: 20px 0;
    width: 261px;
    float: left;
    height: 47px;
}

#iframetop{
    display: none;
}

.width100percent_loginbg{
    min-height: 480px;
    background: #313131 url('../images/backgrounds/rsz_e_golomt_cover.jpg') 0 0 no-repeat /*center bottom fixed*/;
    /*background-size: cover;*/
    padding-top: 20px;
    overflow: hidden;
}

.help-menu{
    float: right;
    font-family: "MAK Freeset", Arial, sans-serif;
}
.help-menu .help,
.help-menu .language{
    float: left;
    padding: 30px 10px;
    /*border-right:1px solid #1a6cb4;*/
}

/*general styling*/
.container{
    max-width: 1366px;
}
.label-success{
    background: #9cb270;
}
.label-primary{
    background: #6b8eb1;
}
.margin5{
    margin: 5px;
}
.marginall5{
    margin: 5px;
}
.marginright5{
    margin-right: 5px;
}
.marginright10{
    margin-right: 10px;
}
.marginright20{
    margin-right: 20px;
}
.marginleft10{
    margin-left: 10px!important;
}
.marginleft20{
    margin-left: 20px!important;
}
.margintop20{
    margin-top: 20px;
}
.marginbottom10{
    margin-bottom: 10px;
}
.marginbottom20{
    margin-bottom: 20px;
}
small, .small{
    font-size: 11px;
    color: #005bab;
}
.light-dropdown.btn{
    border-color: #a5a5a5;
    color: #005bab;
    padding: 3px 12px;
}
.light-btn-group .dropdown-menu{
    min-width: 100%;
}
.template-action{
    margin-bottom: 20px;
}
.gray{
    color: #808285;
    margin: 0;
}
.btn {
    color: #005bab;
    margin-top: 3px;
}
.btn.btn-blue{
    background: #265688 !important;
    border-color: #265688 !important;
    color: #fff !important;
}
input.btn.btn-white{
    background: #FFF !important;
    border-color: #FFF !important;
    color: #005bab !important;
}
.btn-default{
    color: #005bab;
}
.btn-primary {
    color: #005bab;
}
.user .btn-xs{
    padding: 3px 10px;
}
.btn-default:hover{
    color: #005bab !important;
}
.btn.btn-blue:hover{
    background: #004d90 !important;
    border-color: #004d90 !important;
    color: #fff !important;
}
.btn-bordered{
    width: 24px;
    height: 24px;
    border:1px solid #e6e6e6;
    display: block;
    float: left;
    margin-left: 10px;
    border-radius: 3px;
    text-align: center;
}
.btn-bordered:hover{
    border-color: #005bab;
}
.btn-bordered i{
    line-height: 24px;
    color: #005bab;
}
.btn.detail {
    border: 1px solid #ccc;
}
.btn.detail:hover {
    border-color: #005bab;
}
hr{
    border-top: 1px solid #e6e6e6;
}
hr.x6{
    border-top: 6px solid #e6e6e6;
    clear: both;
}

.lined{
    overflow: hidden;
    border-bottom: 6px solid #e6e6e6;
    margin-bottom: 20px;
}
.lined h3{
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
    float: left;
}
.lined.no-border h3{
    margin: 0;
    line-height: 34px;
}
.form-control{
    box-shadow:none;
    -webkit-box-shadow:none;
}
.form-control.width{
    width: 200px;
    display: inline-block;
}
.control-label{
    color: #414042;
    font-weight: normal;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #2e77b7;
}
.checkbox.col-sm-1,
.checkbox.col-sm-2,
.checkbox.col-sm-3,
.checkbox.col-sm-4,
.checkbox.col-sm-5,
.checkbox.col-sm-6,
.checkbox.col-sm-7,
.checkbox.col-sm-8,
.checkbox.col-sm-9,
.checkbox.col-sm-10,
.checkbox.col-sm-11,
.checkbox.col-sm-12{
    text-align: right;
}
.control-label.check{
    padding-top: 0;
}
.checkbox.col-sm-4 label::after{
    left: 0;
}
.navbar-collapse{
    /*max-height: 400px;*/
    max-height: inherit;
    overflow-x: hidden
}
/*general styling end*/

/*header*/
.header, .footer {
    padding: 0;
    min-height: 52px;
}
.header {
    z-index: 1002;
}
.header .header-upper{
    background: #005bab;
    padding: 0 15px;
}
.header .logo {
    display: inline-block;
    margin: 9px 0;
}
.navbar{
    margin: 0 !important;
    border-radius: 0 !important;
}
.navbar-default{
    background: #FFF !important;
    border: none;
}
.navbar-collapse{
    padding: 0;
    border-top: none;
}
.navbar-toggle{
    margin-right: 0;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar{
    border-color: #2e77b7;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
    border-color: #1a6cb4;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    background-color: #f9f9f9;
    outline: 0;
}
.top-right-menu>ul{
    margin: 0;
    padding: 0;
}
.top-right-menu>ul>li{
    float: left;
    border-left: 1px solid #1a6cb4;
    padding: 11px 0;

}
.top-right-menu>ul>li>a{
    display: block;
    padding: 0 15px;
    color: rgba(255, 255, 255, .6);
    float: left;
    line-height: 28px;
    font-weight: bold;
}
.top-right-menu>ul>li:hover{
    /*background: #0b78d7;*/
}
.top-right-menu>ul>li>a:hover{
    color: #fff;
}
.top-right-menu .btn-group{
    margin-right: 15px;
}
.logoffLink{
    display: block;
    margin: 10px 20px 0;
    border-radius: 4px;
    padding: 7px 20px;
    color: #FFF;
    background: #005bab;
    font-size: 13px;
    font-family: "AGAvantGarde Mon", Arial, sans-serif;
}
.logoffLink:hover {
    color: #fcf302;
}

.navbar-nav {
    background: #005bab !important;
    margin: 0 -15px !important;
}

.up-main-menu .navbar-nav>.active>a, .up-main-menu .navbar-nav>.active>a:hover, .up-main-menu .navbar-nav>.active>a:focus, .up-main-menu .navbar-nav>.open>a, .up-main-menu .navbar-nav>.open>a:hover, .up-main-menu .navbar-nav>.open>a:focus {
    color: rgba(255, 255, 255, .9) !important;
    background-color: transparent !important;
}

.up-main-menu .navbar-nav .open .dropdown-menu>li>a i, .up-main-menu .navbar-nav .open .dropdown-menu>li>ul>li>a i {
    margin-right: 7px;
    width: 15px;
    text-align: center;
    display: inline-block;
}
/*top-right-menu end*/

/*main menu*/
.main-menu{
    background: #005bab;
}
.main-menu ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.main-menu ul li{
    float: left;
    border-left: 1px solid #2e77b7;
    max-width: 127px;
}
.main-menu ul li:last-child{
    border-right: 1px solid #2e77b7;
}
.main-menu ul li a {
    text-align: center;
    padding: 19px 25px 24px 25px;
    display: block;
    border-top: 5px solid transparent;
    color: #fff;
    max-width: 127px;
    height: 98px;
    line-height: 14px;
    font-size: 12px;
    font-family: "AGAvantGarde Mon", Arial, sans-serif;
}
.main-menu ul li a svg {
    width: 30px;
    height: 30px;
    fill: #FFF;
}
.main-menu ul li a:hover,
.main-menu ul li.active a{
    border-top: 5px solid #fcf302;
    background-color: #004d90;
    color: #fcf302;
}
.main-menu ul li a:hover svg, .main-menu ul li.active a svg {
    fill: #fcf302;
}
.main-menu ul li a i{
    width: 27px;
    height: 27px;
    margin-bottom: 5px;
    background: url(../images/icon-sprite.png);
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.up-main-menu>ul>li>a>i{
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/icon-sprite.png);
    display: block;
    float: left;
}
.up-main-menu .navbar-nav>li>a{
    line-height: 27px;
    display: block;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
}
.up-main-menu .navbar-nav>li>a:hover{
    color: rgba(255, 255, 255, .6)!important;
}
.up-main-menu .navbar-nav>li{
    border-bottom: 1px solid #1a6cb4;
}
/*.up-main-menu .navbar-nav>li.active,
.up-main-menu .navbar-nav>li:hover{
    border-bottom: 1px solid #fcf302;
}*/
.up-main-menu .navbar-nav>.active>a, .up-main-menu .navbar-nav>.active>a:hover, .up-main-menu .navbar-nav>.active>a:focus,
.up-main-menu .navbar-nav>.open>a, .up-main-menu .navbar-nav>.open>a:hover, .up-main-menu .navbar-nav>.open>a:focus{
    color: rgba(255, 255, 255, .9);
    background: transparent;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: rgba(255, 255, 255, 1);
}
.main-menu ul li a i.dashboard,
.up-main-menu ul li a i.dashboard{
    background-position: 0px 0px;
}
.main-menu ul li a i.favorites,
.up-main-menu ul li a i.favorites{
    background-position: -27px 0px;
}
.main-menu ul li a i.profile,
.up-main-menu ul li a i.profile{
    background-position: 27px 0px;
}
.main-menu ul li a i.account,
.up-main-menu ul li a i.account{
    background-position: -54px 0px;
}
.main-menu ul li a i.transition,
.up-main-menu ul li a i.transition{
    background-position: -81px 0px;
}
.main-menu ul li a i.investment,
.up-main-menu ul li a i.investment{
    background-position: -108px 0px;
}
.main-menu ul li a i.service,
.up-main-menu ul li a i.service{
    background-position: -135px 0px;
}
.main-menu ul li a i.product,
.up-main-menu ul li a i.product{
    background-position: -162px 0px;
}
.main-menu ul li a i.treasure,
.up-main-menu ul li a i.treasure{
    background-position: -189px 0px;
}
.main-menu ul li a:hover i,
.main-menu ul li.active a i,
.up-main-menu ul li a:hover i,
.up-main-menu ul li.active a i{
    background-position-y: 27px;
}

.up-main-menu .navbar-nav .open .dropdown-menu>li>a, .up-main-menu .navbar-nav .open .dropdown-menu>li>ul>li>a{
    color: rgba(255, 255, 255, .8) !important;
    padding: 8px 15px 8px 30px;
    display: block;
}
.up-main-menu .navbar-nav .open .dropdown-menu>li>a:hover, .up-main-menu .navbar-nav .open .dropdown-menu>li>a:hover{
    color: rgba(255, 255, 255, 1) !important;
}
.up-main-menu .navbar-nav>li>a svg{
    width: 25px;
    height: 25px;
    fill: #FFF;
    float: left;
    margin-right: 10px;
}

.collapse {
    display: none !important;
}

.caret {
    margin-left: 10px !important;
}
/*main menu end*/

/*header end*/

/*main content*/

.main-content {
    position: relative;
    background: #e6e7e8;
}

/*sidebar navigation*/

#sidebar {
    width: 280px;
    background: #e6e7e8;
    position: relative;
    min-height: 100%;
    z-index: 1;
    float: left;
}
#sidebar.hidden{
    display: none;
}
#sidebar ul{
    padding: 0;
    margin: 0;
}
#sidebar ul li {
    position: relative;
    border-bottom: 1px solid #cacbcc;
}
#sidebar ul li a{
    padding: 12px 17px;
    display: block;
    font-size: 12px;
    color: #666;
    font-family: "AGAvantGarde Mon", Arial, sans-serif;
}

#sidebar ul li a:hover{
    background: #d1d3d4;
}
#sidebar ul li a i{
    margin-right: 7px;
}
#sidebar ul li.submenu>a {
    font-size: 14px;
    font-weight: bold;
    color: #005bab;
}
#sidebar ul li.submenu.open{
    border: none;
}
#sidebar ul li.submenu.open ul{
    border-top: 1px solid #cacbcc;
}
#sidebar > ul li ul{
    margin: 0;
    padding: 0;
    display: block;
}
#sidebar > ul li ul li a{
    padding-left: 40px;
}

#sidebar ul li.submenu>a:after{
    content: "\f104";
    font-family: 'FontAwesome';
    right:17px;
    position: absolute;
    top: 12px;
}
#sidebar ul li.submenu.open>a:after{
    content: "\f107";
}
#sidebar ul li ul li.active a{
    background: #d1d3d4 url(../images/triangle.png) right center no-repeat;
}
#sidebar > div > ul li ul li a {
    padding-left: 40px;
}
.right-content{
    min-height: 725px;
    margin-left: 280px;
    position: relative;
    background: #fff;
    padding: 20px 20px 40px;
}
.right-content.no-sidebar{
    margin-left: 0px;
    width: 100%;
    float: left;
}
.right-wrapper{
    padding: 20px 20px 40px 20px;
    font-size: 12px;
}
.right-content.no-sidebar .right-wrapper{
    padding: 35px;
    max-width: 100%;
}
.top.breadcrumb{
    margin: -20px -20px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
.right-content.no-sidebar .top.breadcrumb{
    padding: 8px 30px;
}
.breadcrumb>li+li:before{
    content: ">"
}
.breadcrumb>li a{
    color: #5a5a5a;
}
.breadcrumb>li.active{
    color: #939598;
}






/*profile*/


.ui-sortable-placeholder {
    border: 2px dotted #ccc;
    background:none;
    visibility: visible !important;
    min-height: 50px !important;
}
.ui-sortable-placeholder * {
    visibility: hidden;
}
.portlets{
    min-height:50px;
}
/*check box*/
.check-default{

}
.checkbox input[type=checkbox]{
    display: none;
}
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom:6px;
    color: #414041;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1.5px;
    background-color: #fff;
    border:1px solid #c2c6cb;
    border-radius: 0px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}
.form-group .checkbox label:before {
    left: 1px;
}
.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left:2.8px;
    top:2px;
    font-size:11px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}

.checkbox  input[type=checkbox] {
    display: none;
}
.checkbox label {
    margin-bottom: 10px;
}
.checkbox label:after {
    border-radius: 0px;
}
.checkbox.checkbox-circle label:after {
    border-radius: 99px;
}
.checkbox.checkbox-circle label:before {
    border-radius: 99px;
}

.checkbox input[type=checkbox]:checked + label::after  {
    font-family: 'FontAwesome';
    content: "\F00C";
}
.checkbox input[type=checkbox]:checked + label{
    color: #4d5056;
}

.checkbox input[type=checkbox][disabled]+ label{
    opacity: 0.65;
}
.checkbox input[type=checkbox][disabled]+ label:before {
    background-color:#eceff3;
}

.no-border {
    border-bottom: none;
}

.pagination i{
    margin: 0 5px;
}
.pagination a{
    color: #58595b;
    border-radius: 0px;
}
.pagination a:hover{
    color: #005bab;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span{
    border-radius: 0px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
    background-color: #0b78d7;
    border-color: #0b78d7;
}

/*profile*/
.right-wrapper.profile{
    padding-bottom: 60px!important;
}
.profile .group-head{
    position: relative;
    margin: 20px 0;
}
.group-head h4{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-right: 35px;
    color: #58595b;
    font-weight: normal;
}
.group-head a{
    position: absolute;
    right: 0;
    top: 12px;
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    border-radius: 15px;
    text-align: center;
}
.group-head a i{
    line-height: 28px;
    color: #ccc;
}
.group-body{
    padding: 0 20px;
}
.group-body .row{
    margin-bottom: 10px;
}
.group-body label{
    text-align: right;
    color: #6d6e71;
    font-weight: normal;
}
.profile .group-body span{
    color: #414042;
}

.row label{
    text-align: right;
    color: #6d6e71;
    font-weight: normal;
    padding: 0;
}
.row span{
    color: #414042;
}

.panel-title {
    color: #005bab !Important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}

.profile-info {
    padding: 20px 40px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
}
.profile-info a.profile-pic{
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    margin-right: 20px;
}
.profile-name h2{
    margin: 0;
    font-weight: normal;
    font-weight: 300;
    color: #005bab;
}
.profile-name .user-role{
    color: #939598;
    margin-top: 5px;
    font-size: 20px;
    display: block;
}
.update{
    padding: 10px 30px;
    border-bottom: 1px solid #ddd;
    margin: 0 -20px;
}
/*profile end*/

/*login*/
.login-header{
    background: #005bab;
}
.login-header a.logo{
    padding: 20px 0;
    display: block;
}
.login-header a.logo:hover{
    opacity: 0.8;
}
.login-content{
    overflow-x: hidden
}

.form-wrapper{
    max-width: 325px;
}
.login-form{
    margin-top: 70px;
    padding: 20px 35px !important;
    font-family: "MAK Freeset", Arial, sans-serif;
    background: #D9DADD;
    /*background: #005bab;*/
    height: 280px;
    border-radius: 10px;
}
.login-form .form-row{
    position: relative;
}
.login-form h2{
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.login-form .form-row input{
    max-width: 325px;
    min-height: 55px;
    padding-left: 40px;
    border:none;
    color: #444;
}
.login-form .form-row input.id{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #ccc;
}
.login-form .form-row input.password{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.login-form .form-row i{
    position: absolute;
    left: 15px;
    line-height: 55px;
    color: #444;
    font-size: 15px;
}
.form-wrapper .form-below{
    margin-top: 15px;
}
.form-wrapper .form-below a.forgot{
    line-height: 34px;
    color: #fff;
}
.image-switch{
    height: 100%;
}
.image-switch img{
    max-height: 460px;
    bottom: 0;
    right: 0;
    left: auto!important;
    top: auto!important;
}
/*login end*/

.home-service{
    padding-top: 30px;
    font-family: "MAK Freeset", Arial, sans-serif;
}
.home-service h1{
    font-weight: 300;
}
.home-service span.desc{
    font-size: 18px;
    color: #979797;
}
.home-service .services{
    padding: 35px 0 45px;
}
.home-service .services .item{
    /*border:1px solid #cfcfcf;*/
    border-radius: 4px;
    padding: 0px 20px;
    margin-bottom: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-right: 1px dotted #ccc;
}
/*.home-service .services .item h4*/
/*.home-service .services .item:hover{*/
    /*box-shadow: 0 0 5px #ccc;*/
/*}*/
.home-service .services .item i{
    margin: 0 auto;
    height: 38px;
    display: block;
}
.home-service .services .item i.account{
    background: url(../images/account.png) 0 0 no-repeat;
    width: 44px;
}
.home-service .services .item i.card{
    background: url(../images/card.png) 0 0 no-repeat;
    width: 39px;
}
.home-service .services .item i.gift{
    background: url(../images/gift.png) 0 0 no-repeat;
    width: 37px;
}
.home-service .services .item i.guarantee{
    background: url(../images/guarantee.png) 0 0 no-repeat;
    width: 34px;
}
.home-service .services .item i.golomt{
    background: url(../images/golomt.png) 0 0 no-repeat;
    width: 38px;
}
.home-service .services .item h4{
    margin: 5px 0;
    margin-top: 15px;
    font-size: 16px;
    color: #005bab;
    font-weight: bold;
    text-align: center;
}
.home-service .services .item p{
    margin: 0;
    font-size: 12px;
    color: #6d6e71;
    text-align: center;
}
.home-service .services .custom{
    padding:0
}
/*footer*/

.site-footer {
    background: #0155a0;
    color: #a4b7d3;
    padding: 10px 20px;
    overflow: hidden;
    font-family: "MAK Freeset", Arial, sans-serif;
}
.site-footer .copyright{

}
/*logout*/
.logout-screen{
    background: #dff0ff;
    width: 100%;
    height: 90%;
    position: relative;
}
.logout-screen .logout-wrapper{
    width: 400px;
    height: 340px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -170px;
    background: #005bab url(../images/ancient_pic2.png) bottom center no-repeat;
    border-radius: 10px;
    text-align: center;
}
.logout-screen .logout-wrapper a.logo{
    margin: 65px 0 80px;
    display: block;
}
.logout-screen .logout-wrapper h2{
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
}
/*logout end*/
/*other option*/
.range40{
    height: 40px;
}
.center{
    text-align: center;
}
.right {
    text-align: right;
}
.black{
    color: #414042;
}
.yellow, .btn.yellow{
    color: #fff200 !important;
}
span.description{
    color: #808285;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}
a.btn-white{
    padding: 2px 10px;
    border:1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
}
a.btn-white:hover{
    border:1px solid #99bddd !important;
    color: #b8c8e0 !important;
}
.btn-blue.light-bordered,
.btn-blue.light-bordered:hover{
    border-color: #5699d4 !important;
}

#slider ul {
    margin: 0;
    padding: 0;
    position: relative;
}

#slider li {
    width: 100%;
    height: 460px;
    position: absolute;
    top: -465px;
    list-style: none;
}

#slider li.firstanimation {
    -moz-animation: cycle 10s linear infinite;
    -webkit-animation: cycle 10s linear infinite;
    -ms-animation: cycle 10s linear infinite;
    -o-animation: cycle 10s linear infinite;
}

#slider li.secondanimation {
    -moz-animation: cycletwo 10s linear infinite;
    -webkit-animation: cycletwo 10s linear infinite;
    -ms-animation: cycletwo 10s linear infinite;
    -o-animation: cycletwo 10s linear infinite;
}

/* ANIMATION */
@-moz-keyframes cycle {
    0% {
        top: 0px;
    }
    4% {
        top: 0px;
    }
    34% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    44% {
        top: 465px;
        opacity: 0;
        z-index: 0;
    }
    45% {
        top: -465px;
        opacity: 0;
        z-index: -1;
    }
    80% {
        top: -465px;
        opacity: 0;
        z-index: 0;
    }
    90% {
        top: -465px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }

}

@-moz-keyframes cycletwo {
    0% {
        top: -465px;
        opacity: 0;
    }
    34% {
        top: -465px;
        opacity: 0;
    }
    44% {
        top: 0px;
        opacity: 1;
    }
    54% {
        top: 0px;
        opacity: 1;
    }
    84% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    94% {
        top: 465px;
        opacity: 0;
        z-index: 0;
    }
    100% {
        top: -465px;
        opacity: 0;
        z-index: -1;
    }
}

@-webkit-keyframes cycle {
    0% {
        top: 0px;
    }
    10% {
        top: 0px;
    }
    40% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    50% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    51% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    80% {
        top: -325px;
        opacity: 0;
        z-index: 0;
    }
    90% {
        top: -325px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-webkit-keyframes cycletwo {
    0% {
        top: -325px;
        opacity: 0;
    }
    40% {
        top: -325px;
        opacity: 0;
    }
    50% {
        top: 0px;
        opacity: 1;
    }
    60% {
        top: 0px;
        opacity: 1;
    }
    90% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    100% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
}

@-ms-keyframes cycle {
    0% {
        top: 0px;
    }
    10% {
        top: 0px;
    }
    40% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    50% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    51% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    80% {
        top: -325px;
        opacity: 0;
        z-index: 0;
    }
    90% {
        top: -325px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-ms-keyframes cycletwo {
    0% {
        top: -325px;
        opacity: 0;
    }
    40% {
        top: -325px;
        opacity: 0;
    }
    50% {
        top: 0px;
        opacity: 1;
    }
    60% {
        top: 0px;
        opacity: 1;
    }
    90% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    100% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
}

@-o-keyframes cycle {
    0% {
        top: 0px;
    }
    10% {
        top: 0px;
    }
    40% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    50% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
    51% {
        top: -325px;
        opacity: 0;
        z-index: -1;
    }
    80% {
        top: -325px;
        opacity: 0;
        z-index: 0;
    }
    90% {
        top: -325px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-o-keyframes cycletwo {
    0% {
        top: -325px;
        opacity: 0;
    }
    40% {
        top: -325px;
        opacity: 0;
    }
    50% {
        top: 0px;
        opacity: 1;
    }
    60% {
        top: 0px;
        opacity: 1;
    }
    90% {
        top: 0px;
        opacity: 1;
        z-index: 0;
    }
    100% {
        top: 325px;
        opacity: 0;
        z-index: 0;
    }
}


/*cust id*/
.headerRowsetLeft {
    float: left;
    font-family: "AGAvantGarde Mon", Arial, sans-serif;
}
.skipContRow {
    float: right;
}
.headerParaLeft span {
    display: inline-block;
    padding-right: 10px;
}

.loginrow {
    margin: 0 !important;
}

.loginheadertextsize {
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-size: 30px;
    color: #265688;
}

#span_label_forgot_access_code a{
    color: #265688 !important;
}
#span_label_forgot_access_code a:hover {
    text-decoration: underline;
}
@media (min-width: 992px){
    .col-md-2 {
        width: 20% !important;
    }
}
.site-footer p {
    margin: 0;
    font-size: 13px;
}
.headerParaLeft {
    margin-top: 10px
}
@media (min-width: 1200px){
    .container {
        width: 1349px !important;
    }
}
@media (min-width: 768px) {
    .container {
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100% !important;
    }
}
.toprow {
    padding: 0 20px;
}
.header-label {
    font-size: 12px;
    padding-right: 10px;
}
.column-Dashboard {
    min-height: 700px;
}
.form-group {
    margin-bottom: 10px !important;
}
.right-content h1, #PgHeading h1 {
    color: #005bab !important;
    font-size: 20px !important;
    padding: 0 0 6px !important;
    border-bottom: 5px solid #ddd !important;
    font-family: "AGAvantGarde Mon", Arial, sans-serif;
    font-weight: bold;
}

@media (max-width: 768px) {
    .table-responsive {
        display: block;
    }
}

table thead {
    background: #005bab;
    color: #FFF;
    text-transform: uppercase;
}

table thead th {
    border: none !important;
    font-weight: normal;
}

table thead th.right {
    text-align: right !important;
}

table input[type=checkbox], input[type=radio]{
    margin:0 !important;
}

table.table-hover tr:hover td{
    background: #d9d9d9;
}

table td strong {
    color: #005bab;
}

.flag {
    height: 15px;
    margin: -2px 5px 0 0;
}

#global {
    padding: 0;
    box-shadow: 0 0 20px #444;
}

.header_Welcometxt {
    padding-right: 5px;
}

.wlcm-cont {
    float: left;
    width: 280px;
    color: #fff;
    padding: 15px 15px 0;
    font-size: 11px;
    height: 95px;
    overflow: hidden;
}

.wlcm-cont label {
    font-weight: normal !important;
}

.ui-dialog {
    border-radius: 10px !important;
    box-shadow: 0 0 30px #444 !important;
}

/*dashboard widget*/
.widget {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 15px;
}
.widget-head {
    background: #005bab;
    color: #FFF;
    padding: 10px 20px;
    text-transform: uppercase;
}
.groupletButtons {
    float: right;
    margin-left: 5px;
}
.menuTitle {
    float: right;
}
.widget-body {
    padding: 10px;
    border: 1px solid #ccc;
}
.widgetBar_pullbtn_close {
    display: none;
}
@media (min-width: 768px) {
    .dash_right {
        margin: -60px 0 30px;
    }
}
.dash_right {
    text-align: right;
}
.widget table {
    border: none;
}
.widget table td, .widget table th {
    border-top: none !important;
    border-left: none !important;
}
.widget table td:last-child, .widget table th:last-child {
    border-right: none !important;
}
.widget table tr:nth-last-child(2) td, .widget table tr:last-child td {
    border-bottom: none !important;
}
.widget table .linesbg {
    display: none;
}
.widget-medium {
    width: 50%;
}
.widget-large {
    width: 100%;
}
@media (max-width: 400px){
    .widget-medium{
        width: 100%;
    }
}

.widget .fourlinbrd_100percent_feba {
    overflow-x:auto;
}
/*logout page*/

.logoutimg {
    border: 0 none;
    margin: 45px auto 30px;
    width: 261px;
    height: 47px;
    display: block;
}
.blackSignoffConfirmation {
    color: #fff200;
    float: right;
    font-size: 25px;
    line-height: 2;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.txtBoldBlack_logout {
    color: #000000;
    float: right;
    font-family: Tahoma;
    font-size: 0.7em;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5%;
    width: 73%;
    display: none;
}
.textalign {
    text-align: center;
    padding-bottom: 40px;
}

/*logout page end*/

/*session popup*/
#sessionPopupTitle {
    background: #005bab;
    padding: 7px 10px;
    text-align: center;
    color: #FFF;
}
.sessionExpiredRow{
    color: FireBrick;
    padding: 10px 60px;
    font-weight: bold;
    background: url(../images/new_alert_icon.png) no-repeat scroll 15px 0 transparent !important;
    font-size: 0.9em;
}
#continue_session_btn, #close_btn {
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
}
.reloginMsgRow {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
}
.txn-header {
    background: #eee;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    margin-bottom: 10px;
    text-align: center;
}
.liststyle li {
    list-style-type: disc;
}
.txn-box {
    font-family: 'AGAvantGarde Mon', Arial, sans-serif;
    line-height: 20px;
    margin: 20px 0;
    border: 1px solid #ccc;
}
.txn-box .col-sm-4 {
    text-align: center;
    padding-bottom: 20px;
}

.download button {
    float: right;
    margin: 0 0 0 5px;
}

/* token page */
.token_display {
    display: block !important;
    background: #FFF;
    margin-top: 5px;
    padding-bottom: 50px;
    width: 100%;
    border-top:5px solid #979797;
    border-bottom:5px solid #979797;
    padding-top: 20px;
}
#Footertext {
    background: #073E77;
    color: #FFF !important;
    padding: 10px 20px;
    overflow: hidden;
    margin: 0 !important;
}
.absmiddle {
    vertical-align: middle;
    font-size: 13px;
    margin-right: 3px !important;
    margin-top: 0 !important;
    width: 16px;
}
/* aldaanii text */
div.redbg {
    background-color: #f8e7e7;
    color: red;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}
div.orangebg {
    background-color: #FFE6C0;
    color: #444;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}
div.greenbg {
    background-color: #EEF6C9;
    color: #3e472c;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}

 /* for transaction status*/
.label {
    font-size: 11px !Important;
    font-weight: normal !Important;
}

#virtual_keyboard {
    display: none;
}

/******* new styles added for CLEDitor - rich text editor : START *****/
.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0}
/*.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}*//*commented b'cause of CSS validation*/
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}
/******* new styles added for CLEDitor - rich text editor : END *****/

#header .header-main {
    background: #005bab;
}
#header .header-main .logo {
    background: url("../images/logo-WhiteBg.png") no-repeat scroll left 0 transparent;
    float: left;
    padding: 27px 0 32px;
    width: 300px;
    margin: 20px 0 0 30px;
}
#skinChangeDrpDwnimages {
    display: none;
}
#header {
    height: auto !important;
}

::-webkit-input-placeholder {color: #444 !important;}
:-moz-placeholder {color: #444 !important;}
::-moz-placeholder {color: #444 !important;}
:-ms-input-placeholder {color: #444 !important;}

#browserWarning_mng {
    display: none;
    padding: 40px 20px 20px;
    font-family:Arial, sans-serif;
    text-align: center
}
#browserWarning a {
    display:inline-block;
    margin-left:20px;
    font-family:Arial, sans-serif
}
.input-group-addon {
    padding: 5px 12px !important;
}
.btn.btn-blue.twitter {
    background: url("../images/sign-in-with-twitter-gray.png") !important;
    width: 158px;
    height: 28px;
    border: none !Important;
    margin: 0px 0 0 0px;
}
.text {
    font-family: "MAK Magistral", Arial, sans-serif;
    margin: 400px 0 0 80px;
    font-size: 17px;
}

/* Start of new styles added for widgetLibrary */

.widgetLibsearchCriteriaTitle{
    background-color: transparent;
    clear: both;
    float: left;
    margin-top: 12px;
    width: 170px;
}
.widgetLibsearchCriteriarow{
    background-color: transparent;
    float: left;
    margin: 0;
    padding: 8px 12px 5px 12px;

}
.filter-check{
    padding-left:12px;
    float:right;
    width:254px;
}
.v-middle{
    font-size:11px;
}
.widgetLibsearchCritTitle{
    clear: left;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 0px 12px;
    text-align: left;
    width: 100px;
}
.widgetLib_Table{
    width: 100%;
    border-bottom: 1px solid #C9CBCC;
    border-top: 0px solid black;
    border-right: 0px solid black;
    border-left: 0px solid black;
    float:left;
    margin-top: 10px;
    padding-bottom: 10px;
}
.searchBtn_mod{
    width: 50%;
    clear: both;
    margin-top: 0em;
    padding-top: 1em;
    float: left;
}


.searchcrit_LibSection {
    border: 0px;
    /*width: 234px;*/
    margin-top: 10px;
    background-color: #EDF6FB;
    float: left;
    margin-right: 10px;
    position:absolute
}


.searchCrit_newspn {
    padding-right: 1px;
    padding-left: 1px;
    width: 210px;
    float: left;
    clear: left;
    text-align: right;
    padding-bottom: 1px;
    font-size: 16px;
    padding-top: 7px;
    font-weight: bold;
}

.widgetLib_searchpaneldiv {
    border: 1px solid #E0E1E2;
    height: auto;
    width: 27%;
    background-color: #EEE;
    padding-bottom:0px;
    padding-top:0px;
    z-index: 1001;
}

.search_pnl_WidgetLibraryOuter{
    background-color: #EDEDED;
    border: 1px solid #E0E1E2;
    display: block;
    margin-left: -11px;
    margin-top: 24px;
    padding-bottom: 10px;
    position: absolute;
    width: 266px;

}
.grid_OuterMostDiv{
    width:48%; height:108px; float:left; border:2px solid #e7e7e7; margin:2px 2px 0px 0px; background-color: #f8f8f8;
}
.grid_OuterMostDiv_highlight{
    border:2px solid #7A7A7A;
}
.grid_headerP{
    width:100%; height:30px; background-color:black;text-align: center;padding-top:3px;
}
.grid_checkBoxp{
    width:100%;text-align: center; padding-top:3px;
}
.grid_widgetIcon{
    float:left; width:22%; height:65px; margin: 22px 0 5px 15px;
}

.grid_description{
    font-size: 13px; float:left;width:235px; height:auto; margin: 13px 0px 0 5px;
}
.grid_headerSpan{
    color:#000000; font-weight:bold;cursor: pointer;
}
.grid_Icon{
    margin:8px 0 0 12px;
}

.grid_record_status_img{
    width:30px; height:25px; float:left;margin: 38px 0 0 18px;
}

.grid_main_outer_div{
    float:left;
    margin-bottom: 20px;
}
.grid_checkBox{
    float:left; margin-left:5px;margin-top: 24px;
}



.grid_Selected_para {background-color: #EDEDED;float: right;height: 107px;margin: -32px 0 0;width: 70px;}

.widgetsLiblistwhiterow {
    text-decoration: none;
    height: 30px;
    border: #e0e1e2 0px solid;
    color: #000000;
    background-color: #ffffff;
}

.widgetsLiblistwhiterow:hover {
    text-decoration: none;
    height: 30px;
    border: #e0e1e2 0px solid;
    color: #000000;
    background-color: #ffffff !important;
}
.widgetsLiblistgreyrowtxtleftline {
    background-color: #EFEFEF;
    border: 0 solid #E0E1E2;
    color: #000000;
    height: 30px;
    text-decoration: none;
}
.widgetsLiblistgreyrowtxtleftline:hover {
    background-color: #EFEFEF !important;
    border: 0 solid #E0E1E2;
    color: #000000;
    height: 30px;
    text-decoration: none;
}

.widgetsPreviewimgSize{
    width:410px;
    height:425px;
}

.stage3_searchpaneldiv_widLibrary {
    width: 100px;
    margin: 0 0 20px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.stage3_searchpaneldiv_widLibrary a {
    font-size: 18px;
}
.stage3_searchsubsecheader {
    margin-bottom: 0;
}
.h2Widget {
    color: #FFF !important;
}
/* End widget Library */
.readmore {
    display: block;
    margin: 350px 0 0 200px;
    font-size: 15px;
    font-family: 'MAK MagistralNormal';
}
.readmore:hover {
    text-decoration: underline !important;
}
#VALIDATE_CREDENTIALS {
    color: #265688 !important;
}
#VALIDATE_CREDENTIALS:hover {
    background: #265688 !important;
    color: #FFF !important;
    border: none !important;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 20%;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}