.noborder {
    border: 0;
}

.preload {
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

form {
    overflow: auto;
}

form.platform {
    overflow: hidden;
}

input:focus,textarea:focus,select:focus {
    outline-width: 0;
}

input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],textarea,select {
    font-family: 'Scada', 'Ubuntu', 'Segoe UI', Tahoma, Arial, sans-serif;
    font-size: 13px;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    color: #000;

    border-color: #000 #000 #000 #000;
     border-radius: 30px;

}
.form-control{
  border-color:#ced4da!important;

   border-radius: 5px!important;
}
textarea {
    line-height: 18px;
    overflow: auto;
    font-family: 'Scada', 'Ubuntu', 'Segoe UI', Tahoma, Arial, sans-serif;
    font-size: 13px;
}

textarea.small {
    height: 7.5em;
}

textarea.medium {
    height: 15em;
}

textarea.large {
    height: 30em;
}

input.medium, select.medium {
    width: 25%;
}

input.half,select.half,textarea.half {
    width: 50%;
}

input.full,select.full,textarea.full {
    width: 97%;
     border-radius: 30px;
}

textarea.te-full {
    font-family: 'Scada', 'Ubuntu', 'Segoe UI', Tahoma, Arial, sans-serif;
    font-size: 13px;
}

input.title {
    font-size: 20px;
}

input[type="submit"],input[type="reset"],input[type="button"] {
    margin-bottom: 0;
    border-radius: 20px;
}

input:focus,textarea:focus {
    -moz-box-shadow: 0 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow: 0 1px 1px rgba(196,196,196,0.5);
    box-shadow: 0 1px 1px rgba(196,196,196,0.5);
    -webkit-focus-ring-color: none;
    border-color: #c4c4c4;
    background-color: #FFFFF0;
}

fieldset {
    border: 0 none;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px 0;
    position: relative;
}

legend {
    background: #fff;
     color: #3399FF;
    font-size: 18px;
    font-weight: bold;
    padding: 0 6px 0 0;
}

label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

label.required:before {
    content: "*";
    color: red;
    font-family: 'Scada', 'Ubuntu', 'Segoe UI', Tahoma, Arial, sans-serif;
}

label.ok {
    background: url('../img/valid.gif') no-repeat;
    padding-left: 16px;
}

label.error {
    color: #d00;
    text-transform: none;
    margin-left: 6px;
}

label.choice {
    font-size: 13px;
	vertical-align: middle;
    font-weight: normal;
    text-transform: none;
}

fieldset small {
    color: #999;
    font-size: 12px;
    display: block;
}

.message-box {
  padding: 8px;
      margin-bottom: 8px;
      color: #555;
      border-top: 1px solid #ccc;
      border: 1px solid #ccc;
      border-radius: 5px;
      background: #eee;
}

.box-info {
    padding-left: 32px;
    border-top: 1px solid #B8E2FB;
    border-bottom: 1px solid #B8E2FB;
    background: #E8F6FF url('../img/information.png') no-repeat 8px 50%;
}

.box-warning {
    padding-left: 32px;
    border-top: 1px solid #F2DD8C;
    border-bottom: 1px solid #F2DD8C;
    background: #FFF5CC url('../img/error.png') no-repeat 8px 50%;
}

.box-error {
    padding-left: 32px;
    border-top: 1px solid #F8ACAC;
    border-bottom: 1px solid #F8ACAC;
    background: #FFD1D1 url('../img/exclamation.png') no-repeat 8px 50%;
    border-radius: 30px;
}

.box-error-msg {
    margin-top: -8px;
    background: #FFF1F1;
    border-top: 0 none;
    border-bottom: 1px solid #FDDCDC;
    color: #664B4B;
    padding: 12px;
}

.box-error-msg ol {
    margin-top: 0;
    margin-bottom: 0;
}

.box-success {
    padding-left: 32px;
    border-top: 1px solid #BBDF8D;
    border-bottom: 1px solid #BBDF8D;
    background: #EAF7D9 url('../img/accept.png') no-repeat 8px 50%;
}

.box-info-msg {
    margin-top: -8px;
    background: #E8F6FF;
    border-top: 0 none;
    border-bottom: 1px solid #BBDF8D;
    color: #664B4B;
    padding: 12px;
}

.box-info-msg ol {
    margin-top: 0;
    margin-bottom: 0;
}

.column {
    margin-left: 18px;
    display: block;
    float: left;
}

.first {
    margin-left: 0;
    clear: left;
}

.leading {
    margin-bottom: 18px;
}

.noleading {
    margin-bottom: 0 !important;
}

.full {
    width: 100%;
}

.width1 {
    width: 98px;
}

.width2 {
    width: 185px;
}

.width3 {
    width: 320px;
}

.width4 {
    width: 445px;
}

.width5 {
    width: 550px;
}

.width6 {
    width: 685px;
}

.width7 {
    width: 802px;
}

.width8 {
    width: 918px;
}

.btn {
    display: inline-block;
    padding: 5px 10px;
    /* color: #777 !important; */
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    font-family: 'Scada', 'Ubuntu', 'Segoe UI', Tahoma, Arial, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.9);
    position: relative;
    cursor: pointer;
    /* border: 1px solid #ccc !important; */
    /* background: #fff url('../img/btn-overlay.png') repeat-x !important; */
}

.btn:hover, .btn:focus, .btn:active {
    outline: medium none;
    border: 1px solid #329ECC !important;
    opacity: 0.9;
    -khtml-opacity: .9;
    -moz-opacity: 0.9;
    -moz-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
    box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

.btn-green {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border: 1px solid #749217 !important;
    background-color: #41BC81 !important;
    border-radius: 30px;
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
    -moz-box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
    box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
    border: 1px solid #749217 !important;
}

.btn-blue {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border: 1px solid #2D69AC !important;
    background-color: #41BC81 !important;
     border-radius: 20px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    -moz-box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
    box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
    border: 1px solid #2D69AC !important;
}

.btn-red {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border: 1px solid #AE2B2B !important;
    background-color: #D22A2A !important;
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
    -moz-box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);
    -webkit-box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);
    box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);
    border: 1px solid #AE2B2B !important;
}

.btn-special {
    font-size: 110%;
    width: 210px;
}

.icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}

.icon-add {
    background: url('../img/add.png') no-repeat;
}

.icon-ok {
    background: url('../img/accept.png') no-repeat;
}

.icon-cancel {
    background: url('../img/cancel.png') no-repeat;
}

.btn-special .icon {
    margin-top: 2px;
}

.pagination {
    padding: 2px;
    margin: 7px;
}
/*
.pagination a {
    margin: 2px;
    padding: 0.5em 0.64em 0.43em 0.64em;
    background-color: #B80000;
    text-decoration: none;
    color: #fff;
}

.pagination a:hover, #pagination a:active {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #3d3d3d;
    color: #fff;
}

.pagination span.current {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #ddd;
    color: #3d3d3d;
}

.pagination span.disabled {
    display: none;
}
*/

span.viewtext {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

span.note {
    color: #555;
    font-size: 12px;
}

span.note a {
    color: #555;
    font-size: 12px;
    font-weight: bold;
}

.tipsy {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #000000;
    color: #fff;
    max-width: 400px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

table.action {
    width: 100%;
    margin-bottom: 10px;
}

table.action td {
    padding: .5em 1em;
    text-align: left;
    vertical-align: middle;
}

table.action td.label-bold {
    font-weight: bold;
    width: 20%;
    height: 28px;
}

table.action td.correct-option {
    font-weight: bold;
    width: 5%;
    height: 28px;
}

table.action td.boxed {
    border: 1px solid #000;
    margin-bottom: 28px;
    background-color: #eee;
}

table.action td.element-half {
    width: 30%;
    height: 28px;
}

table.action td.element-full {
    width: 80%;
    height: 28px;
}

span.required {
    color: #B80000;
    font-weight: bold;
}

span.red {
    color: #B80000;
}

span.green {
    color: #0EB321;
}

.userbox {
    background: #fff;
    margin-bottom: 5px;
    padding: 5px;
}

p.userinfo {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    color: black;
}

p.userinfo span.label {
    font-size: 13px;
    font-weight: bold;
    color: #aaa;
}

div.client {
    padding-top: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}

.hidden {
    display: none;
}

.sticky_footer {
    font-size: 12px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #000;
    opacity: 0.7;
    height: 25px;
    padding-bottom: 5px;
    z-index: 999;
}

.sticky_footer span {
    font-size: 12px;
    padding: 5px 10px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    float: left;
}

.sticky_footer span.sticky_right {
    float: right;
}

.global_loading {
    position: fixed;
    top: 10px;
    padding-top: 10px;
    padding-left: 50px;
    right: 5px;
    background: #000 url('../img/loader.gif') no-repeat 2% center;
    width: 200px;
    height: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    z-index: 999;
    color: #fff;
}

#userinfo {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    line-height: 16px;
}

.show_hide {
    font-size: 12px;
    font-weight: normal;
}

.page_info {
    float: right;
}

p.homeicon {
	font-size: 20px;
	font-weight: bold;
}

#modules {
	width: 215px;
	height: 215px;
}

input.input_right {
	text-align: right;
}
/* aabir */
.tog{
    border:none;
    text-decoration: underline !important;
}
.toggle {
    width: 185px;
    /*height: 120px;*/
}
#button {
/*    padding: .5em 1em;*/
    text-decoration: none;
}
#effect {
    position: relative;
    width: 240px;
    height: 85px;
    padding: 0.4em;
}
#effect h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
}