﻿
/* Global Styles */
html, body {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
}

/*
body {
    background-color: #FAFAFA;
}

td {
    font-size: 12px;
}*/

hr {
    display: block;
    height: 1px;
    border: 0;
    /*border-top: 1px solid #057068;*/
    border-top: 1px solid #057068;
    /*margin: 1em 0;*/
    margin: 0px;
    padding: 0px;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 33px;
    background-color: #FFF;
    /*border:solid 1px red;*/
}

style-footer {
    width: 100%;
    position: fixed;
    /*bottom: 10px;*/
    height: 33px;
}

.auto-width {
    width: auto;
}

.left-float {
    float: left !important;
}

.right-float {
    float: right !important;
}

.error {
    color: #de2323;
}

.success {
    color: #259425;
}
/*Ends Global Styles */


.link-gray {
    color: #333 !important;
    text-decoration: none;
}

    .link-gray:hover {
        text-decoration: underline;
        color: #333 !important;
    }

.link-green {
    color: #0e524c !important;
    font-weight: 600 !important;
    text-decoration: none;
}

    .link-green:hover {
        text-decoration: underline;
        font-weight: 600 !important;
        color: #0e524c !important;
    }

/* Form Template */
/*.frm_buttons {
    float: inherit;
    margin: 30px auto 0;
    width: 160px;
}

.rightMargin20 {
    margin-right: 20px;
}

.frm_buttons div {
    float: left;
    width: auto;
}*/


/* End Template */

/*.fright_custom {
    float: left;
    margin-top: -32px;
    padding-left: 200px;
    position: relative;
}

.fright_custom2 {
    float: left;
    margin-top: 0px;
    padding-left: 0;
}

.fright_custom3 {
    float: right;
    margin-top: 0px;
    padding-left: 0;
}

.telerik_TextBox_style {
    width: 260px !important;
    height: 30px !important;
    font-size: 14px !important;
}

.telerik_Button_style input {
    padding: 0px 5px 5px 20px !important;
    font-size: 14px !important;
}*/

/* grid section */

.text-right {
    text-align: right !important;
}

/*.filterGrid {
    background-color: #E1DAC7;
    width: 99.4%;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: -8px;
}*/

.breadcrumb {
    color: #333333;
    font-size: 11px;
    line-height: 22px;
}

.breadcrumb-page-name {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

    .breadcrumb-page-name h2 {
        font-size: 24px;
        font-weight: normal;
        color: #0F232F;
        margin: 20px 0 0;
    }

.popup-header {
    /*color: #0F232F;
    font-size: 18px;*/
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

/*for page title *jasmin*/

.page-title {
    font-family: 'Segoe UI';
    font-size: 15px !important;
    color: #222;
    /*color: #006D63;*/
    font-weight: 600;
    padding-left: 0px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.page-title-close {
    font-family: Verdana;
    font-size: 12px;
    color: #006D63;
    border: 1px solid #006D63;
    border-radius: 2px;
    padding: 0px 5px 2px 5px;
    text-decoration: none;
}

    .page-title-close:hover {
        font-size: 12px;
        color: white;
        text-decoration: none;
        padding: 0px 5px 2px 5px;
        background-color: #006D63;
    }

/*.reg_cont_admin {
    border: none !important;
}*/



/*.tooltip {
    display: none;
}*/

/*.mainForm {
    margin: 20px;
    padding: 10px;
    
}

    .mainForm .txtwi02 {
        background: none repeat scroll 0 0 #FFFFFF; 
        color: #000000;
        font-size: 14px;
        padding: 2px;
    }

.reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="text"], .reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="password"], .reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="search"], .reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="url"], .reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="tel"], .reg_form_box .RadForm.rfdTextbox input.rfdDecorated[type="email"] {
    width: 290px;
    height: 30px;
}

.RadForm.rfdTextarea textarea, .RadForm .rfdSelect {
    width: 290px !important;
}*/

.form-label {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding-left: 2px;
    text-align: right;
}

/*.topButtons .frm_buttons, .bottomButtons .frm_buttons {
    float: right;
}*/

.header-pin-info {
    color: #0F232F;
    width: 50px;
    font-weight: bold;
}

.header-pin-value-info {
    color: #BA3C01;
    font-weight: bold;
}

    .header-pin-value-info span {
        margin-left: 232px;
    }

.infoBox tr td:nth-child(3) {
    width: 20px;
}



/*.tabnew_title_entrant a {
    background-color: #ECE9E4;
    border: 1px solid #0E6C64;
    border-radius: 5px;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    width: 80px;
    text-decoration: none;
}*/



/*.reg_form_box tr td {
    margin: 0 auto;
}*/

.RadMenu .rmText {
    text-align: left !important;
}

/* use on non-telerik form elements to match telerik style*/
/*.form_field {
    line-height: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: black;
    font-size: 12px;
}*/

.div-body {
    margin: 20px 20px 10px 20px;
}

img {
    border: none;
    vertical-align: middle;
}

/*for master-Admin img style  *jasmin*/

.img-panel {
    border-radius: 15px;
    /*background: #efefef;*/
    padding: 20px 15px 10px 15px;
    font-size: 20pt;
    height: 250px;
    text-align: center;
    border: 1px solid #D1D1D1;
    background-color: #EDEDED;
}

.noMargin p {
    margin: 0;
}

.typeBox {
    border-radius: 15px;
    background: #efefef;
    padding: 20px 15px 10px 15px;
    font-size: 20pt;
}

.button-green {
    border: 1px solid #386660;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #446660;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#446660), to(#306861));
    background-image: -webkit-linear-gradient(top, #446660, #306861);
    background-image: -moz-linear-gradient(top, #446660, #306861);
    background-image: -ms-linear-gradient(top, #446660, #306861);
    background-image: -o-linear-gradient(top, #446660, #306861);
    background-image: linear-gradient(to bottom, #446660, #306861);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#446660, endColorstr=#306861);
}

    .button-green:hover {
        border: 1px solid #0D6D65;
        background-color: #2E6861;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2E6861), to(#057068));
        background-image: -webkit-linear-gradient(top, #2E6861, #057068);
        background-image: -moz-linear-gradient(top, #2E6861, #057068);
        background-image: -ms-linear-gradient(top, #2E6861, #057068);
        background-image: -o-linear-gradient(top, #2E6861, #057068);
        background-image: linear-gradient(to bottom, #2E6861, #057068);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2E6861, endColorstr=#057068);
    }

    .button-green:active {
        position: relative;
        top: 1px;
    }

.select-program {
    /*color: #006D63;*/
    color: #222;
    font-size: 18px;
    padding-top: 20px;
}


/* Rad Window Customized*/
.RadWindow table.rwTable, .RadWindow table.rwShadow, .RadWindow .rwTitlebarControls {
    /*border: 6px solid rgba(5,112,104,0.7) !important;*/
    border: 3px solid rgb(5,112,104) !important;
    padding: -5px !important;
    border-radius: 3px !important;
    position: relative !important;
    /*-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;*/
    -moz-box-shadow: 0 0 10px #777;
    -webkit-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777;
}

.rwCorner,
.rwTopResize,
.rwFooterCenter,
.rwTitlebar {
    display: none !important;
}

div.TelerikModalOverlay {
    background: #fff;
    background-color: #fff !important;
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
    -moz-opacity: 0.5 !important;
}
.form-label-left {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding-left: 2px;
    text-align: left;
}
/* For Rad Window Cutomized */
