/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : Apr 8, 2016, 10:47:33 AM
    Author     : CMSHelplive
*/


/*---------Common Elements---------------*/
.rmagic * { box-sizing: border-box;}

/*------------- rmagic Elements --------------*/


.rmagic {
    
    display: block;
    float: left;
    width: 100%;
}

.rm_spacing
{
    margin-top:100px;
    clear: both;
    width: 100%;
    float: left;
}
.rm_divider{
    width:100%;
    size:8px;
   clear: both;
    float: left;
}


.rmagic sup {color: #ff6c6c;}

/*.rmagic input[type=text], .rmagic textarea, .rmagic select, .rmagic input[type=password] {
    height: 35px;
    font-size: 18px;
    color: rgb(150,150,150);
    width: 90%;
    padding: 5px;
    font-size: 14px;
    border: 1px solid rgb(225,225,225);
}*/

.rmagic input[type=text].warning, input[type=password].warning, textarea.warning, select.warning, .rmagic input[type=password].warning {
    border-width: 1px;
    border-style: solid;
    border-color: #e89d9d;
    color: #ff6c6c;
    
}

.rmrow {position: relative !important;}
.rmagic .rmrow li { list-style:none;}

#ui-datepicker-div .ui-datepicker-calendar td {    padding: 0px;    border-width: 0 0px 0px 0;}
#ui-datepicker-div .ui-datepicker-calendar th {    padding: 0px;    border-width: 0 0px 0px 0;}



.rmagic .rmradio {
    display: block;
    float: left;
    list-style: none;
    width: 90%;
}

.rmagic .rmradio .rm-radio-option {
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.rmagic .rmradio .rm-radio-option::after {
    content: " ";
}


.rmagic input[type=submit] {
    display: inline-block;
    float: left;
}


.rmagic textarea {
    resize: both;
    z-index: 999999;
    height: 220px;
}




.rmagic form.rmagic-form {
    width: 100%; 
    floa