.clear {
  clear:both;
  display:block;
  font-size:0;
  height:0;
  margin:0;
  padding:0;
  float: none !important;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a{
    color:  #000000;    
}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}

p, dl, multicol {
    display: block;
    margin: 1em 0;
}

body{background:url(../css/project_images/bg.png);
/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif*/
font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif;
}
#box{font-size:12px; line-height: 20px; width:890px;padding:40px;margin:40px auto;background:#FFF;-webkit-box-shadow:0px 0px 1px 4px rgba(102,102,102,0.1);box-shadow:0px 0px 1px 4px rgba(102,102,102,0.1)}

#header{height:160px}
#header img{margin:0}

#content{display:table;width:890px;padding-top:30px}
#sub-content{float:right;width:603px}

.main_detail_middle_top .titleLogin,
h1{font-size:20px;margin:0 0 15px 0;padding:0}

h3{
    font-size: 13px;    
}

.mainContentLine{
    background-color: transparent;
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;    
}

.main_detail_middle_top{
    vertical-align: top;
    /*padding-top: 20px;*/  
}

.setLineSeparator{
    border-left: 1px dashed #878787;
}

.main_detail_middle_top .centerContent{
    padding-right: 15px;
}

.footerImage{
    background-image: url("../css/project_images/footerimage.jpeg");
    background-repeat: no-repeat;
    display: block;
    height: 66px;
    width: 265px;
    float: left;
}

#menu_bottom{
    float: left;    
    color: #95A1A9;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 20px;
}

#menu_bottom_content{
    margin-bottom: 5px; 
}

#menu_bottom_content a{
    color:#95A1A9;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

#menu_bottom_content a:hover{
    color: #BAC1C7;
}

#menu_bottom_copyright{
    font-size: 11px;    
}

#menu_bottom_content span{ 
    margin-left: 5px;
    margin-right: 5px;  
}

.main_box_left{
    vertical-align: top;
}

.main_box_left #loginform,
.main_box_left #recoverInfoRight{
padding-left: 30px;
}

.setMarginRight{
    padding-left: 0;
    padding-right: 25px;
}


.main_box_left #recoverInfoRight .titleLogin,
.main_box_left #mainLogin .titleLogin{
    background-image: url("../css/project_images/borderTopBox.png");
    height: 40px;   
}

 #recoverInfoRight{
    display: none;
}

.main_box_left #recoverInfoRight .titleLogin,
.main_box_left #mainLogin .titleLogin{
    color: #94a0a9;
    /*text-transform: uppercase;
    font-weight: bold;*/
    font-size: 14px;
    margin-bottom: 20px;
}

.main_box_left #recoverInfoRight .titleLogin .icon,
.main_box_left #mainLogin .titleLogin .icon{
    background-image: url("../css/project_images/iconKey.png");
    width: 25px;
    height: 25px;
    display: block;
    float:left;
    margin-left: 15px;
    margin-top: 10px;
    margin-right: 10px;
}

.main_box_left #recoverInfoRight .titleLogin .textbox,
.main_box_left #mainLogin .titleLogin .textbox{
    float: left;    
    margin-top: 15px;
    color: #FFF;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 14px;
}

.infoRecover,
.msgLogin{
    margin-bottom: 10px;    
}

/*#recoverInfoRight .infoRecover,
#mainLogin .msgLogin{
    color:#666666;
    font-size: 11px;    
    margin-bottom: 20px;
    line-height: 16px;
}*/

/*
input[type="submit"]{
    cursor: pointer;
    background-image: url("../css/project_images/btnSubmit.png");
}

input[type="submit"]:hover{
    background-image: url("../css/project_images/btnSubmitHover.png");
}*/

textarea{
    border: 1px solid #cccccc;
    line-height: 13px;
    color: #232020;
    background-color: #fffff;
    font-size: 13px;
}

/*#recoverInfoRight .fieldLabel,
.loginElement .label{
    color:#231F20;
    font-size: 11px;
    margin-bottom: 5px;
    font-weight: bold;
}*/

.loginElement{
    margin-bottom: 10px;    
}

.recoverPass{
    margin-top: 10px;
}

.recoverPass a{
    color: #5d6872;
    text-decoration: none;
    font-size: 11px;
    border-bottom: 1px solid #5d6872;
    padding-bottom: 1px;
}

.recoverPass a:hover{
    color: #95A1A9;
    border-bottom: 1px solid #95A1A9;
}

.styleBtn{
    cursor: pointer;
    font-size: 11px;
    
    -moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari, Chrome */
    border-radius: 20px; /* CSS3 */
    border: 2px solid #F0F0F0;
    background-image: url("../css/project_images/paternbtnSmal.png");
    padding: 6px 10px;  
    color: #777777;
    font-weight: bold;
    letter-spacing:1px;
    text-transform: none;
    line-height: 17px;
    font-weight: bold;
}

.styleBtn:hover{
    background-image: url("../css/project_images/paternbtnSmalhover.png");
}

#saveRGPD,
#saveSelectPaymentType,
#saveStep,
#nextStep{
    display: block;
    /*margin-left: 5px;*/   
}


.btnPrint{
    margin-top: 15px;
    margin-bottom: 15px;
}

button .btnSeta{
    /*
    background: url("../css/project_images/setaBtn.png") no-repeat scroll 0 0 transparent;
    float: right;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 25px;
    margin-top: 5px;*/
}

button .btnClock{
    /*)background: url("../css/project_images/iconClock.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 17px;
    margin-left: 10px;
    margin-top: 0;
    width: 14px;*/
}

button .btnNext{
    /*background: url("../css/project_images/setaBtn.png");
    float: right;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 10px;
    margin-top: 5px;*/
}

button .btnBack{
    /*background: url("../css/project_images/setaBtnBack.png");
    float: left;
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    margin-top: 5px;*/
}

.operationBtns{
    margin-top: 10px;
}

.operationBtns{
    clear: both;
}

.operationBtns .nextBtnStyle{
    margin-right: 20px;
}

.operationBtns .styleLink{
    background: url("../css/project_images/btnLink.png");
    background-repeat: no-repeat;
    background-position: left;
    border-bottom: 1px dotted #d3d3d3;
    color: #777777;
    font-weight: bold;
    letter-spacing: 1px;
    float: left;
    margin-top: 30px;
    text-decoration: none;
}

.operationBtns .styleLink div{
    padding-left: 10px;
    padding-top: 7px;   
    padding-bottom: 10px;
}



.fieldBox {
    display: block;
    margin-bottom: 20px;
}

.fieldLabel{
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-right: 5px;
}

.fieldBox ol {
    counter-reset: list;
    margin-left: 20px;
}

.fieldBox ol > li {
    list-style: none;
}
.fieldBox ol > li:before {
    margin: 8px 0 0 -16px;
    counter-increment: list;
    /*content: counter(list, lower-alpha) ") ";*/
    content: counter(list, decimal) ") ";
}

/*hard-coded*/
.classVersionRadios tr:nth-of-type(2n) > td label:nth-of-type(2n) {
    margin-left: 45px;
    margin-top: -28px;
}

.fieldSub td input[type="radio"] { margin-left: 20px;}
.fieldSub td input[type="text"] { margin-left: 40px;}

.fieldSubLabel .fieldLabel {
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: normal;
    margin-right: 2px;
}

.hasDatepicker{
    float: left;    
}

.ui-datepicker-trigger{
    float: left;    
    margin-left: -32px;
}

.jRadioWrapper{
    float: left;    
}

.radioCheckLabel{
    float: left;
    padding-left: 15px; 
}
/*
#steps{
    list-style: none;   
    margin-bottom: 5px;
}

#steps li{
    float: left;
    color: #232020;
    font-size: 18px;
    font-weight: bold;
    line-height:45px;
    text-transform: uppercase;  
    margin-left: 0;
}



#steps li.titleSteps{
    height: 46px;
    width:255px;
    background-color: #e4e5e5;
    text-transform: uppercase;
    line-height: 47px;
}

#steps li .number{
    color: #94a0a9;
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

#steps li .litext{
    font-size: 9px;
    font-weight: normal;
    color: #666666;
    float: left;
}

.titleSteps span{
    margin-left: 20px;
}

#stepDesc0{
    background: url("../css/project_images/step1.jpg");
    display: block;
    width: 191px;
    height: 46px;
}

#stepDesc1{
    background: url("../css/project_images/step2.jpg");
    display: block;
    width: 172px;
    height: 46px;
}

#stepDesc2{
    background: url("../css/project_images/step3.jpg");
    display: block;
    width: 178px;
    height: 46px;
}

#stepDesc3{
    background: url("../css/project_images/step4.jpg");
    display: block;
    width: 173px;
    height: 46px;
}

.stepByStepWith5 #stepDesc0{
    background: url("../css/project_images/step1_with5.jpg");
    width: 152px;
}

.stepByStepWith5 #stepDesc1{
    background: url("../css/project_images/step2_with5.jpg");
    width: 138px;
}

.stepByStepWith5 #stepDesc2{
    background: url("../css/project_images/step3_with5.jpg");
    width: 133px;
}

.stepByStepWith5 #stepDesc3{
    background: url("../css/project_images/step4_with5.jpg");
    width: 150px;
}

.stepByStepWith5 #stepDesc4{
    background: url("../css/project_images/step5_with5.jpg");
    width: 138px;
    height: 46px;
}

#steps.stepByStepWith5 li.titleSteps{
    width: 259px;
}

.boxSteps{
    float: right;
    margin-right: 25px;
    float: left;
    margin-left: 3px;
}


.stepByStepWith5 .boxSteps{
     margin-right: 0;
}


#steps li.currentStep  .number{
    color: #232020;
}

#steps li.currentStep .litext{
    color: #232020;
}


#backStep{
    float: right;   
}

.stepByStepWith5 li .number{
    margin-right: 2px !important;
}

#stepDesc0 .boxSteps{
    margin-left: 30px;
}
*/

#steps{
    background-image: url("../css/project_images/stepbg.gif");  
    background-repeat: no-repeat;
    width: 900px;
    padding-top: 2px;   
}

#steps .stepsTable{
    width: 100%;
    table-layout: fixed;    
}

#steps td{
    text-align: center; 
    vertical-align: top;
}

.boxSteps .number{
    background-image: url("../css/project_images/stepNumber.png");  
    background-repeat: no-repeat;
    height: 37px;
    background-position: center center;
}

.boxSteps .number div{
    padding-top: 7px;
    color: #95a0aa;
    font-size: 14px;
    font-weight: bold;  
}

.boxSteps .litext{
    color: #666666;
    font-size: 11px;
    text-decoration: none;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.pastStep .boxSteps .number{
    background-image: url("../css/project_images/stepNumberGreen.png")  !important;
}

.pastStep .boxSteps .number div{
    color: #c8e2bf  !important;
}

.pastStep .boxSteps .litext{
    color: #9acc8e !important;
}

.currentStep .boxSteps .number{
    background-image: url("../css/project_images/stepNumberCurrent.png");
}

.currentStep .boxSteps .litext{
    color: #262223;
}

.currentStep .boxSteps .number div{
    color: #262223;
}

.current{
    display: block !important;  
}

.desative{
    display: none  !important;  
}

.info, .error, .warningDefault {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../css/images/info.png');
    margin-left:3px;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../css/images/error.png');
    margin-left:3px;
}

.warningDefault{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../css/images/warning.png');
    margin-left:3px;
}

.info div, .error div, .warningDefault div{
    line-height: 15px;
}

#displayBox{
  background-color: #FFF    ;
  color: #5E686E;
  font-size: 13px;
  line-height: 20px;
  width: 500px;
}

#displayBoxText{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;  
    color: #666;
}

.boxloadingContent{
    padding-top: 15px;
}

.blockUI .styleBtn{
    margin-top:20px;
}

.blockUI .styleBtnBack{
    margin-left: 10px;
}

.jqueryBtns{
    margin: 0 auto;
    width: 410px;
}

#displayRgpdBox,
#displayLoginBox,
#displayHelpBox{
    text-align: left;
    margin: 25px;
    line-height: 16px;
}

#displayRgpdBox,
#displayHelpBox{
    width: 525px;
}

#displayBoxHelpTitle{
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: uppercase;
}

#displayRgpdBoxText,
#displayHelpBoxText{
    font-size: 13px;
    line-height: 20px;  
    background-image: url("../css/project_images/smallLine.png");
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
}

.displayHelpBox{
    width: 570px;   
}

#displayBoxImage{
    margin-top: 10px;   
}

#reservedarealist{
    list-style-type: none;
}

.registrationLink{
    font-weight: bold;  
}

.detailBox{
    margin-bottom: 35px;    
}

.periodIcon{
    float: left;
}

.periodName{
    float: left;
    padding-left: 5px;
    color:#B1B9C0;
    font-size:13px;
    font-weight:bold;
    margin-bottom:5px;
}

.periodDetail{
    margin-left: 18px;
    line-height: 15px;
}

.paymentTable .fieldLabel{
    width: 50px;
}

.detailBox table{
    line-height: 18px;
}

/*.infoRecover{
    margin-bottom: 10px;
    color: #666666;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 20px;    
}*/

#formmessage{
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;
}

.loginInPage{
    margin-top: 0 !important;   
    width: 500px !important;
}

.printField{
    margin-left: 5px;
    color: #B1B9C0;
}

.blockUI{
    border: 1px solid #AAAAAA;
    -moz-border-radius: 4px 4px 4px 4px;
}

.fieldMandatory{
    color: red;
    margin-left: 2px;   
    background-image: url("../css/project_images/mandatory.gif");   
    width:12px;
    height:15px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    display: inline-block;
}
.fileContentBox .textInFile{
    float:left;
    color: #828383;
    line-height: 18px;
}
.fileContentBox .jNiceWrapper{
    float:left;
}

.countCharsBox{
    margin-top: 5px;    
}

input[type=file]{
    height: 23px;   
}

#custom-confirm{
    display: none;  
}

#document_number_check{
    width: 10px;    
}

.documentCheckItem{
    float: left;
}

.documentCheckIcon{
    float: left;
    margin-right: 2px;
    margin-left: 2px;   
    line-height: 29px;  
}

.checkBoxClass{
    line-height: 23px;
}

.checkBoxClass input{
    height: 15px;
    margin-top: 0;
    padding-top: 0;
}


.arc-left-menu-container #menuArc{
    padding-left: 0;
}

.arc-left-menu-container .level1 {
    list-style-type: none;
    margin: 0;
}

.arc-left-menu-container .level2 {
    list-style-type: none;
}

.arc-content-container table {
    width: 100%;
}

.arc-content-container th {
    text-align: center;
    padding: 5px;
}

.arc-content-container td {
    padding: 5px;
}

.arc-content-container .dark {
    /*background-color: #F4F2F2;*/
}

.arc-content-container .application-overview th {
    text-align: left;
}

.arc-content-container h1 {
    margin-bottom: 10px;
}

.centered {
    text-align: center !important;
}

tr .payment-late, tr .payment-late a { background-color: #ed6b6d; color: white;}
tr .payment-late:hover { color: #ed6b6d; }
tr .payment-late:hover a { color: #ed6b6d; background-color:inherit; }

.arc-menu-highlight {
    text-decoration: none;
    color: black;
}

.arc-invoice-details td {
    border: 1px solid #e0e0e0;
}

.arc-ocurrence-detail th {
    border: 1px solid #e0e0e0;
    text-align: left;
}

.arc-ocurrence-detail td {
    border: 1px solid #e0e0e0;
    width: 80%;
}

.arc-menu-old-applications-hideable {
    display: none;
}

.arc-information {
    padding-top: 20px;
}

.madatoryBox{
    margin-bottom: 15px;
}

.madatoryBox span{
    color: red;
}

#selectPaymentType .methodSelected td{
    padding-top: 2px;
}

.madatoryBox{
    margin-bottom: 15px;
}

.madatoryBox span{
    color: red;
}

#selectPaymentType .methodSelected td{
    padding-top: 2px;
}

.madatoryBox{
    margin-bottom: 15px;
}

.madatoryBox span{
    color: red;
}

#selectPaymentType .methodSelected td{
    padding-top: 2px;
}

#loginform .info,
#loginform .error{
	background-color: #666;
	border: 0;
	margin: 0 0 20px 0;
	padding: 10px;
	background-image: none;
	color: #FFF;
}

.hiddenPreRegist{
    display: none;  
}

#application .removeFileCheck{
    display: none;  
}

.main_detail_middle_top .leftApplicationHelp{
    display: none;
}

.main_detail_middle_top #recoverInfoRight{
    margin-top: 0 !important;
    width: 500px !important;
}

.printBox .paymentTable td{
    color: #B1B9C0;
}

.printBox .paymentTable .fieldLabel{
    width: 130px;
    color: #5D6872;
}

.printBox .printPostionLeft .fieldLabel{
    float: left;
}

.printBox .printPostionLeft .printField{
    margin-top: 1px;
    float: left;
}

.printBox  .printPostionDefault .printField{
    line-height: 16px;
}

#line_bottom{
    border-top: 1px solid #D7D7D7;
    margin-bottom: 25px;
}

.nextBtnStyle:hover{
    background-image: url("../css/project_images/paternBtnHover.png");
}

button.nextBtnStyle .btnSeta{
    display: none;
}

.paymentInfoTable td{
    padding-bottom: 5px;    
}

.centerContent ul {
    list-style-position:inherit;
    margin-left: 30px;
}
.paymentInfoTable .labelPayment{
    padding-right: 5px;
    font-weight: bold;  
}

.arc-left-menu-container{
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    width:265px;
    margin-right:20px;
}


.arc-left-menu-container #nav-head img{margin:10px;float:left;max-width:60px; }
.arc-left-menu-container #nav-head h1{font-size:18px;color:#666;margin:0;padding:16px 0 0 0}
.arc-left-menu-container #nav-head{font-size:10px;color:#666;margin:0;/*height:80px*/}

.arc-left-menu-container li{
    list-style-type: none;
    margin: 0;  
}

.arc-left-menu-container .optionArc{
    font-size:11px !important;
    list-style-type: none;
    margin: 0;  
    cursor:pointer;height:40px;width:265px;list-style:none;background:#f8f8f8;background:-moz-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#e1e1e1));background:-webkit-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);background:-o-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);background:-ms-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);background:linear-gradient(to bottom,#f8f8f8 0,#e1e1e1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#e1e1e1',GradientType=0);border-top:1px solid #CCC;font-size:12px;line-height:40px;text-indent:8px
}

.arc-left-menu-container .optionArc:hover{background:#e1e1e1}

.optionArc {
    /*border-bottom: 1px solid #cccccc;*/
}

.arc-menu-root .optionArc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.arc-left-menu-container a{text-decoration: none;}
.slicknav_menu .iconNotification,
.arc-left-menu-container .iconNotification{background:url(../css/project_images//icons.png) center 5px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconApplication,
.arc-left-menu-container .iconApplication{background:url(../css/project_images//icons.png) center -34px no-repeat;height:25px;width:25px;margin-top:8px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconApplicationOld,
.arc-left-menu-container .iconApplicationOld{background:url(../css/project_images//icons.png) center -69px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconLinkMoodle,
.arc-left-menu-container .iconLinkMoodle{background:url(../css/project_images//icons.png) center -106px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconLinkPersonal,
.arc-left-menu-container .iconLinkPersonal{background:url(../css/project_images//icons.png) center -145px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconLinkChangePass,
.arc-left-menu-container .iconLinkChangePass{background:url(../css/project_images//icons.png) center -186px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.slicknav_menu .iconLinkLogout,
.arc-left-menu-container .iconLinkLogout{background:url(../css/project_images//icons.png) center -224px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}

.arc-left-menu-container .iconLinkSessions{background:url(../css/project_images//icons.png) center -260px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.arc-left-menu-container .iconLinkGrades{background:url(../css/project_images//icons.png) center -335px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.arc-left-menu-container .iconLinkPresences{background:url(../css/project_images//icons.png) center -297px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.arc-left-menu-container .iconLinkFees{background:url(../css/project_images//icons.png) center -373px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.arc-left-menu-container .iconLinkSurvey{background:url(../css/project_images//icons.png) center -410px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}
.arc-left-menu-container .iconLinkOcurrence{background:url(../css/project_images//icons.png) center -440px no-repeat;height:25px;width:25px;margin-top:5px;margin-left:10px;display:block;float:left}


.arc-left-menu-container .arc1Active .optionArc,
.arc-left-menu-container .arc1Active:hover .optionArc{
    background:#6b6b6b;
    background:-moz-linear-gradient(top,#6b6b6b 0,#3b3b3b 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6b6b6b),color-stop(100%,#3b3b3b));
    background:-webkit-linear-gradient(top,#6b6b6b 0,#3b3b3b 100%);
    background:-o-linear-gradient(top,#6b6b6b 0,#3b3b3b 100%);
    background:-ms-linear-gradient(top,#6b6b6b 0,#3b3b3b 100%);
    background:linear-gradient(to bottom,#6b6b6b 0,#3b3b3b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b',endColorstr='#3b3b3b',GradientType=0);
    color:#FFF;
    width:267px;
    margin-left:-1px;
    z-index:1000
}

.arc-left-menu-container ul ul {margin:10px 0}
.arc-left-menu-container ul ul .arc1Active, 
.arc-left-menu-container ul ul .arc1Active:hover{color:#333;text-decoration:none;background:none;filter:none;font-weight:bold}
.arc-left-menu-container ul ul li{background:#FFF;filter:none;border:0;/*height:30px;line-height:30px;*/color:#333; padding-left: 10px !important;}
.arc-left-menu-container ul ul li:hover p{background:#FFF;text-decoration:underline;cursor:pointer}
.arc-left-menu-container ul ul li:hover p{background:#FFF;text-decoration:underline;cursor:pointer}
.arc-left-menu-container ul ul li.level2:hover {background:#FFF;text-decoration:underline;cursor:pointer}
.arc-left-menu-container ul ul ul{margin:0 12px 5px 0;padding:0 0 10px 0;border-bottom:1px dotted #CCC}
.arc-left-menu-container ul ul ul li{background:#FFF;filter:none;border:0;height:20px;line-height:20px;color:#333;width:240px; padding-left: 10px !important;}
.arc-left-menu-container ul ul ul li:hover{background:#FFF;text-decoration:underline;cursor:pointer}

/*
.arc-left-menu-container .textbox{
    float: left;    
    margin-top: 12px;
    color: #333333;
    letter-spacing: 0.5px;
    text-transform: none;
    max-width: 230px;
}

.iconArc{
    width: 25px;
    height: 25px;
    display: block;
    float:left;
    margin-left: 15px;
    margin-top: 8px;
    margin-right: 10px;
}

.iconNotification{
    background-image: url("../css/project_images/iconhome.png");
}

.iconApplication{
    background-image: url("../css/project_images/iconBook.png");
}

.iconApplicationOld{
    background-image: url("../css/project_images/iconacademic.png");
}

.iconLinkMoodle{
    background-image: url("../css/project_images/iconmoodle.png");
}

.iconLinkPersonal{
    background-image: url("../css/project_images/iconpersonal.png");
}

.iconLinkLogout{
    background-image: url("../css/project_images/iconlogout.png");
}

.iconLinkChangePass{
    background-image: url("../css/project_images/iconKey.png");
}*/

/*.arc-menu-old-applications-hideable .arc1Active .optionArc,
.arc1Active .optionArc,
a:hover .optionArc {
    background-image: url("../css/project_images/borderTopBox.png");
}*/

/*.arc-left-menu-container .arc1Active .textbox,
.arc-left-menu-container a:hover .textbox{
    color: #FFF;
}

.arc-menu-old-applications-hideable,
.arc-menu-hideable{
    margin: 15px 10px;
}

.arc-menu-old-applications-hideable li,
.arc-menu-hideable li{
    margin-bottom: 10px;    
}

.arc-menu-old-applications-hideable li a,
.arc-menu-hideable li a{
    text-decoration: none;  
}

.arc-menu-old-applications-hideable li a:hover,
.arc-menu-hideable li a:hover{
    text-decoration: underline; 
}

.arc-menu-old-applications-hideable .optionArc{
    height: auto;
    background: none;
}

.arc-menu-old-applications-hideable .optionArc .iconArc{
    display: none;
}

.arc-menu-old-applications-hideable .textbox{
    margin-top: 0;
    max-width: none;
}

.arc-menu-old-applications-hideable a .textbox{
    background-image: none !important;
    color: #333333;
}

.arc-left-menu-container .arc-menu-old-applications-hideable .arc1Active .textbox,
.arc-left-menu-container .arc-menu-old-applications-hideable  a:hover .textbox,
.arc-menu-old-applications-hideable a:hover .textbox{
    text-decoration: underline;
    color: #333333; 
}

.arc-menu-old-applications-hideable .arc-menu-root{
    padding-left: 15px; 
}

.arc-menu-old-applications-hideable .optionArc,
.arc-menu-old-applications-hideable a:hover .optionArc{
    background-image: none !important;
}*/

/*.styleTable th{
    text-align: left;
    background-image: url("../css/project_images/tablePatern.png");
    padding: 10px 0 10px 15px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0.5px;
    
    -moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0; 
}

.styleTable td{
    padding: 10px 0 10px 15px;
}

.styleTable td.styleTitle{
    color: #333333;
    background-color: #eeeeee;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
}

.styleTable .dark,
.styleTable .light{
    color: #333333;
    border-bottom: 1px solid #cdcdcd;
}

.styleTable td.styleTableImg{
    background-image: url("../css/project_images/tableBgBottom.png");
    background-repeat: no-repeat; 
    background-position: center;
    height: 5px;
    padding: 0;
    line-height: 5px;
}

.styleTable{
    margin-bottom: 25px;
}

.iconSeeDetail{
    padding-right: 15px;    
}
*/
.table td.hidenPaymentInfo{
    padding: 0;
}

.table td.hidenPaymentInfo .hidenPaymentDiv{
    border-bottom: 0;
}

.table .hidenPaymentDiv table,
.table td.hidenPaymentInfo .hidenPaymentDiv table{
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.arc-invoice-details .labelInvoice{
    font-weight: bold;  
}

.labelInfoApplication{
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    margin: 0 0 10px;
    padding: 0;
}

.textInfoApplication{
    margin-bottom: 5px; 
}

.application-overview{
    margin-bottom: 40px;    
}

.application-overview tr{
    border-bottom: 1px dotted #cccccc;
}

.typeValid{
    color: #00b22d; 
}

th.filterField{
    text-align: left;
}

.filterFieldSeparator{
    border-left: 1px dotted #cccccc;
    display: block;
    height: 35px;
    line-height: 12px;
    width: 3px;
    margin-left: 3px;
}

.filterFieldLine{
    border-bottom: 1px dotted #cccccc;
}

.filterFieldLine th{
    padding-bottom: 10px;   
}

.filterFieldTable{
    margin-bottom: 10px;    
}

.filterFieldDate .jNiceWrapper{
    float: left;
    margin-top: 8px;
}

.filterFieldDate .inputLabel{
    margin-top: 6px;
    margin-left: 7px;
}

.filterFieldDate{
    font-size: 11px;
    font-weight: normal;
}

.inputLabel{
    margin-top: 11px;
    float: left;    
}

#arc_export_schedule{
    margin-bottom: 10px;    
}

.arc-pagination-container{
    float: right;   
}

.arc-pagination-container .optionPagination{
    float: left;    
    cursor: pointer;
    background-image: url("../css/project_images/btnSubmit.png");
    
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    line-height: 13px;
    color: #232020;
    background-color: #F5F5F5;
    height: 12px;
    padding: 6px 9px;
    
}

.arc-pagination-container .optionPaginationActive,
.arc-pagination-container .optionPagination:hover{
    background-image: url("../css/project_images/btnSubmitHover.png");
}

.arc-pagination-container .optionPaginationFirst{
    -moz-border-radius: 5px 0 0 5px; /* Firefox */
    -webkit-border-radius: 5px 0 0 5px; /* Safari, Chrome */
    border-radius: 5px 0 0 5px; /* CSS3 */
}

.arc-pagination-container .optionPaginationLast{
    -moz-border-radius: 0 5px 5px 0; /* Firefox */
    -webkit-border-radius: 0 5px 5px 0; /* Safari, Chrome */
    border-radius: 0 5px 5px 0; /* CSS3 */
    border-right: 1px solid #D3D3D3;
}

.paymentDelayed{
    margin-bottom: 15px;    
}

input[type="submit"].nextBtnStyle,
.nextBtnStyle{
    -moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari, Chrome */
    border-radius: 20px; /* CSS3 */
    border: 3px solid #F0F0F0;
    background-image: url("../css/project_images/paternBtn.png");
    padding: 11px 55px; 
    text-shadow:2px 1px 1px #6D9561;
    color: #FFF;
    font-size: 19px;
    font-weight: normal;
    letter-spacing:1px;
    text-transform: none;
    height: auto;
}

.arc-content-container #formAuth td{
    padding: 0; 
}

.blockUI{
-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.76);
-moz-box-shadow:    0px 0px 9px rgba(0, 0, 0, 0.76);
box-shadow:         0px 0px 9px rgba(0, 0, 0, 0.76);}

/* classes */
.center{margin:0 auto;display:block}
.required{font-size:20px;color:red}
.float-left{float:left;margin-right:20px}
.btn-gravar{display:inline-block;background:url(imgs/btn-gravar.png) -1px -1px no-repeat;width:222px;height:49px;cursor:pointer;margin-left:-3px}
.btn-gravar:hover{background:url(imgs/btn-gravar.png) -1px -53px no-repeat;width:222px;height:49px}
.back{border-bottom:1px dotted #CCC;color:#666;font-size:15px;text-decoration:none;padding-bottom:5px;display:inline-block;margin-top:20px;overflow: hidden}
.btn-cancelar{display:inline-block;background:url(imgs/btn-cancelar.png) -1px -3px no-repeat;width:161px;height:36px;cursor:pointer;margin-bottom:4px}
.btn-cancelar:hover{background:url(imgs/btn-cancelar.png) -1px -39px no-repeat;width:161px;height:36px}
.filtros{display:table;margin:0 0 20px 0;width:603px;}
/*.filtro{float:left;margin-right:10px;padding-right:11px;border-right:1px dotted #CCC;height:40px;line-height:40px}*/
.filtro{float:left;margin-right:10px;padding-right:11px;border-right:1px dotted #CCC;line-height:40px}
.teacher .filtro{border-right:0;}
.filtro select{margin:0;width:175px}
.checkbox{min-height:18px;padding-left:18px;font-size:11px;color:#666}
.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
.radio{min-height:18px;padding-left:18px;font-size:11px;color:#666}
.radio input[type="radio"]{float:left;margin-left:-18px;}
.geral{margin:0;padding:0;width:603px}
.geral li{list-style:none;border-bottom:1px dotted #CCC;padding-bottom:10px;margin-bottom:10px;font-size:12px;color:#444}
.geral h2{font-size:15px;margin:0;padding:0;color:#333;margin-bottom:10px}
.gradient{filter:none;} /* usado apenas para ie8 */
.arc-content-container .filtro select{
    margin-top: 5px;
}

.stylebutton, .arc_schedule_form input[type="submit"], .arc_schedule_form input[type="button"]{display:inline-block;*display:inline;*zoom:1;padding:4px 14px;margin-bottom:0;font-size:14px;line-height:20px;*line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbbbbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.stylebutton:hover,
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.stylebutton:active,
.arc_schedule_form input[type="submit"]:active,
.arc_schedule_form input[type="button"]:active,
.arc_schedule_form input[type="submit"].active,
.arc_schedule_form input[type="button"].active{background-color:#cccccc \9;}
.arc_schedule_form input[type="submit"]:first-child,
.arc_schedule_form input[type="button"]:first-child{*margin-left:0;}
.stylebutton:hover,
.arc_schedule_form input[type="submit"]:hover,
.arc_schedule_form input[type="button"]:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.arc_schedule_form input[type="submit"]:focus,
.arc_schedule_form input[type="button"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.stylebutton,
.arc_schedule_form input[type="submit"],
.arc_schedule_form input[type="button"]{padding:3px 9px;font-size:12px;line-height:18px;}
.arc_schedule_form input[type="submit"] [class^="icon-"],
.arc_schedule_form input[type="button"] [class^="icon-"] {margin-top:0;}

/* tabelas */
.mainContent table{max-width:603px;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.subtitle{background:#EEEEEE}
.table{font-size:11px;width:603px;margin-bottom:15px;}
.table .footer{background:url(../css/project_images/footer-table.png);height:5px;padding:0}
.table thead :nth-child(1){border-top-left-radius:4px}
.table thead :last-child{border-top-right-radius:4px}
.table thead th{
    font-weight:bold;color:#FFF;font-size:12px;border:0;background:#3b3b3b;
background: -moz-linear-gradient(top,  #6b6b6b 0%, #3b3b3b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#3b3b3b));
background: -webkit-linear-gradient(top,  #6b6b6b 0%,#3b3b3b 100%);
background: -o-linear-gradient(top,  #6b6b6b 0%,#3b3b3b 100%);
background: -ms-linear-gradient(top,  #6b6b6b 0%,#3b3b3b 100%);
background: linear-gradient(to bottom,  #6b6b6b 0%,#3b3b3b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#3b3b3b',GradientType=0 );

}
.table thead th{
    -moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0;
} 
.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.table thead th{vertical-align:bottom;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
.table tbody{border-bottom:1px solid #dddddd;}
.table-condensed th,.table-condensed td{padding:4px 5px;}
.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#f5f5f5;}
table [class*=span],.row-fluid table [class*=span]{display:table-cell;float:none;margin-left:0;}

/* classes */
/*.center{margin:0 auto;display:block}
.required{font-size:20px;color:red}
.float-left{float:left;margin-right:20px}
.btn-gravar{display:inline-block;background:url(imgs/btn-gravar.png) -1px -1px no-repeat;width:222px;height:49px;cursor:pointer;margin-left:-3px}
.btn-gravar:hover{background:url(imgs/btn-gravar.png) -1px -53px no-repeat;width:222px;height:49px}
.back{border-bottom:1px dotted #CCC;color:#666;font-size:15px;text-decoration:none;padding-bottom:5px;display:inline-block;margin-top:20px;overflow: hidden}
.btn-cancelar{display:inline-block;background:url(imgs/btn-cancelar.png) -1px -3px no-repeat;width:161px;height:36px;cursor:pointer;margin-bottom:4px}
.btn-cancelar:hover{background:url(imgs/btn-cancelar.png) -1px -39px no-repeat;width:161px;height:36px}
.filtros{display:table;margin:0 0 10px 0;width:603px;}
.filtro{float:left;margin-right:15px;padding-right:16px;border-right:1px dotted #CCC;height:40px;line-height:40px}
.filtro select{margin:0;width:175px}
.checkbox{min-height:18px;padding-left:18px;font-size:11px;color:#666}
.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
.geral{margin:0;padding:0;width:603px}
.geral li{list-style:none;border-bottom:1px dotted #CCC;padding-bottom:10px;margin-bottom:10px;font-size:12px;color:#444}
.geral h2{font-size:15px;margin:0;padding:0;color:#333;margin-bottom:10px}
.gradient{filter:none;}
*/
 /* usado apenas para ie8 */

.styleBtnBack{
    padding: 6px 20px;
    margin-left: 10px;  
}

/* forms Bootstrap v2.1.1 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.line-form{display:block;margin-bottom:20px}
form{margin:20px 0}
label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
label{margin-bottom:5px;}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],input[type="file"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:9px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
textarea{height:auto;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#F5F5F5;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(0, 0, 0, 0.2);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);background:#FFF}
input[type="radio"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}
/*input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}*/
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"]{width:auto;}
select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}
select{width:220px;border:1px solid #cccccc;background-color:#ffffff;}
select[multiple],select[size]{height:auto;}
select:focus,input[type="file"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eeeeee;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}
input[type="radio"]{opacity:0;z-index:-1;position:relative;}
input[type="radio"]+label{cursor: pointer;margin-top:1px;background:url(../css/project_images/radio-empty.png);padding:0;display:inline-block;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:24px;height:24px;vertical-align:middle}
input[type="radio"]:checked+label{background:url(../css/project_images/radio-checked.png); }

input[type="checkbox"]{opacity:0;z-index:-1;position:relative;}
input[type="checkbox"]+label{cursor: pointer;margin-top:1px;background:url(../css/project_images/radio-empty.png) no-repeat;padding:0;display:inline-block;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:24px;height:24px;vertical-align:middle;padding-left: 28px;width: auto;}
input[type="checkbox"]:checked+label{background:url(../css/project_images/radio-checked.png) no-repeat; }

.help-block,.help-inline{color:#595959;}
.help-block{display:block;margin-bottom:10px;}
.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
.input-append,.input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;font-size:14px;vertical-align:top;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}
.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.input-append .add-on,.input-append .btn{margin-left:-1px;}
.input-append .add-on:last-child,.input-append .btn:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}

.displayBoxImage img{
    width: 152px;
    height: 100px;  
}

.stepByStepWith3{
    background-color: #CBCDCC;
}

.textWithBrSpace{
    white-space: pre-line;
    word-wrap: break-word;
}

.dontHaveTermAcceptance{
    margin-top: 10px;
    margin-bottom: 10px;
    color: red;
    font-size: 13px;
}


.displayNone{
display:none
}

.see_graphic .boRecordOperation {
background-image:url("../css/images/see_graphic.gif")
}

#selectPaymentType .methodSelected td.paymentPlanName{
    padding-top: 15px;
}

.paymentPlanDetail{
    margin-left: 35px;  
    color:#777777;
}

#selectPaymentType .methodSelected td.planDetailTitle{
    padding-top: 10px;
    font-weight: bold;
}

#selectPaymentType .methodSelected .planDetailInfo td{
    padding-right: 5px; 
}


.arc-content-container th.alignLeft{text-align: left}

.arcfeedbackaction {
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #666;
    margin-top: 5px;
    margin-bottom: 5px; 
}

.arcok {
    color: #666;
    background-color: #99CCFF; 
}

.arcfail {
    color: #666;
    background-color: #FFBABA; 
}

input[type="file"]{
    margin-bottom: 0;   
}

.helpFile{
    margin-bottom: 5px; 
}

.boxloadingContent{
    width: 441px;
    height: 291px;
    margin: 0 auto
}

.fieldLabel .formhelp{
    font-size: 12px;    
}

.tiptip{
    cursor: pointer;    
}

#arc_filter_schedule .filtro label.checkbox,
#arc_filter_schedule .filtro label.radio {
    padding-left:5px;
}
#arc_filter_schedule .filtro .checkbox input[type="checkbox"],
#arc_filter_schedule .filtro .radio input[type="radio"] {
    margin-left: 1px;
}

/*#arc_filter_schedule input[type="radio"]{*/
/*.teacher input[type="radio"],*/
.teacher .arc_schedule_form input[type="radio"],
.arcsurvey input[type="radio"] {
    opacity:1;
    z-index:auto;
}

#arc_filter_schedule input[type="radio"] { float: left; margin-right: 5px;}
#arc_filter_schedule label { color: #666; font-size: 11px;}

.styleTitleValue {
    width: 70px;
}

.hideStepZero.steps,
.hideStepZero #stepDesc0 {
    display: none;
}

.nobreakfield {
    white-space: nowrap;
}

.genericDivTable { margin-bottom: 10px;}
.genericDivTable span { font-weight: bold;}

#photoListDivTriangles { display:none}

.photoListContainer{
    margin-left: 15px;
    font-size: 11px;
    line-height: 20px;  
    margin-top: 20px;
}

.photoListHeader {
    display: none;  
}

.photoListLine{
    border-bottom: 1px solid #CCCCFF;
    margin-bottom: 15px;
    width: 800px;
}

.photoListContainer td{
    vertical-align: top;    
}

.photoListBoxPicture{
    width: 130px;   
}

.photoListBoxPicture .nofoto {
    width: 110px;
    height: 100px;
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #C0C0C0;
    color: #C0C0C0;
}

.photoListBox{
    overflow: hidden;
    text-align: center;
    width: 110px;
    margin-bottom: 10px;
}

.photoListWrapper{
    height: 120px;
    overflow: hidden;
    text-align: center;
    width: 110px;
}

.photoListWrapper img{
    max-width: 110px !important;
}

.photoListFieldName{
    width: 80px;
    font-weight: bold;  
}

/*.photoListHeader img { display: none;}*/

.break { 
    page-break-after: always; 
}

.inputOperationOk { border: 1px solid green !important;}
.inputOperationFail { border:1px solid red !important;}

.arcsurveySeparator {padding: 10px 0 5px 0}
.arcsurveySeparator h3 { font-size: 16px;}
.arcsurvey { width: 100%;}
.arcsurvey thead th,
.arcsurvey tbody th { font-weight: normal;}
.arcsurvey thead th { background: none; color: #000; }
.arcsurvey thead th,
.arcsurvey tbody td { text-align: center; }
.arcsurvey tbody th:FIRST-CHILD { width: 150px;}
.arcsurvey input[type="submit"] { margin-top:10px;}


#tabs .ui-state-default, 
#tabs .ui-widget-content 
#tabs .ui-state-default{
    background:#f8f8f8;
    background:-moz-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#e1e1e1));
    background:-webkit-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-o-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-ms-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:linear-gradient(to bottom,#f8f8f8 0,#e1e1e1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#e1e1e1',GradientType=0);
    border-top:1px solid #CCC;
    font-size:11px;
    line-height:15px;
    border-color: #CCC;
}

#tabs .ui-state-active{
    background:#fff;
}

#tabs .ui-state-active a{
    color:#424242;
}

#tabs .ui-state-hover a{
    color:#666;
}

h1.courseTitle{
    border-bottom: 1px dashed #73A861;  
    padding-bottom: 5px;
}

.formErrorContent a{
    color: #FFF;
    text-decoration: underline;
}

.formErrorContent a:hover{
      text-decoration: none;
}

.option_detail .fieldBox{
    margin-left: 65px;
    margin-bottom: 0;
}

.option1 .fieldBox{
    margin-bottom: 0;   
}

.option_detail.fieldSub .fieldBox input[type="text"]{
    margin-left: 0;
}

.fieldBox .intl-tel-input input {
        box-sizing: inherit;
}

.main_box_left,
.main_detail_middle_top{
    float:left;
}


.stepsTable>div{
    float:left;
}

.stepsTable.tepByStepWith2>div{
    width: 50%;
}

.stepsTable.tepByStepWith4>div{
    width: 25%;
}

.stepsTable.tepByStepWith5>div{
    width: 20%;
}

.stepsTable.tepByStepWith6>div{
    width: 16.5%;
}

.stepsTable.tepByStepWith7>div{
    width: 14%;
}

.stepsTable.tepByStepWith8>div{
    width: 12.5%;
}

.stepsTable.tepByStepWith9>div{
    width: 11.1%;
}

.slicknav_menu {
    display:none;
}

.ui-datepicker{
    background-color: #FFF !important;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    background-image: none !important;
    background-color: #F0F0F0 !important;
    color:#777777 !important;
    border-color: #D7D7D7 !important;
}

#ui-datepicker-div .ui-state-hover, 
#ui-datepicker-div .ui-widget-content .ui-state-hover, 
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-focus{
    background-color: #d3d3d3 !important;
    color:#FFF !important;
}

#ui-datepicker-div select{
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
}

@media only screen and (max-width : 979px) {
    
    body{
       background:none;
    }
    
    #header{
       height:120px;
    }
    
    #box {
        width:100%;
        margin:0;
        padding:0;
        webkit-box-shadow:none;
        box-shadow:none;
    }
    
    #box .mainContentOut{
         width:auto;
         margin: 0;
         padding-bottom: 0 !important;
    }
    
    #content{
        display: block;
        width: 100%;
    }
    
    .main_detail_middle_top,
    .main_box_left{
        width: 49% !important;
    }
    
    #pre_application select{
     width: 100% !important;
   }
   
   #line_bottom{
    margin-top: 25px;
   }
   
   .loginInPage{
    width: 100% !important;
   }
   
    #steps{
        width: 100%;
    }
    
    .emptyRight  .main_detail_middle_top{
        width: 100% !important;
    }
    
    textarea, input[type="text"], input[type="password"], input[type="datetime"],
    input[type="datetime-local"], input[type="date"], input[type="month"],
    input[type="time"], input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
    .uneditable-input {
        width: calc(100% - 12px);
    }
    
    .mainContent table{
       max-width: 100%;
       width: 100%;
    }
    
    .intl-tel-input input{
       width: calc(100% - 59px);
    }
    
    .divSteps .fieldBox select{
       width: 100% !important;
    }
    
    .divSteps .fieldBox>div{
       width: 100% !important;
    }
    
    .divSteps .fieldSub .fieldBox > div{
         width: calc(100% - 15px) !important;
    }
    
    #displayBox,
    .blockUI.blockMsg{
        width: 80% !important;
        top: 30px !important;
        left: 0 !important;
        position: fixed !important;
        margin: 0 0 0 -40% !important;
        left:50% !important;
    }
    
    #displayRgpdBox,
    #displayBox .boxloadingContent,
   .blockUI.blockMsg #displayHelpBox{
        width: calc(100% - 50px) !important;
        margin: 25px auto;
   }
   
   #displayBox .boxloadingContent{
    background-size: contain;
   }
   
   .blockUI.blockMsg #displayRgpdBox .jqueryBtns,
   .blockUI.blockMsg #displayHelpBox .jqueryBtns{
        width: 100% !important;
   }
   
   .blockUI.blockMsg button{
        margin-left: 0;
        width: 100%;
   }
   
   .blockUI.blockMsg button.nextBtnStyle{
        background-repeat: repeat-x;
        background-position: top;
        background-color: #73A763;
   }
   
   .formError .formErrorContent{
        max-width: 85%;
   }
   
    
    .main_detail_middle_top #recoverInfoRight{
        width: 100% !important;
    }
    
    .page_arc .main_box_left {
        width: 35% !important;
    }
    
    .page_arc .main_detail_middle_top {
        width: 65% !important;
    }
    
    .arc-left-menu-container{
        width: 95%;
        margin-right: 0;
    }
    
    .main_detail_middle_top .centerContent{
        padding-right: 0;
    }
    
    .arc-left-menu-container .arc1Active .optionArc, 
    .arc-left-menu-container .arc1Active:hover .optionArc,
    .arc-left-menu-container .optionArc{
        width: 100%;
        margin-left: 0;
    }
    
    .arc-left-menu-container #nav-head>p{
        width: calc(100% - 20px);
        display: block;
        clear: both;
        margin: 0 10px;
    }
    
    p.navigation_node{
         width: calc(100% - 20px);
        display: block;
        clear: both;
        margin: 1em 10px;
    }
   
   input#arc_contact_submit_button,
   input#arc_login_submit_button{
     width: 100% !important;
   }
   
   .filtros{
    width: 100%;
   }
   
   #arc_filter_schedule .filtro:last-child{
    float: none;
    padding-top: 10px !important;
    width: 100%;
    clear: both;
   }
   
   .col2box{
       float:left;
       margin-right:45px
   }
   
   .col2box.clearfloat{
       margin-right:0;
   }
   
   .clearfloat:after{
       content: "";
      display: table;
      clear: both;
   }
}

@media only screen and (max-width : 767px) {
    .page_arc .main_detail_middle_top,
    .page_arc .main_box_left,
    .main_detail_middle_top,
    .main_box_left{
        width: 100% !important;
    }
    
    .setLineSeparator{
        border-left:0;
        border-top :1px dashed #878787;
    }
    
    .main_box_left #loginform, 
    .main_box_left #recoverInfoRight{
        padding-left:0;
    }
    
    .main_detail_middle_top .centerContent{
        padding-right: 0;
    }
   
   #line_bottom{
        margin-top: 0;
   }
   
   .divSteps table table td{
        width:100% !important;
        display: block; 
   }
   
   .divSteps table .fieldBox_2columns table td:first-child{
        margin-bottom: 20px;
   }
   
   table.operationBtns td{
        width:100% !important;
        display: block; 
   }
   
    table.operationBtns td:first-child{
        margin-bottom: 20px;
    }
    
    .divSteps table label{
        max-width: 75%;
    }
    
    /* #menu is the original menu */
    .arc-left-menu-container {
        display:none;
    }

    .slicknav_menu {
        display:block;
        margin-bottom: 20px;
    }
    
    .slicknav_menu .slicknav_icon-bar{
        background-color: #6b6b6b;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        box-shadow: 0 1px 0 rgba(0,0,0,.25);
        display: block;
        width: 25px;
        height: 3px;
    }
    
    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: .188em;
    }
    
    .slicknav_menu .slicknav_nav{
       border: 1px solid #CCCCCC;
       -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-top: 10px;
    }
    
    .slicknav_menu ul{
       list-style: none;
    }
    
    ul.slicknav_nav>div:first-child{
       text-align: center;
        margin-top: 10px;
    }
    
    .slicknav_menu .slicknav_arrow{
       display: none;
    }
    
    .slicknav_menu ul.slicknav_nav>li a{
    font-size:11px !important;
    list-style-type: none;
    margin: 0;  
    cursor:pointer;
    height:40px;
    list-style:none;
    background:#f8f8f8;
    background:-moz-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#e1e1e1));
    background:-webkit-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-o-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:-ms-linear-gradient(top,#f8f8f8 0,#e1e1e1 100%);
    background:linear-gradient(to bottom,#f8f8f8 0,#e1e1e1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#e1e1e1',GradientType=0);
    border-top:1px solid #CCC;
    line-height:40px;
    text-indent:8px;
    display: block;
    text-decoration: none;
    }
    .slicknav_menu ul.slicknav_nav>li a:hover{background:#e1e1e1}
    
    .arc-menu-old-applications-hideable li a,
    .slicknav_menu ul.slicknav_nav>li li a{
        background:transparent;
        height:inherit;
        line-height:25px;
        border:0;
        font-size:11px !important;
        text-decoration: none;
    }
    
    .arc-menu-old-applications-hideable{
        padding-left: 15px;
    }
    
    .arc-menu-old-applications-hideable li a:hover,
    .slicknav_menu ul.slicknav_nav>li li a:hover{
       background:transparent;
       text-decoration: underline;
    }
    
    .arc-menu-old-applications-hideable li a p{
        margin: 0;
    }
    
    #arc_export_schedule table{
        width: 100% !important;
    }
    
    #arc_export_schedule table td{
        display: block;
        width: 100%;
        text-align: center;
    }
    
     #arc_export_schedule table td input{
      width: calc(100% - 16px);
     }
     
    #submitContact table td .fieldLabel{
         width: 100% !important;
    }
    
     #submitContact .styleBtn{
        margin-top: 10px;
        margin-left: 0;
     }
     
}

@media only screen and (max-width : 480px) {
    .stepsTable > div{
        display: none;
    }
    
    .stepsTable > div.currentStep{
        display: block;
        width: 100%;
    }
    
    .stepsTable > div.pastStep{
        display: none;
    }
    
    button.styleBtn,
    #saveRGPD,
   #saveSelectPaymentType, #saveStep, #nextStep{
        width: 100%;
        margin: 0;
    }
}


.page_surveyreaction .mainContent table {max-width: 100% !important;}
.page_surveyreaction .main_detail_middle_top {width: 100% !important;}
.page_surveyreaction .main_box_left  {display: none;}
.page_surveyreaction .radioBoxContent {display: block;}
.page_surveyreaction .radioBoxContent input[type="radio"] + label {width: auto; padding-left: 28px; background-repeat: no-repeat;}
.page_surveyreaction hr {margin: 20px; border: none; height: 1px;  color: #c0c0c0; background-color: #c0c0c0; }
.page_surveyreaction #webforma_students_line h3 {margin-bottom: 0}

.page_surveydiagnosis .mainContent table {max-width: 100% !important;}
.page_surveydiagnosis .main_detail_middle_top {width: 100% !important;}
.page_surveydiagnosis .mainContent .table {width: 100% !important;}
.page_surveydiagnosis .newentry {background-color: #a8c4db;}
.page_surveydiagnosis .newentry.newentryhelp {padding: 5px; margin-bottom: 10px}

#box.page_processSessionPresencesOnline{
    width: 100%;
    margin:0;
    padding: 0;
    border: 0;
    box-shadow: none;
}

#box.page_processSessionPresencesOnline .mainContentOut{
    padding:25px;
}

#box.page_processSessionSummaryOnline #content,
#box.page_processSessionPresencesOnline #content{
    width: 100% !important;
    padding-top: 0;
}
#box.page_processSessionPresencesOnline .mainContentLine,
#box.page_processSessionPresencesOnline #header,
#box.page_processSessionSummaryOnline #header,
#box.page_processSessionPresencesOnline .footerImage,
#box.page_processSessionPresencesOnline #menu_bottom .box_copyright,
#box.page_processSessionPresencesOnline #line_top,
#box.page_processSessionSummaryOnline #line_top{
    display: none;
}

#box.page_processSessionPresencesOnline #menu_bottom{
	margin-top: 0;
    margin-left: 0;
}

#box.page_processSessionPresencesOnline #menu_bottom #header_lang_text{
	font-size:16px;	
}

#box.page_processSessionPresencesOnline #menu_bottom #header_lang_text a{
	text-decoration: none;
}

#box.page_processSessionSummaryOnline{
    width: 80%;
}

.appprogressive{
    background:none;
}

.appMobile h2{
    font-size: 2rem;
    line-height: 2rem;
    color: inherit;
    margin-bottom: 2rem;
    font-weight: 500;
}

.page_processSessionPresencesOnline #line_bottom,
.page_processSessionSummaryOnline #line_bottom{
    display:none;
}
.page_processSessionPresencesOnline .main_detail_middle_top,
.page_processSessionSummaryOnline  .main_detail_middle_top{
    width: 100% !important;
}

.appMobile h2:after{
    background: #ED1B34;
    content: '';
    display: block;
    width: 60px;
    height: 8px;
    margin-top: 1.5rem;
}

.appMobile h3{
    font-size: 1.4rem;
    line-height: 2.0rem;
    margin-bottom: 1rem;
}
.page_processSessionPresencesOnline,
.page_processSessionPresencesOnline p,
.page_processSessionPresencesOnline a,
.page_processSessionSummaryOnline,
.page_processSessionSummaryOnline p,
.page_processSessionSummaryOnline a{
    font-family: 'Open Sans', sans-serif;
}

.page_processSessionPresencesOnline h1,
.page_processSessionPresencesOnline h2,
.page_processSessionPresencesOnline h3,
.page_processSessionPresencesOnline h4,
.page_processSessionPresencesOnline h5,
.page_processSessionPresencesOnline h6,
.page_processSessionSummaryOnline h1,
.page_processSessionSummaryOnline h2,
.page_processSessionSummaryOnline h3,
.page_processSessionSummaryOnline h4,
.page_processSessionSummaryOnline h5,
.page_processSessionSummaryOnline h6{
    font-family: 'Playfair Display', serif;
}



.appMobile .operationBtns .styleBtn,
.appMobile input[type="submit"].nextBtnStyle, 
.appMobile .nextBtnStyle{
    margin: auto 0 0 auto;
    border-color: #008FBC;
    background-color:#008FBC;
    color: #FFF;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background-image: none;
    display: inline-block;
    padding: 1.0rem 5rem;
    z-index: 1;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
    text-decoration: none;
    margin-right: 0;
    border-radius: 0;
    text-shadow: none;
    display: block;
}




.btnClosing{
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background-image: none;
    display: inline-block;
    z-index: 1;
    font-weight: 700;
    text-decoration: none;
    margin-right: 0;
    border-radius: 0;
    text-shadow: none;
    display: block;
    float: left;
    margin-top: 15px;
    margin-right: 15px;
}


.appMobile .operationBtns .styleBtn.btnRed {
    border-color: #ED1B34;
    background-color:#ED1B34;
}

.appMobile .mobile_top:after ,
.appMobile .operationBtns:after {
  content: "";
  display: table;
  clear: both;
}

.appMobile .box_title,
.appMobile .operationBtns .styleBtn{
    float: left;    
}

.appMobile .box_logo,
.appMobile .box_room,
.appMobile .operationBtns .nextBtnStyle{
    float: right;
}


.appMobile .styleBtn:after,
.appMobile input[type="submit"].nextBtnStyle:after, 
.appMobile .nextBtnStyle:after{
    transition: all .15s ease-in;
    content: '';
    opacity: 0;
    width: 0;
    position: absolute;
    height: 4px;
    bottom: -13px;
    left: 50%;
    right: 50%;
}

.appMobile .styleBtn:hover:after, 
.appMobile input[type="submit"].nextBtnStyle:hover:after, 
.appMobile .nextBtnStyle:hover:after{
    background: #008FBC;
    box-shadow: 0 0 0 2px #008FBC;
    width: 100%;
    left: 0;
    right: 0;
    opacity: 1;
}



.appMobile .operationBtns .styleBtn.btnRed:hover:after {
    background: #ED1B34;
    box-shadow: 0 0 0 2px #ED1B34;
}

.appMobile form{
    margin-top: 0;
    margin-bottom:  
}

.appMobile .box_label{
    margin-bottom: 30px;
}

.appMobile .box_label{
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 1.3em;
}

.appMobile .box_label.box_studentname b{
    font-size: 2.6rem;
    line-height: 3.5rem;
}

.appMobile .box_label.box_studentname{
    margin-bottom: 50px;
}

.appMobile .box_label .fieldLabel{ 
    transition: all .3s ease-in;
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 0.9rem;
    line-height: 1.6rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    display: block;
}

.appMobile .box_label .fieldLabel:after {
    content: '';
    display: block;
    width: 3rem;
    height: .4rem;
    margin-top: .3rem;
    background: #000;
}

.appMobile .box_label textarea{
     width: 100%;
    border-color: #000;
    color: #000;
    background-color: #FFF;
    margin-top: 15px;
    padding: 10px;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}

.appMobile .box_label #student_number{
    width: 100%;
    border-color: #000;
    color: #000;
    background-color: #FFF;
    margin-top: 15px;
    padding: 10px;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
    height: auto;
}

.appMobile .info,
.appMobile  .error,
.appMobile  .warningDefault{
    margin-left: 0;
    margin-bottom: 30px;
    color: #000;
    background-color: #FFF;
    border: 2px solid #008FBC !important;
    background-image: none;
    padding: 15px 10px;
    border:0;
    font-size: 2.2rem;
    line-height: 2.4rem;
   transition: opacity 1s linear;
}

.appMobile .info div,
.appMobile  .error div,
.appMobile  .warningDefault div{
    line-height: normal;
}

.appMobile  .error{
    color: #008FBC;
        font-weight: bold;
}

.appMobile .operationBtns .nextBtnStyle.addMarginBottom  {
        margin-bottom:25px !important;       
 }
      
 
 .appMobile .row::after {
    content: "";
    clear: both;
    display: table;
}
 
.appMobile .col6{
    float: left;
    width: 50%;
 }
 
 .grid-container {
  background-color: #008FBC;
  padding: 0;
}

 .grid-container::after {
    content: "";
    clear: both;
    display: block;
}

.grid-item {
  
  font-size: 30px;
  text-align: center;
  width: 33.33333333%;
  float: left;
}



.keybordBox{
	margin-left: 20px;	
	margin-top: 20px;
}

.grid-item a{
	display: block;	
	padding: 20px;
	color:#FFF;
	cursor: pointer;
	line-height: 30px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.grid-item a:hover{
	background-color: rgba(0, 0, 0, 0.3);
}

#selectRGPD .radioCheckLabel{
	padding-left:0;
	padding-right: 15px;
}

#selectRGPD h3{
	font-size: 15px;	
}

#header_lang img {max-width: 25px}

.arc-content-container.student input[type="submit"]{
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    border-radius: 15px; /* CSS3 */
    border: 2px solid #F0F0F0;
    
    background: rgb(59,59,59);
	background: linear-gradient(180deg, rgb(74, 74, 74) 0%, rgb(86, 86, 86) 50%, rgb(59, 59, 59) 100%);
	padding: 5px 15px; 
    text-shadow: 2px 1px 1px #4D4D4D;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    letter-spacing:1px;
    text-transform: none;
    height: auto;
}

.arc-content-container.student input[type="submit"]:hover{
    background: rgb(0,166,205);
	background: linear-gradient(180deg, rgba(0,166,205,1) 0%, rgba(0,166,205,1) 100%);
}

.page_page_not_found .loginpanelintro {display: none;}