/****Custom_Style*****/
.nav-pills { position:relative; z-index:9999;}

#exTab1 .tab-content { color:white; background-color:#FFF; border:1px solid #DDD; padding:15px 15px; }
#exTab1 .nav-pills > li > a { border-radius:0; padding:6px 20px; background:#FFF; color:#444; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; }
.nav-pills>li+li { margin:0;}
#exTab1 .nav-pills > li.active > a { background:#515151; color:#FFF; }

.form-control-file { display:block; width:100%; padding:6px 12px; font-size:16px; font-weight:normal; line-height:1.44;
color:#555 !important; background:#fff; background-image:none; border:1px solid #ccc; transition:border-color ease-in-out 0.15s; }

.btn-stutus { font-size:14px; width:140px; color:#FFF; padding:4px 10px; border-radius:3px; display:inline-block; text-align:center; margin:0 4px 6px 4px; }
.btn-action { font-size:14px; color:#FFF; padding:4px 20px; border-radius:50px; display:inline-block; text-align:center; margin:0 4px 6px 4px; }
.btn-stutus:hover, .btn-action:hover, .btn-stutus:focus, .btn-action:focus { color:#FFF; }

.btn-view-edit { background:#689203; }
.btn-delete { background:#da0206; }

.star { font-size:18px; line-height:18px; color:#f00; }
.error { font-size:14px; font-weight:normal; color:#f00 !important; }

.tab-content { width:100%; margin:10px 0; }
.sub_title {}
.sub_title h3 { font-size:20px; color:#00a0e3; border-bottom:1px solid #DDD; padding:6px 0; margin:20px 0 10px 0; }
.sub_title h4 { font-size:18px; color:#00a0e3; border-bottom:1px solid #DDD; padding:6px 0; margin:20px 0 10px 0; }

#emailmsg { font-size:14px; color:#0d8a05; margin:10px 0; }
.success-msg { font-size:15px; color:#0d8a05; margin:10px 0; padding:0 20px; }
.msg_success { width:50%; font-size:16px; color:#FFF; background:#36b764; margin:10px 0 20px 0; padding:10px 20px; }
.form-group-main { float:left; width:100%; padding:18px 0; border-bottom:1px solid #00a0e3; background:#f2f2f2; margin:10px 0; }

#sortable-row { width:50%; margin:0; padding:0; list-style:none; }
#sortable-row li { font-size:16px; color:#FFF; margin-bottom:10px; padding:7px 10px; background-color:#1685cc; cursor:move; }
#sortable-row li.ui-sortable-helper { font-size:16px; color:#FFF; margin-bottom:10px; padding:7px 10px; background-color:#00a0e3; cursor:move; }
.btnSave { font-size:14px; color:#FFF; padding:8px 20px; background:#09F; border:0; cursor:pointer; margin:10px 0 0 0; }  
#sortable-row li.ui-state-highlight { height:40px; background-color:#f2f2f2; border:#ccc 2px dotted; }

.rg_captcha { display:block; width:100%; padding:6px 12px; font-weight:normal; line-height:1.44; color:#FFF !important;
    border:1px solid #075387; font-size:14px; background:#075387; font-style:italic; }
/****Custom_Style*****/

.semibold-text a { cursor:pointer; font-size:14px; }
.btn-green { color:#fff; background-color:#39bd23; border-color:#2fae1b; }
.btn-green:hover { color:#fff; background-color:#2fae1b; border-color:#39bd23; }

.form-control { display:block; width:100%; padding:8px 12px; font-size:16px; font-weight:normal; line-height:1.44;
color:#555 !important; background-color:#fff; background-image:none; border:1px solid #ccc; transition:border-color ease-in-out 0.15s; }
.form-control:focus { border: 1px solid #1685cc; outline:0; }
.form-control::-moz-placeholder { color:#444; opacity:1; }
.form-control:-ms-input-placeholder { color:#444; }
.form-control::-webkit-input-placeholder { color:#444; }
.form-control::-ms-expand { border:0; background-color:transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#eee; opacity:1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor:not-allowed; }

textarea.form-control { height:auto; }

input[type="search"] { -webkit-appearance:none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 40px
    }
    input[type="date"].input-sm,
    .input-group-sm>input[type="date"].form-control,
    .input-group-sm>input[type="date"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="date"].btn,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm>input[type="time"].form-control,
    .input-group-sm>input[type="time"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="time"].btn,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm>input[type="datetime-local"].form-control,
    .input-group-sm>input[type="datetime-local"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm>input[type="month"].form-control,
    .input-group-sm>input[type="month"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="month"].btn,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    .input-group-lg>input[type="date"].form-control,
    .input-group-lg>input[type="date"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="date"].btn,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg>input[type="time"].form-control,
    .input-group-lg>input[type="time"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="time"].btn,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg>input[type="datetime-local"].form-control,
    .input-group-lg>input[type="datetime-local"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg>input[type="month"].form-control,
    .input-group-lg>input[type="month"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="month"].btn,
    .input-group-lg input[type="month"] {
        line-height: 50px
    }
}

.form-group {
    margin-bottom: 12px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 50px;
    padding: 12px 18px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
    height: 50px;
    line-height: 50px
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-lg .form-control {
    height: 50px;
    padding: 12px 18px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px
}

.form-group-lg select.form-control {
    height: 50px;
    line-height: 50px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 50px;
    min-height: 38px;
    padding: 13px 18px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 50px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .btn {
        padding: 10px 15px;
        font-size: 13px;
        line-height: 1.428571429;
        border-radius: 3px
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 9px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 29px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 12px;
		font-size:16px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 13px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.login-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 480px;
}
.register-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 680px;
}
.login-content .logo {
    margin-bottom: 20px;
    font-family: 'Niconne';
    color: #fff
}
.login-content .logo img {
	background:#FFF;
	padding:6px 10px;
	border-radius:4px;
}
.login-content .logo h1 {
    font-size: 52px
}
.login-content .login-box {
    position: relative;
    min-width: 350px;
    min-height: 370px;
    background-color: #fff;
    perspective: 800px;
    transition: all 0.5s ease-in-out
}
.login-content .register-box {
    position: relative;
    min-width: 800px;
    min-height: 520px;
    background-color: #fff;
    perspective: 800px;
    transition: all 0.5s ease-in-out
}
.login-content .login-box .login-head {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center
}
.register-content .register-box .register-head {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center
}
.login-content .login-box label {
    color: #000;
	font-size:14px;
	font-family:'Raleway-Medium';
	margin-bottom:0;
}
.register-content .register-box label {
    color: #000;
	font-size:14px;
	font-family:'Raleway-Medium';
	margin-bottom:0;
}
.login-content .login-box .utility {
    display: -ms-flexbox;
    display: flex;
    padding: 1px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.register-content .register-box .utility {
    display: -ms-flexbox;
    display: flex;
    padding: 1px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.login-content .login-box .btn-container {
    margin-bottom: 0
}
.register-content .register-box .btn-container {
    margin-bottom: 0
}
.login-content .login-box .login-form,
.login-content .login-box .forget-form {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    backface-visibility: hidden;
    transition: all 0.5s ease-in-out
}
.register-content .register-box .login-form,
.register-content .register-box .forget-form {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 28px;
    backface-visibility: hidden;
    transition: all 0.5s ease-in-out
}

.login-content .login-box .forget-form {
    opacity: 0;
    transform: rotateY(180deg);
}
.register-content .register-box .forget-form {
    opacity: 0;
    transform: rotateY(180deg);
}
.login-content .login-box.flipped {
    min-height: 300px
}
.register-content .register-box.flipped {
    min-height: 300px
}
.login-content .login-box.flipped .login-form {
    opacity: 0;
    transform: rotateY(-180deg);
}
.register-content .register-box.flipped .login-form {
    opacity: 0;
    transform: rotateY(-180deg);
}
.login-content .login-box.flipped .forget-form {
    opacity: 1;
    transform: rotateY(0deg);
}
.register-content .register-box.flipped .forget-form {
    opacity: 1;
    transform: rotateY(0deg);
}
@media (max-width: 351px) {
    .login-content .login-box {
        min-width: 100%
    }
    .login-content .login-box .login-form,
    .login-content .login-box .forget-form {
        width: 100%
    }
	.register-content .register-box {
        min-width: 100%
    }
    .register-content .register-box .login-form,
    .register-content .register-box .forget-form {
        width: 100%
    }
}