/* useable classes for webforms */

.ui.clr-one,

.ui.clr-one.message,

.ui.clr-one.message .header {

  background-color: #bf3b39!important;

  color: white!important;

}

.ui.clr-two,

.ui.clr-two.message,

.ui.clr-two.message .header {

  background-color: #5d7f96!important;

  color: #373736!important;

}

.ui.clr-three,

.ui.clr-three.message,

.ui.clr-three.message .header {

  background-color: #9f4878!important;

  color: #5d7f96!important;

}

.ui.clr-four,

.ui.clr-four.message,

.ui.clr-four.message .header {

  background-color: #9f4878!important;

  color: #9f4878!important;

}

.ui.clr-five,

.ui.clr-five.message,

.ui.clr-five.message .header {

  background-color: #9f4878!important;

  color: #9f4878!important;

}

.ui.clr-six,

.ui.clr-six.message,

.ui.clr-six.message .header {

  background-color: #9f4878!important;

  color: #9f4878!important;

}



/* logo and top bar size */

.logopicture{

    height:70px!important;

    width:auto!important;

}

.ui.vertical.stripe {

    padding: calc(70px + 3em)  0em 1em 0em!important;

}



/* Top bar colour */

.ui.clr-banner,

.ui.clr-banner.message,

.ui.clr-banner.message .header {

  background-color: #41b591!important;

  color: white!important;

}



/* Footer colour */

.ui.clr-footer,

 .ui.clr-footer.message,

.ui.clr-footer .header {

  background-color: #41b591!important;

  color: white!important;

}



/* general background colour */

.ui.clr-back {

  color: black!important;

  background-color: #a2ddcb! important;

}



/* Login page section colour */

.ui.clr-stripe {

  color: white!important;

  background-color: #41b591!important;

}



/* Form headers and modal headers colour */

.ui.clr-form,

.ui.clr-form .header,

.ui.clr-form .description ,

.ui.clr-form .label ,

.ui.clr-form label ,

.ui.clr-form a {

  color: white!important;

  background-color: #41b591!important;

}



/* Signature canvas size */

.signature-pad {

	height: 50vh!important;

}





/*Ignore*/

  .clr-banner .item {

            border-color: rgba(34, 36, 38, 0.1)!important;

        }

         .clr-banner .item:before {

            background-color: rgba(34, 36, 38, 0.1)!important;

        }